Total Followers 132,503
HTML5 and CSS3 are bringing new features to us and in this article you’ll be able to find some great tools, cheat sheets and much more you could need to master these new features.
Maybe those new features aren’t yet supported fully, but it’s a very good thinking to learn new technologies now so you would be able to use them fully when they are supported. Be modern designer!
After starting the testsuite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each selector to see the results, including a small example and explaination for each of tests.
CSS3 Please!, produced by Paul Irish and Jonathon Neal, aims to simplify the design process by allowing designers to enter one value, and have this instantly synced and normalised for each vendor-specific prefix, with the corresponding code generated automatically.
Allows you to create and costumize multiple CSS3 effects.
You can rotate, scale, skew, and otherwise transform HTML elements with CSS 3. Explore CSS3 CSS Transforms (supported in Opera 10.5, Firefox 3.5 and Safari 4 and higher).
The CSS3 Gradient Generator was created as showcase of the power of CSS based gradients as well as a tool for developers and designers to generate a gradient in CSS. CSS gradients generate an image result, meaning the result of a CSS gradient can be used anywhere an image can be used, be it a background-image, mask,border, or list item bullet.
Allows you to create rounded edge rectangles.
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.
This simple CSS generator helps you to understand capabilities of CSS3 introduced by WebKit.
Many new CSS3 feature previews and demos.
Learn about popular CSS3 modules and opportunities CSS3 offers.
Learn some of the most popular new CSS3 features.
This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
Font Dragr is a HTML5/CSS3 powered web app for testing custom web fonts. The app allows you to drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts into the webpage for an instant preview of how the font will be rendered in the browser, you can even edit the example text.
Downloadable PDF file containing complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C.
A pure-JavaScript CSS selector engine
designed to be easily dropped in to a host library.
Displays web browser support on HTML5 and CSS3.
CSS3 supports 147 different colors by name (the 17 standard colors plus 130 more). This lists them all, along with their RGB and hexadecimal values.
HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by Woork. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5.
You can watch HTML5 demos, new features and check out browser support.
Article covering HTML5 and CSS3 combination advantages.
HTML5 features and useful info at one place.
A showcase of sites using HTML5 markup
Get The Only Freelancer crash course you will ever need to read!
chilling, living, dreaming. you can check out my blog, find me on flickr and follow me on twitter.
Monday, February 20th, 2012 06:17
wao !nice post ,but i think adobe will propose a new verson for html5
Wednesday, January 11th, 2012 15:12
Greate list ! They helped me save big time.
Thanks
Thursday, December 8th, 2011 23:21
You may want to check this site out.They create HTML5 animation online. Pretty neat.
Saturday, November 19th, 2011 02:17
There is another good one called http://tablestyler.com that I like to use.
Tuesday, August 16th, 2011 03:50
Thank you beacause help me make own CSS3!
Friday, May 27th, 2011 12:55
Nice to become visiting your blog again, it has been months for me. Properly this article that ive been waited for so lengthy. I will need this article to total my assignment in the university, and it has exact same topic with your post. Thanks, wonderful share.
Wednesday, May 18th, 2011 19:47
you’ve gotten an ideal blog right here! would you prefer to make some invite posts on my blog?. This is probably one of the best mentions of this topic I’ve seen in quite a while. It’s obvious that your knowledge of the subject is deep and this made for a very interesting read. outstanding terrific awesome.
Tuesday, May 17th, 2011 15:46
Nice compilation of resources here, I’m looking forward to the next couple years of website design and development. I expect to see HTML5 and CSS3 move fast and become the standard, as with anything else, it’s critical to get ahead of the curve.
Nice Post
Tuesday, May 10th, 2011 17:37
Thanks so, so much for this! Helped me out a lot :]
Peace!
Wednesday, March 2nd, 2011 21:22
A lot of very nice tools and recourses, I love css3 and html5
Thursday, December 16th, 2010 21:51
This is a great collection of tools and resources! Thanks for sharing.
Wednesday, April 21st, 2010 00:49
Thanks for the cheat sheets, I can’t wait for all the browsers (especially IE) to be on the same page and support the new technology.
Monday, April 5th, 2010 11:59
One resource I refer back to a lot is html5doctor.com
Lots of easy to understand explanations and examples of html5.
Tuesday, March 30th, 2010 19:58
Missed 52framework.com again :) HTML5 and CSS3 framework!
Saturday, March 27th, 2010 20:16
Great article, really helpful
Friday, March 26th, 2010 13:19
great post, I will definitely keep these in mind for the future.
Good job putting this together, thanks.
Friday, March 26th, 2010 04:42
Nice collection, thanks for putting this together. So much to read from this page alone, might need to make a separate bm folder just for this. I am excited for html5 and css3, I just wish at times this new stuff could be seen in older browsers. Ahh well, at least we have mobile.
>.<
Thursday, March 25th, 2010 18:48
Really good CSS tips. Very useful and interesting. Thanks! :)
Thursday, March 25th, 2010 11:41
Good CSS3 Resources!
Thursday, March 25th, 2010 11:03
nice article…
keep great post @1stwebdesigner
Thursday, March 25th, 2010 13:43
This site is really great! very helpfull! especially for me as web designer! thanks
Thursday, March 25th, 2010 00:59
Realy great article, worth watching and reading.
You saved me a lot of time. I dont have to look for these resources anymore
Thursday, March 25th, 2010 06:53
great collection! I’ll keep in minds.
Thanks!
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
![Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-webdesignvideocoursepart3.jpg "Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]")
Andreyco
Thursday, March 25th, 2010 00:59
Realy great article, worth watching and reading.
You saved me a lot of time. I dont have to look for these resources anymore
Rishi Luchun
Thursday, March 25th, 2010 14:34
Great post thanks for this
Chris McManus
Friday, March 26th, 2010 04:42
Nice collection, thanks for putting this together. So much to read from this page alone, might need to make a separate bm folder just for this. I am excited for html5 and css3, I just wish at times this new stuff could be seen in older browsers. Ahh well, at least we have mobile.
>.<
Shane
Friday, March 26th, 2010 13:19
great post, I will definitely keep these in mind for the future.
Good job putting this together, thanks.
emano
Thursday, March 25th, 2010 06:53
great collection! I’ll keep in minds.
Thanks!
Mohit Aneja
Saturday, March 27th, 2010 19:59
Cool tips!!!
Gr8 info…thnx for sharing!!
Pankaj
Saturday, March 27th, 2010 20:16
Great article, really helpful
Gordonpetr
Thursday, March 25th, 2010 18:48
Really good CSS tips. Very useful and interesting. Thanks! :)
Leonel Hilario
Thursday, March 25th, 2010 11:41
Good CSS3 Resources!
Anny Mishal
Thursday, March 25th, 2010 09:10
good HTML and CSS Tips. keep it up.
Thanks
Hian Battiston
Thursday, March 25th, 2010 13:35
Great man! Thank for the tips!
Cheap Minisite Design
Thursday, March 25th, 2010 13:43
This site is really great! very helpfull! especially for me as web designer! thanks
nizamil putra
Thursday, March 25th, 2010 11:03
nice article…
keep great post @1stwebdesigner
Demir
Thursday, March 25th, 2010 15:17
great post and very useful guide for all web designers.
Gaurav Mishra
Monday, March 29th, 2010 07:06
Nice listing of all the new trends
Angel Grablev
Tuesday, March 30th, 2010 19:58
Missed 52framework.com again :) HTML5 and CSS3 framework!
John
Saturday, November 19th, 2011 02:17
There is another good one called http://tablestyler.com that I like to use.
Achmad Fauzi
Tuesday, August 16th, 2011 03:50
Thank you beacause help me make own CSS3!
Jack Stenley
Thursday, December 8th, 2011 23:21
You may want to check this site out.They create HTML5 animation online. Pretty neat.
kese
Wednesday, January 11th, 2012 17:34
very good resources thank you…
Tuanz
Monday, February 20th, 2012 06:17
wao !nice post ,but i think adobe will propose a new verson for html5
Kimmy
Wednesday, January 11th, 2012 15:12
Greate list ! They helped me save big time.
Thanks
Allen Kannan
Friday, May 27th, 2011 12:55
Nice to become visiting your blog again, it has been months for me. Properly this article that ive been waited for so lengthy. I will need this article to total my assignment in the university, and it has exact same topic with your post. Thanks, wonderful share.
Howie
Wednesday, May 18th, 2011 19:47
you’ve gotten an ideal blog right here! would you prefer to make some invite posts on my blog?. This is probably one of the best mentions of this topic I’ve seen in quite a while. It’s obvious that your knowledge of the subject is deep and this made for a very interesting read. outstanding terrific awesome.
G13 Media
Wednesday, April 21st, 2010 00:49
Thanks for the cheat sheets, I can’t wait for all the browsers (especially IE) to be on the same page and support the new technology.
Derek Johnson
Monday, April 5th, 2010 11:59
One resource I refer back to a lot is html5doctor.com
Lots of easy to understand explanations and examples of html5.
Brett Widmann
Thursday, December 16th, 2010 21:51
This is a great collection of tools and resources! Thanks for sharing.
wva
Wednesday, March 2nd, 2011 21:22
A lot of very nice tools and recourses, I love css3 and html5
Erik Kubitschek
Tuesday, May 17th, 2011 15:46
Nice compilation of resources here, I’m looking forward to the next couple years of website design and development. I expect to see HTML5 and CSS3 move fast and become the standard, as with anything else, it’s critical to get ahead of the curve.
Nice Post
Ian Harte
Tuesday, May 10th, 2011 17:37
Thanks so, so much for this! Helped me out a lot :]
Peace!