Friday January 27th 2012

Understanding the Differences Between CSS3 Transformations and Transitions

When I first started learning CSS3 the transformations and transitions were hard to get. Mostly because the words were similar. I would find myself typing transform when I meant transition and transition when I meant translate, and so on. But learning what they all meant has helped me get them straight in my head. Learn the difference between CSS transformations, transitions, and even translations.

Read the full article: CSS Transformations versus Transitions

More Help with CSS Transitions and Translations

Facebook Flash Template


This fan page template is a fine and memorable portfolio that will be a suitable creative godsend for artistic plans of a creative photographer.

Category: Personal Pages
Style: Clean Style

Yodabaz


Here the navigation is presented with an animated background image sufficient enough to create that attention grabbing first impression. Clicking on the portfolio reveals some of their excellent work.

Category: Personal Pages
Style: Flash Site

Christian Sparrow


Christian Sparrow makes use of a simple but attractive navigation plan that not only grabs the attention of the visitors but also creates an everlasting first impression.

Category: Web Design
Style: Grunge Style

Flash Facebook template


Get a piece of web design inspiration with new template from TemplateMonster.com. This Flash Facebook template will surprize you.

Category: Interior & Furniture
Style: Clean Style

HTML5 Design Gallery – RDWonline v8.0: The Quasareclipse

RDWonline v8.0: The Quasareclipse
This is a fun example of a site that is essentially one page—although you still click through to inner pages. Ronald uses great interactive CSS3 features to make the page more interactive. I’d love to see him use the History API to get the URL to change, so it’s easier to navigate. And there are some issues with formatting in my browser. But overall it’s a great example.

Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.

CSS Transformations Make Your Elements Even More Changeable

Until recently, when you created a web page, you had to stick with some form of grid, with all your elements as little rectangles on the grid all marching in rigid lines up and down the page. But CSS3 gives you a way to change that. With CSS3 transformations you can adjust your elements to be skewed and stretched, rotated and resized. And best of all, these work in Internet Explorer! Learn how to use CSS transformations.

Read the full article: CSS Transformations

More Fun with CSS3

Off-Road Studios


Large photos are becoming increasingly popular in web design, particularly acting as a background of a website.

Category: Web Design
Style: Corporate Style

TinyTeam


TinyTeam offers a very systematic and pragmatic navigation menu that eliminates any confusion a new visitor may have in browsing the website and finding its desired information.

Category: Web Design
Style: Flash Site

What Fonts Do You Use?

A few years ago, I was asked on the forum:

“Just wondering — what fonts does everyone typically use when designing websites? I usually stick to fonts or font families of Verdana, Arial, Times, and rarely Georgia.” by PACIFICWEBFX

I tend to use Arial, Geneva, and Helvetica for sans-serif fonts and Times, Garamond, and Palatino for serif fonts. Those are my preferences. But I am starting to find really interesting fonts on Font Squirrel that are a lot of fun to use, because they aren’t the standard Geneva, Arial, Helvetica, sans-serif font stack, such as Calluna Regular—a free font I found today on Font Squirrel from FontSpring.

More Help with Web Design Fonts

 Page 1 of 109  1  2  3  4  5 » ...  Last » 

Latest Topics

Understanding the Differences Between CSS3 Transformations and Transitions

When I first started learning CSS3 the transformations and transitions were hard to get. Mostly because the words were [Read More]

Facebook Flash Template

This fan page template is a fine and memorable portfolio that will be a suitable creative godsend for artistic plans of [Read More]

Yodabaz

Here the navigation is presented with an animated background image sufficient enough to create that attention grabbing [Read More]

Christian Sparrow

Christian Sparrow makes use of a simple but attractive navigation plan that not only grabs the attention of the [Read More]

Flash Facebook template

Get a piece of web design inspiration with new template from TemplateMonster.com. This Flash Facebook template will [Read More]

Popular Topics

Insider

Archives