Did you know? DZone has great portals for Python, Cloud, NoSQL, and HTML5!
HTML5 Zone is brought to you in partnership with:

CSS

  • submit to reddit
Hirvesh Munogee05/21/12
87 views
0 replies

CSS3 PIE - CSS3 Decorations For IE 6-9

PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties.

Catalin Red05/13/12
1959 views
0 replies

A Simple, Clean, Attractive CSS3 Signup Form

If you’re about to launch a new web product or you just need to improve the user experience for an existing web form, then this tutorial is for you. In this article you’ll find out how to design a clean and attractive CSS3 signup form.

Hirvesh Munogee05/12/12
1663 views
0 replies

Pie Menu - a Path-Like Menu Using jQuery And CSS3

Pie Menu is a Path-like menu using jQuery and CSS3. It's simple and fully customizable, with easy to follow instructions on how to implement it.

Andrey Prikaznov05/11/12
1792 views
0 replies

Make Web Forms Look Like Vintage 1960s Typed Forms

Remember those old, Courier-font, typewritten forms from the last century? They still feel extra 'official' -- and now here's a set of CSS styles that make your HTML forms look just like that.

Catalin Red05/10/12
908 views
0 replies

Cool headings with pseudo-elements

So, why pseudo-elements? The answer is very simple: there is no need to add extra markup. This fit perfectly for the heading we’re going to create here.

Hirvesh Munogee05/07/12
1210 views
0 replies

CSS2LESS - An Online Tool To Quickly Convert Your Old CSS Files To Fresh New LESS Files

CSS2LESS has been devised for front-end developers who are tired of working with CSS.

Hirvesh Munogee05/06/12
363 views
0 replies

AliceJS - A Micro Javascript Library Using Hardware-Accelerated Capabilities For Generating High-Quality, High-End Visual Effects

AliceJS (A Lightweight Independent CSS Engine) is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.

Catalin Red05/03/12
1523 views
0 replies

CSS Filter Effects in Action

With so many CSS filters to choose from, it will be fun to create image galleries in the future. Further in this article we’ll create a simple image gallery using CSS filters and the CSS3 :not selector.

Austin Hallock05/03/12
5626 views
0 replies

Developing a Cross-Platform HTML5 Game: Part 2

This is part 2 of a 3 part series on developing an HTML5 game with many platforms in mind. Last week I went over some of the visual and performance aspects when dealing with various screen sizes, today I want to focus on different types of input you might consider using.

Niels Matthijs04/27/12
971 views
0 replies

CSS Animation vs. Video: Should We, Not Could We

Last week I was asked to evaluate the technical impact of transferring a (rather simple) animation to html5 and css3. So I searched around, looked at some css3 animation demos and figured that with a few minor adjustments it wouldn't pose any real technical challenge. Before I finalized my answer I waited a minute to reconsider the problem, as it felt as if I had somehow missed the most essential part of the question.

Catalin Red04/24/12
2283 views
0 replies

Interactive Menu with CSS3 & jQuery

I’ve had this example in mind for a while now and seeing something similar in the wild, made me want to write this article down. So, in this article you’ll learn how to create an interactive menu using CSS3 goodness and jQuery’s power.

Lakshan Perera04/20/12
1935 views
0 replies

Generate Websites from JSON, Markdown, and Mustache Templates using Punch

The aim of Punch is to help anyone to build (and maintain) modern websites using only HTML, CSS and JavaScript. Punch is written with Node.js and will work with your local file system. Currently, Punch renders template files written in Mustache. It expects content to be available in JSON format. Punch can also parse content in Markdown format.

Andrey Prikaznov04/19/12
1668 views
0 replies

Create a Multi-Album CSS3 Image Flow

This isn't pure CSS3, but in a way it's better: the CSS3 covers the accordion, but the Image Flow JavaScript covers the rest. Lots of very practical and clever coding in here, as is Andrey's way...

Andrey Prikaznov04/17/12
2263 views
0 replies

Flying CSS3 Navigation Menu

Today, I would like to show you another pure css3 navigation menu featuring several nice, and one unique, animations. Our sub menus to fly in from nowhere and 'heart-beat' when you hover your mouse over elements.

Hirvesh Munogee04/12/12
1324 views
0 replies

Webshims Lib - A Modular Capability-Based Polyfill-Loading Library

Worrying about HTML5 browser support? Check out Webshims Lib, a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features. Stitches together a number of tools that let developers write modern, interoperable and robust code for all browsers.