Graphic Mania

  • Home
  • Articles
  • Vector Packs
  • Freebies
    • Free Fonts
    • Free Icons
    • Photoshop Brushes
    • Photoshop Patterns
    • Photoshop PSDs
    • Textures
  • Photography ideas
  • Advertising Ideas
  • Image Cropper
  • Inspiration
    • Illustration
    • Showcases
  • Resources
    • News
    • Reviews
    • Contests
    • Adobe exams
    • Logo design
    • Wallpapers
    • 3D
  • Web
    • WordPress
  • Tutorials
    • Flash tutorials
    • HTML5
    • Illustrator tutorials
    • Photoshop tutorials

First Drafts of CSS4 and History of CSS

2
  • by SergeyFrolovich
  • in Resources
  • — 26 Oct, 2011

How did they start with CSS4? On September 29th Elika J. Etemad (Mozilla), the person in charge of the W3C workgroup has published the first CSS4 draft for the so-called selectors (Why so-called? Because that is the term issued in CSS, the CSS selector).

People who keep track of technologies may object that the works on CSS3 are not finished yet! But the version 2.1 workgroup makes modular specifications and, therefore, every part can be nominated for the “recommended” rank.

Therefore, those recommended for use areas allow the workgroup to move on.

Technical details:

  • Davis Storey’s thoughts – Motorola. W3C WG member;
  • Paul Anthony’s post – webdistortion.com.

Speaking about the history, let’s look at one of the most significant developments brought on by every CSS generation. Let’s start from the third one.

CSS3: Shining examples and one of the best techniques

Iphone4 that done using CSS3 only. Without images!

Iphone4 that done using CSS3 only. Without images!

@font-face

font-face

Text-shadow

Text-shadow

Awesome Buttons with CSS3 and RGBA

Border-radius, Opacity, RGBA, Box-shadow, Gradient, Multiple background images, Transform, Transition, etc.

Border-radius, Opacity, RGBA, Box-shadow,  Gradient, Multiple=

More Examples:

  • http://www.netmagazine.com/features/top-10-css3-techniques
  • http://smashingwall.com/resources/css3-examples/

CSS2 & CSS: Examples and one of the best techniques

There were plenty of interesting things before CSS3. If you are not aware of these technologies, you may compare them and define the differences. Let’s get started…

This is what the web looked like in 2006

CSS Vault

CSS Vault

Foxie.ru

Foxie.ru

Emotionslive.co.uk

Emotionslive.co.uk

More Examples:

  • http://www.smashingmagazine.com/2006/12/19/50-beautiful-css-based-web-designs-in-2006/

CSS Techniques:

CSS Based Navigation

CSS Based Navigation

CSS Image Pop-Up

CSS Image Pop-Up

More Examples:

  • http://coding.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

Before CSS

When there was no CSS, designers used nested tables. They were not intended for design, but they were adapted to it because there was nothing else to use!

HTML utopia

Aquarium animals

Nested Tables Example

Last Click: Conclusion.

So we can see that CSS evolves and relies less on such libraries as JQuery now. Maybe CSS will become something similar to scripting language, where the logical part will be produced directly from style sheets in the near future.

Time will tell, and meanwhile we recommend you to read what the professionals think about it.

So, what is your thoughts about future of CSS4 and coding?

  • Do use CSS3 in your work?
  • What do you love or hate most of all in CSS?

And in general:

  • Do you like coding?
  • What tools do you use for creating your WordPress theme?
Share

Tags: css 3 resourcesCSS3 tutorialscss4 draftcss4 preview

— SergeyFrolovich

Sergey is a member of Divine Elemente team that develops PSD to WordPress software, and also shares useful web information and web design tips.

  • Previous story Create Your First Android AIR App in Flash
  • Next story Top Android and iOS Apps That Will Increase Your Productivity

You may also like...

  • Warships free Brushes 3 Mar, 2009
  • 48 High Quality Wood Textures 10 May, 2012
  • New 2010 Calendar for Your Desktop and iPhone 31 Dec, 2009
  • Useful Adobe After Effects Tutorials 19 Mar, 2010

2 Comments

  1. Swamykant says:
    October 27, 2011 at 2:26 pm

    The iphone looks very cool. Thanks

  2. medyum says:
    May 15, 2012 at 2:24 am

    Thank for admin woderfull websites and blog, ? can find what ? need..

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Promo Codes Available

    A2 Hosting Coupon
    NordVPN Coupon
    Unbounce Coupon
        • Home
        • Privacy Policy
        • About the Author
        • GRAPHIC MANIA – Guest Post Guidelines
        • Contact

        Copyright © 2008-2024 GraphicMania.net. All Rights Reserved.