This workflow won’t be perfect for everyone, and it certainly won’t be the most efficient method if you’re developing sites or apps that don’t have much of an IE-based audience. But if IE users are a large part of the site’s target or present audience, then this workflow could potentially help you avoid using too many IE-only exceptions, and you’ll probably also gain a much better understanding of how older browsers handle various CSS techniques.
We all want our designs to be functional and usable. We want visitors to easily complete tasks and find what they want. We’d also like to delight them and make their experience enjoyable and memorable. CSS3 transitions are an easy way to begin creating that delightful experience.
Read MoreUX developer Paul Hayes showcases what you can do with the power of CSS3 3D transforms. He covers everything from 3D image galleries and subtle transitions to experimental 3D environments. Rounded corners, gradients and drop shadows are well known features of CSS3, but beyond these there lie CSS transitions, transforms and animations. In combination they create effects never before achievable.
If you’re developing websites or web apps in any technology-related niche (like web design), then IE6 visitors are probably even lower. For this website, IE6 visitors since January 1, 2011 account for about 0.5% of users, and in the last 30 days, that’s dropped to about 0.3%. You might have similar stats. For this reason, it’s more than likely that the only CSS hacks you’ll need are for IE7 and IE8.
Read MoreThe power of CSS3 is enormous and in this tutorial you will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example.
Read MoreYou’ve seen it time and time again on Webdesigntuts+; a CSS3 tutorial which you’re tempted to follow, but lack of support in older browsers stops you from looking any further. There are however, a number of tools to help out in situations like these. Today we’re going to figure out how to conquer CSS3 in older browsers, including Internet Explorer. Let’s take a look at a range of techniques to render the most important CSS3 properties in older browser versions.
When it comes to centering things in web design, the more information you have about the element being centered and its parent element, the easier it is. So what if you don't know anything? It's still kinda doable. The hard comes in when you don't know the dimensions of the element to be centered.
Read MoreIn this article you can see one CSS 3D Transforms experiment. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the full screen image.
Read MoreBorders are something designers use on most projects. In this post the author looks at the basic css border which is the area between padding and margin. Then he moves into rounded corners with border-radius.
Read MoreThis tutorial shows how you can create some cool menu hover effects using only CSS transitions and animations. The tutorial includes 10 creative CSS3 animation menu examples.
Read More