Advertisement
HTML & CSS

CSS: Noob to Ninja

by

This exclusive Tuts+ Premium video series will take you from being an absolute CSS “noob,” all the way up to ninja-status, capable of wrangling even the most obnoxious of browsers into place. 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.

  • 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

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


Related Posts
  • Design & Illustration
    Photoshop
    Create a 3D, Fruit-Textured, Text EffectOrange text preview 400x277
    Use a combination of Modo, Photoshop, and Illustrator to create a text effect made of oranges.Read More…
  • Web Design
    HTML/CSS
    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
    CMS
    Uber Aesthetics and ResponsivenessGhost rwd retina
    Welcome to the final part of our Ghost theme design tutorial series! In the previous two parts of this series we worked on the first half of styling our theme and laid the groundwork for responsive behavior. This fifth and final part finalizes our styling and completes the task of making our theme fully responsive.Read More…
  • Web Design
    Design Theory
    CSS3, Web Fonts and IconsDsfd webfonts retina
    We’re really lucky to be working in an industry like the web industry. Nowadays, we have so many new tips and techniques and ways of working all of the time. We’re also really lucky that we’re in an age where, as these new technologies are introduced, our browsers can (for the most part) be pretty quick to catch up, so we get to put these new technologies into our designs (and gasp, even into client work!) more than ever before.Read More…
  • Business
    Communication
    How to Setup Your Authority Blog With the WordPress Canvas Theme4 authority blog wordpress
    Many would-be bloggers are intimidated into inaction by the perception that creating and running a blog is too technically challenging. If you count yourself amongst that group then this post is for you. In reality, the fact that you are currently reading this almost certainly qualifies you to create a website. You need little more than a basic level of computer literacy in order to learn what is necessary to create and maintain your very own blog. Gone are the days when you needed to get your hands dirty with code such as HTML and CSS in order to create your own corner on the web -- although such skills are certainly still useful in many applications, they are no longer a necessity. When it comes to creating a blog, all you need is a good idea and a few hours of your time (or even less) to get up and running. Furthermore, with an enormous selection of highly customizable theme frameworks to choose from, you can create a professional-looking website in short time with relative ease. The next three posts in this series on creating a successful authority blog will focus on the nuts and bolts of creating your very own blog, and this post will focus specifically on how to create a unique design for your website. Let's get started!Read More…
  • Web Design
    HTML/CSS
    Stir up Your Own Delicious Sass MixinsMix preview
    Sass is designed to help write CSS faster; mixins are of the features that make it possible. Several heavyweight libraries exist with complex formulas for every situation, but today I’m going to show how to stir up your own mixins that complement existing workflows.Read More…