CSS: Noob to Ninja - The Complete Video Series


This exclusive premium video series will take you from a state of absolute CSS “noobness,” all the way up to ninja-status, capable of taking advantage of the latest CSS3 techniques. The series begins with the basics: the syntax, properties, etc. However, each new video expands upon the previous, as you work your way up and improve your skills. In this final week, you'll complete the series, as you gain access to Parts 8-12: five new episodes.

In these final video tutorials, you'll learn about a variety of CSS3 techniques, how to use custom fonts, working with CSS frameworks, and how to extend CSS with applications like LESS. Don’t fall behind! Become a Premium member!

The Full Screencast Series: Exclusive to Premium Members

  • Part 1: Preparation
  • Part 2: CSS Properties
  • Part 3: Typography
  • Part 4: Floats
  • Part 5: Positioning
  • Part 6: Semantics, List Items, and Menus
  • Part 7: CSS Organizational Techniques
  • Part 8: Rounded Corners, Box Shadows, and Text Shadows
  • Part 9: CSS3 Gradients
  • Part 10: Custom Fonts with @font-face
  • Part 11: Taking Advantage of CSS Frameworks
  • Part 12: Extending CSS with LESS
Video Sample

Join Net Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you'll learn from some of the best minds in the business. Become a Premium member!

Related Posts
  • Web Design
    Why I Choose Stylus (And You Should Too)Stylus thumb
    The world of front end web development has been steadily increasing its uptake of what we call "CSS Preprocessors", which extend the functionality of regular CSS. Arguably the two most well known, with the greatest user base, are LESS and Sass/SCSS. However there is a third preprocessor that hasn't received quite as much attention, and that's Stylus.Read More…
  • Web Design
    Walk Users Through Your Website With Bootstrap TourTour retina
    When you have a web application which requires some getting used to from your users, a walkthrough of the interface is in order. Creating a walkthrough directly on top of the interface makes things very clear, so that's what we're going to build, using Bootstrap Tour.Read More…
  • 3D & Motion Graphics
    Project Files
    Download the "Helvetimation" Animated Font - Tuts+ PremiumAetuts retina helvetimations
    I created this project because I know that people want animated fontfaces. There's a lot of new animated font's coming all the time but they are, in my opinion a little too much. I wanted to create an animated typeface that everyone can use - So I chose Helvetica Neue TT... A free downloadable font.Read More…
  • Code
    Corona SDK
    Create a Physics-Based Puzzle Game - Tuts+ PremiumJiiks5wsw7yw2qtzrz2mkdumdveyn5yjttu4lzlnrd4
    In this tutorial series, I'll be showing you how to create a physics-based puzzle game in Corona SDK. You'll learn about physics manipulation and touch controls. The objective of the game is to get the ball into the container by tapping the correct boxes. Read on!Read More…
  • Code
    Corona SDK
    Create a Sound Based Memory Game - Tuts+ PremiumPreview@2x
    This is the second installment in our Corona SDK Sound Memory tutorial. In today’s tutorial, we’ll add to our interface and the game interaction. Read on!Read More…
  • Code
    Create a Sound Based Memory Game - Tuts+ PremiumPreview@2x
    In this tutorial series, I’ll be showing you how to create a sound based memory game with the Corona SDK. You’ll learn about loading and playing sounds as well as storing information in Lua Tables. The objective of the game is to reproduce the level sound by tapping on the color squares. Read on!Read More…