Home

Resources Home CSS3 and HTML5 Articles

User rating:

Newest Design Trends with Popular CSS3 Techniques

A look at some emerging trends based on popular CSS3 techniques on the web.
http://pelfusion.com/design/newest-design-trends-with-popular-css3-techniques/
User rating:

Create Spinning Rays with CSS3 Animations & JavaScript

This article shows how to use CSS3's transform property plus a little JavaScript to rotate a background image periodically and create spinning rays!
http://davidwalsh.name/javascript-spin
User rating:

20 Excellent HTML5 Video Players

This post showcases a list of great HTML5 media players that you can use today.
http://blogfreakz.com/html5/html5-video-players/
User rating:

Designing Search Boxes with HTML5 and CSS3

Three simple demonstrations of using CSS3 and HTML5 to beautify a search form.
http://azadcreative.com/2010/11/designing-search-boxes-html5-css3/
User rating:

50 Advanced HTML5 Demos

50 awesome HTML5 demos to show its true potential.
http://www.1stwebdesigner.com/freebies/html5-demos/
User rating:

Text-overflow CSS3 property explained

Using CSS3's text-overflow property, one can easily add an ellipsis to truncated text to indicate there is more text to follow.
http://deepubalan.com/blog/2010/11/27/text-overflow-css3-property-explained-pure-css-solution-to-get-ellipsis/
User rating:

Creating a Speech Bubble With CSS3

Using the CSS3 pseudo-element :after plus the fact that borders in CSS are met at an angle, this article shows you how to create pure HTML speech bubbles.
http://acidmartin.wordpress.com/2010/11/25/creating-a-speech-bubble-with-css3-and-without-additional-markup/
User rating:

HTML5 Forms Validation in Firefox 4

Firefox 4 will support enhanced HTML5 based form validation such as email validation, whether password fields match etc, all without having to use any JavaScript.
http://blog.oldworld.fr/index.php?post/2010/11/17/HTML5-Forms-Validation-in-Firefox-4
User rating:

Using CSS Text-Shadow to Create Cool Text Effects

By getting creative with CSS3's text-shadow property and playing around with the colours, offset and blurring, we can create some clever and pretty cool text effects!
http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects
User rating:

CSS3 Gradient Menu Buttons

A look at using CSS3's border-radius, box-shadow, and linear gradients properties to create glossy looking menu buttons that use NO images.
http://www.dynamicdrive.com/style/csslibrary/item/css3_gradient_menu_buttons/

CSS Forums News

Dynamic Drive forums | Register

All images and content copyright © 2004-2012 CSS Drive. Contact Info | Back to Top