Students
Students get a Tuts+ subscription for just $45! Hurry limited offer.
Advertisement

CSS

  • Front-End
    The Theory Behind Progressive EnhancementHtml
    191 shares
    When building a website, you have a few ways to go about doing it. You can start by creating the most advanced version of the site with all of the scripts, styles, and so on, and then have it render in older browsers via graceful degradation, you may opt to ignore older browsers, or you can start with a basic page and add scripts and styles such that it becomes more functional via progressive enhancement. In this series, we're going to take a look at the latter.Read More…
  • Laravel
    AngularJS and Laravel: Finishing Building a CRMCustomer management app
    58 shares
    In this part of the tutorial, we will build the front-end of our application using AngularJS. Angular is a really unique framework. Instead of abstracting the HTML or providing some way of DOM manipulation they extended the HTML to deal with the fact that it was surely not designed to work with dynamic data. Read More…
  • CSS
    How to Give Your Logo the “Slip Scroll” EffectPreview
    314 shares
    In today's tutorial we're going to use JavaScript to create a simple, flexible, parallax effect where a logo seemingly changes colors with the background it's on when the user scrolls.Read More…
  • WordPress
    A WordPress Development Process Using Sass and CompassSass
    374 shares
    In this article, we're going to take a look at how to use Sass and Compass in our WordPress theme development process. We will structure our theme stylesheets in SMACSS fashion and will leverage the power of Compass to generate image sprites for both retina and non-retina devices. Note that this article is not an introduction to Sass; however, if you are a beginner, still feel free to follow along.Read More…
  • WordPress
    Saving Images with the WordPress Media UploaderWordpress media uploader
    242 shares
    In this series, we're taking a look at how to implement the WordPress Media Uploader in an actual plugin. The idea behind this series and its associated code is to give a clear understanding of how it works, how we can use it in the future, and how we can incorporate it into our work. In this article, we're going to pick up where we left off and finish implementing the rest of this plugin. Note that I'm assuming you've read the previous two posts and understand the source code that we've covered thus far.Read More…
  • WordPress
    Implementing the EU Cookie Law Into Your WordPress SiteWordpress
    237 shares
    If you live in Europe you've probably heard about the cookie law. The exact law changes from country to country and some of the guidelines are a little unclear about ways it should be implemented. This article is not to discuss or advise on the law, but to show you the method behind creating a simple cookie law popup plugin.Read More…
  • CSS
    7 Non-raster Approaches for Making the “Hamburger” Menu IconPreview
    350 shares
    We're going to look at seven different approaches to creating the infamous “Hamburger” menu icon, without raster images. The challenge is to reduce HTTP requests, create infinitely scaleable icons for high density displays and have the power to style them with CSS. You might be surprised by the winning method.Read More…
  • Web Applications
    From Beginner To Advanced in OpenCart: ConfigurationOpencart
    60 shares
    In the first part of the series, we took a look at how to get started by setting up OpenCart on our local development machine. In this part we are going to understand the Admin Panel. OpenCart has very interactive and easy-to-user user interface. Users found no difficulty interacting with it. It has a large number of controls that are used to control the store, so there' no need to even deal with writing code. Let's take a look at an overview of the admin panel.Read More…
  • WordPress
    Creating an FAQ Page Using Two LoopsCreate faq page using two loops faqsimage
    182 shares
    A page of frequently asked questions will be much more user-friendly if your visitors can see all of the questions at the top of the page and then go to the answers by clicking on each. This tutorial shows you how to do this by creating two loops for the same content.Read More…
  • JavaScript
    Recreating the Touch Ripple Effect as Seen on Google DesignGoogle thumb
    534 shares
    Google's new design efforts are vast and justify a significant amount of conversation. But instead of talking about the theory of "Material Design" and the implications of Google's newest efforts, we're going to focus on an interesting technique Google has employed on their Design landing page.Read More…
  • Web Development
    What Is Go?Go programming lang
    233 shares
    In this tutorial, we are going to learn to develop a simple web application using the Go programming language. Read More…
  • WordPress
    Loading CSS Into WordPress the Right WayCodetuts css preview
    251 shares
    Without CSS, you have very limited choices to style your web pages. And without proper CSS inclusion inside WordPress, you can make it extremely hard for your theme's users to customize the theme's styling. In this tutorial, we're going to have a look at the right way to enqueue CSS into WordPress.Read More…
Advertisement
Advertisement