Advertisement

CSS

  • Front End
    A Simple Parallax Scrolling TechniquePreview
    261 shares
    Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth. As I planned to re-design my personal website, my first goal was to write the shortest and simplest code to achieve maximum awesomeness! I'll show you how I did it. Read More…
  • Theme Development
    Child Themes Basics and Creating Child Themes in WordPressThumb
    26 shares
    A WordPress theme is a collection of template files which lets you change the user interface, design, look, and feel of the site. A WordPress theme can either just have some bare minimum design changes implemented or might even have some advanced logic showing the most recent post differently than the others or showing the posts from a particular category in a different section on the home page etc. WordPress themes can range from a simple set of files to a complete complex framework so that other themes can be built on top of that. In this article we are going to see how one can create child themes for other themes to leverage on the code provided by the parent theme.Read More…
  • WordPress
    Quick Tip: A Workaround for Hard Cropping Featured ImagesPreview
    11 shares
    This quick tip explains how to add a Custom Column in the Manage Screens of your WordPress blog.Read More…
  • HTML & CSS
    An Introduction to the CSS Flexbox ModuleCss flexbox preview
    122 shares
    CSS, despite its relatively low perceived skill ceiling, always seems to have a killer feature up its sleeve. Remember how media queries made responsive layouts possible and revolutionized front-end development? Well, today, we're going to talk about a new layout mode, called flexbox - new in CSS3. I'm sure you're raring to go! Let's get started after the jump.Read More…
  • Web Development
    Building Web Applications from Scratch with LaravelMain image
    152 shares
    In this Nettuts+ mini-series, we'll build a web application from scratch, while diving into a great new PHP framework that's rapidly picking up steam, called Laravel — a simple and elegant PHP 5.3 framework. First up, we'll learn more about Laravel, and why it's such a great choice for your next PHP-based web application.Read More…
  • HTML & CSS
    Optimize Your CSS With RequireJSPreview
    15 shares
    In this lesson, we'll review the awesome RequireJS optimizer to handle the process of merging and compressing our stylesheets. While preprocessors continue to become increasingly popular, there are still plenty of folks who stick with regular CSS. In these cases, a solid build tool/process is vital. Read More…
  • HTML & CSS
    CSS Refreshers: BordersCss borders preview
    294 shares
    Sure, we’re all familiar with borders. Is there anything new that could possibly be introduced? Well, I bet there’s quite a few things in this article that you never knew about! Not only can CSS3 be used to create rounded corners, but plain-ole' CSS can also be wrestled into displaying custom shapes. That’s right; in the past, before these techniques were discovered, we might have resorted to using absolutely positioned background images to display circles or arrows. Thankfully - as we gleefully take one more step away from Photoshop - this is no longer the case.Read More…
  • PHP
    How to Create a Time Based CSS Style Sheet SwitcherPreview
    32 shares
    Style switchers have become a popular feature on websites these days. CSS style sheets allow a Web Designer to change the look and feel of a website with little effort. Some sites use "Day" and "Night" type of style switchers that automatically change the site theme based on the time of day. This tutorial shows you how to create a time based CSS style sheet switcher using PHP that lets you change multiple style sheets at once at specific times of the day. There's also a little bit of jQuery UI thrown in just for fun! Read More…
  • News
    An Update on Nettuts+ PrefixrCross browser css in seconds with prefixr
    Many of you might be aware that we recently launched a helpful web service, called Nettuts+ Prefixr. Thankfully, the tool has come a long way since the initial launch, as I've squashed countless bugs, and added some neat new features. I'd like to give you a quick rundown on the current state of the tool, as well as how to use it. Read More…
  • News
    30 Days to Learn HTML and CSS: a Free Tuts+ Premium Course200x200
    58 shares
    If you've ever wanted to learn how to build websites and web apps, HTML and CSS are the first skills you should learn. They are so fundamental that we believe everyone has the right to learn these skills for free. We set ourselves the challenge of designing the most effective and enjoyable way to learn HTML and CSS in one month. The result is 30 Days to Learn HTML and CSS, a free Tuts+ Premium course instructed by Nettuts+ editor and web dev veteran Jeffrey Way. We're really excited to share this with you today! (Plus, get a sneak peek at the new Tuts+ Premium.)Read More…
  • HTML & CSS
    Quick Tip: How to Keep the Count with CSSCounter increment
    36 shares
    Did you know that, with CSS, you can create a counter? This can be especially useful for instances where the count is purely needed for presentational purposes. I'll show you how to use counter-increment in this useful quick tip. Read More…
  • Theme Development
    Customizing And Styling The Password Protected FormPreview
    11 shares
    Recently I had a client want one of their WordPress pages protected, no problem! Then he came back and said, can you change the text and make it look better? Hmm... Sure! Here's how to...Read More…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement