25 CSS Techniques That You Must Not Miss!

25 CSS Techniques That You Must Not Miss!

There's a reason why CSS is called the language of the web. These tutorials will tell you why.  Monday, March 10, 2014:  If you look around on the internet, you will find thousands of websites telling you how to go about using CSS for web development. Amidst all the content that is available, it can be really difficult to determine what is essential and what is optional. Well, here are some essential ones. CSS techniques: There are various CSS techniques, which have been used in order to create the most amazing websites. You may even have seen some of these, without realising what you were looking at. But learning about these techniques can help you make your websites truly original and amazing. 1. Creating different CSS3 box shadow effects 2. Master the new CSS layout properties 3. The problem of CSS form elements 4. Swishy CSS3 navigation 5. Master CSS pixels for Retina displays 6. Minimum paragraph widths in fluid layouts 7. How to take advantage of the CSS background-size property 8. Triangle with shadow 9. How to set up a print style sheet 10. Semantic CSS with intelligent selectors Typography: When using CSS, typography is another important concept to understand and master. It makes for an easy fix to what could otherwise result into being a very drab and unnatractive website. 1. Introducing responsive web typography With FlowType.JS 2. Texturise web type with CSS 3. How to preserve vertical rhythm with CSS and jQuery 4. Create a Letterpress effect with CSS Text-Shadow 5. The future of screen typography is in your hands 6. How to create a cool anaglyphic text effect with CSS 7. Handling typography for responsive design Gradients: These are tutorials on CSS Gradients. They teach you about the various things that you can do and some tried and tested tips that you couldn't go wrong with. 1. How to master CSS gradients 2. Essential CSS gradient tips CSS Sprites: This is a section of CSS that hasn't quite been recognised to its full extent. Interestingly though, mastering this aspect of CSS can give a web developer a huge edge in terms of the work that they do. Interested? Here's what you need! 1. CSS Sprites 2. Animated sprite in Photoshop 3. SpriteCow Visual effects: The name is pretty self explanatory. Visual effects have been successful for a variety of other things, so why not use them in CSS? 1. 3D CSS rollovers 2. Navigation 3. Parallax scrolling