Web design | Front-end | Quality from Budapest

Current post

March
21
2010

The best css 3 resources for Web designers

Back to the Index page | Write your own comment

Css3 is coming and I love it! Last month I wrote an article about HTML5, now here is my new Css3 resource list. I have collected very nice examples and resources. Spinning Cds, multiple borders, multiple columns, text shadows, all here! So if you want to learn Css3 please check my links!

Have fun!

 

Awesome Css3 effects

  1. CSS Wizardry—CSS3 Examples & Progressive Enhancement

    All CSS shown corresponds to the elements directly above. The ID/class names are the same as used and all CSS3/progressive enhancement snippets are shown in bold.

  2. Sliding Vinyl with CSS3

    We take an image of an album cover, some basic HTML, and a little fancy CSS3 that, on hover, slides out the pure-CSS vinyl record behind it.

  3. Polaroid Images with Only CSS3

    In this playground adventure, we use some awesome CSS2 and CSS3 to turn an otherwise unassuming list of images into a full-blown set of polaroid pictures.

  4. Recreating the OS X Dock

    We take a basic list of links and turn them into an awesome OS X dock of icons.

  5. Super Awesome Buttons with CSS3 and RGBa

    Using descriptive class names and CSS3 properties like gradients and box shadows, we create a set of scalable button styles for links and buttons.

  6. Awesome Overlays with CSS3

    Demoing a practical application of the CSS3 border-image property.

  7. Newspaper Layouts with CSS Columns

    Creating a newspaper-like layout is easy using the new CSS column elements.

  8. Star Wars opening

    A long time ago in a galaxy far, far away. . . .

  9. Awesome card animations

    Checkout the cards.

Css3 useful resources

  1. Accessibility Features of CSS

    Before you start learning Css3.

  2. Push Your Web Design Into The Future With CSS3

    Here are five techniques snatched from the future that you can put into practice in your website designs today.

  3. Introduction to CSS3 – Part 1: What is it?

    This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2.

  4. Introduction to CSS3 – Part 2: Borders

    The second part of our series on CSS3, we’ll be taking a look at borders.

  5. Introduction to CSS3 – Part 3: Text Effects

    The third part in this series on CSS3 will be delving into the new text effects.

  6. Introduction to CSS3 – Part 4: User Interface

    This tutorial will be taking a look at some of the new ways you can manipulate user interface features in CSS3.

  7. Introduction to CSS3 – Part 5: Multiple Columns

    Multiple columns are a major facet of laying out text – newspapers have used them for decades.

  8. Introduction to CSS3 – Part 6: Backgrounds

    For the last part of our introductory series to CSS3, we will be taking a look at the new background properties.

  9. Css3.com Reference

    Css3.com ultimate reference.

  10. CSS3 Previews

    Many exciting new functions and features are being thought up for CSS3.

  11. Get Started With CSS 3

    Put on your daredevil helmet and let’s dive into some cool new design features.

  12. CSS Template Layout Module

    This specification is part of level 3 of CSS (“CSS3”) and contains features to describe layouts at a high level.

  13. Six Questions: Eric Meyer on CSS3

    Eric A. Meyer knows a thing or two about standards-based CSS and HTML development.

  14. How to Create Inset Typography with CSS3

    In this tutorial, we’ll create inset type, a popular text treatment, using CSS.

  15. Design a Prettier Web Form with CSS 3

    Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a dull web form into something beautiful – with minimal effort.

  16. CSS Fundamentals: CSS 3 Transitions

    As CSS3 rolls out around the web, it is bringing some interesting new presentational techniques along with it.

  17. 5 Techniques to Acquaint You With CSS 3

    CSS is a well-known, widely used language to style websites.

Comments

Write your own comment
1
Webstandard-Blog
2010 March 2310:33:29

Very nice css3-collection, but what do you think about Bouncing Navigation and Sliding Menu ( without JavaScript-Plugins or any images )?

Wishmylove's avatar
2
Wishmylove
2010 March 2412:51:15

Thank you!
If you have more Css3 demo links, please post them here!

3
Telugu Cinema
2010 May 0110:18:14

Geat post ...nice blog…this blag looking like very rich…

Write your own comment

You're not logged in so you need to enter some personal details. Please login or register first

Name: *

Email: *

Location:

URL:

Remember my personal information

Submit the word you see below:



* - required (email never be displayed)

About this blog

Welcome!

This is the portfolio blog of Szabolcs Bakos, a web 2.0 designer from Hungary. If you are interested, you can find more about the author or you can check his portfolio.

© All Content is Copyrighted newconcept.hu © 2008 | Created by Szabolcs Bakos, web 2.0 designer