Tuesday, 24 January 2012

About Web Design / HTML: CSS Transitions and CSS Transformations

If you can't see this email, click here

About.com

Web Design / HTML

Design Basics

Learn HTML CSS XML

Careers



From Jennifer Kyrnin, your Guide to Web Design / HTML
CSS3 adds a lot of great new tools for web designers. And two of the most intersting are transformations and transitions. With these you can change the way your pages look and how they interact with readers. Plus, they are just fun!

Nominations are starting with the 2012 About.com Readers' Choice Awards, but we still need your submissions. Don't forget to nominate the blogs, Twitters, and Facebook pages that you follow for web design news. Nominate Now!

A free class is a great way to learn new web design techiques. I have classes on HTML, Web Design, CSS, and even XML. Check out all the free web development classes offered on my site and other About.com sites.

Please forward this newsletter, in its entirety, to your colleagues, coworkers and friends, anyone you think would like to learn more about web design, HTML, and web development.


CSS Transitions
Learn how to animate the changes on your websites with CSS transitions.
See More About:  css transitions  css3  css

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.
See More About:  css transformations  css3  css transitions

Understanding the Differences Between CSS3 Transformations
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.
See More About:  css transformations  css transitions  css3

Poll: How important are typographic entities?
Typographic entities are sometimes called special characters but they are really a sub-set. These are characters that have a keyboard equivalent, but you should still consider using entities to get better looking text. For example, with quotations you have the option of using the straight double-quote character (") or you can use curly quotes to open and close your quotations. The former is easy, and the latter makes your pages look better. Which do you choose? Vote Now View Results

 


Web Design / HTML Ads
Featured Articles
Pseudo-class
Free HTML Class (daily)
What is a User Style Sheet?
XML Class
How I Would Redesign This Site
Become a Freelance Web Designer Class

 

More from About.com

Living with Depression
By obtaining the correct medical intervention and learning better coping skills, you can not only live with depression, but live well. More>



9 Symptoms of Depression
If you have experienced five or more of these symptoms within the same two week period, this could be indicative of an episode of depression. More>




This newsletter is written by:
Jennifer Kyrnin
Web Design / HTML Guide
Email Me | My Blog | My Forum
 
Sign up for more free newsletters on your favorite topics
You are receiving this newsletter because you subscribed to the About Web Design / HTML newsletter. If you wish to change your email address or unsubscribe, please click here.

About respects your privacy: Our Privacy Policy

Contact Information:
249 West 17th Street
New York, NY, 10011

© 2012 About.com
 


Must Reads
Find the Perfect Web Page Editor
Learn HTML
Learn CSS
HTML 4.01 Tags / XHTML 1.0 Elements
How to Build a Website
 
Follow me on:
Facebook Twitter

Advertisement

No comments:

Post a Comment