Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CSS3 Tutorial & Tips For Web Developers & Web Designers

3,106 views

Published on

Cascading Style Sheets, the next level. CSS3. With an array of increased creative opportunities, CSS3 is much better than its predecessor CSS2, and gives developers that much-desired control on a web page’s look and feel.

We took a closer look at CSS3 and want to show you 10 things you might not know about CSS3. Take a look at our CSS3 tutorial

Published in: Internet
  • Be the first to comment

CSS3 Tutorial & Tips For Web Developers & Web Designers

  1. 1. POWERFUL @tompeham I @usersnap THINGS ABOUT CSS3
  2. 2. HELLO EVERYONE! MY NAME IS THOMAS @TOMPEHAM I @USERSNAP
  3. 3. CSS3 THINGS YOU MIGHT NOT KNOW
  4. 4. ALL CSS3 TIPS FOR WEB DEVELOPERS can be found here: http://goo.gl/PrZICX
  5. 5. WHAT’S NEW WITH CSS3? There’s a huge amount of improvements over the last version, like the ability to easily add video and 3D objects to your webpage. In fact there’s much more that can be done on this platform.
  6. 6. BACKWARDS COMPATIBLE
  7. 7. Backwards compatible. • CSS3 is completely backwards compatible with earlier CSS versions. • That old site running on a previous CSS version can be reworked with CSS3.
  8. 8. INDEPENDENT MODULES
  9. 9. Independent modules. CSS3 is broken up into many individual modules, improving both functionality and ease of working. The advantage? It makes CSS3 a lot easier to handle.
  10. 10. Independent modules. The most important modules include Selectors, Color, Box Model, Backgrounds and Borders, Text Effects, 2D/3D Transformations and user interface.
  11. 11. EASY TO CHANGE, EASY TO VIEW
  12. 12. Easy to change. Easy to view. • With the modular structure and new functionalities, CSS3 makes it much easier to make changes. • This allows individual module testing!
  13. 13. FASTER DEVELOPMENT SPEED
  14. 14. Faster development speed. • CSS3 has also managed to set new benchmarks in development speed
  15. 15. BETTER BACKGROUNDS
  16. 16. Multiple backgrounds • Multiple background images can be included on a page and layered.
  17. 17. CSS3 background size • The CSS3 background-size property allows to specify the size of these background images
  18. 18. BORDERS & TEXT EFFECTS
  19. 19. Borders and text effects • The CSS3 border image property is simply awesome! 
  20. 20. ALL CSS3 TIPS FOR WEB DEVELOPERS can be found here: http://goo.gl/PrZICX
  21. 21. QUESTIONS? PING ME ON TWITTER @TOMPEHAM
  22. 22. ONE LAST THING… JUST PING US ON TWITTER.

×