Wacom Uses CSS3 Transitions

One of my favorite websites right now is Awwwards.com. They showcase a lot of great websites that don’t even hit the normal cusp of society so a lot of these websites end up falling silent before anyone can notice them. Wacom is a great example of a website utilizing CSS3 transitions to make the web […]

Apple Does Design Very Well

In the world of design, Apple products still reign supreme. Their slick interface encapsulated in a user friendly environment allots for much of Apple’s success. They may not be the most innovative if you are comparing strictly functionality, but I can’t argue that they make very functional tools into pretty things that are original by […]

Multiple CSS3 Backgrounds with Fallback

This Friday lesson will be fairly simple for everyone. Most of us will be very familiar with the CSS background attribute and applying a color, image, or pattern to it. We can use new techniques to help leverage our current knowledge and extend our website further. The old CSS normally looks something like this: Pre […]

Creating Illusions of 3D objects in CSS3

A lot of times when we are developing we like to keep the pixel size of the web page to a bare minimum. Not only does it decrease load time which creates happier customers, but it also gives a secret bonus to SEO. If you are not familiar with using pseudo elements, then the table […]

Vendor-Specific Extensions in CSS3

In this article, we’re going to cover the basics of CSS3 and vendor-specific browser extensions. In the past ten years or so, CSS has been relatively standardized, and browser compatibility hasn’t been as much of an issue as it was in the old days of the 1990’s and Internet Explorer. However, since new browsers have […]

CSS 3 Full Screen Page Transitions

While doing my research on cool CSS3 properties and new ideas, I ran across a website called Cod Drops. They have some really cool tutorials and inventions on their site. One of my favorite inventions that they had come up with was to make a website feel more like software. I have seen some optometry […]

CSS Timing Notifications, Animations, and Progress Bars

The article in review did a great job of illustrating and articulating its point on how and when to use animations. The basic fact is that many legacy browsers do not support animations and never will. You need to gauge your audience and see if animations will benefit you in the long run or if […]

Implementing Custom Checkboxes and Radio Buttons with CSS3

Something that has always annoyed me is the lack of customization (without javascript) of form elements. It might have been possible (other than padding) before CSS3, but CSS3 certainly has made modifying these form elements easier. Whether you want to customize the color, look and feel, or just the size of these buttons, you can […]

Responsive Design and Development Framework

So you are sitting in a meeting this morning and you are hearing the word responsive web design being thrown around. So what is it exactly? Responsive design and development is not new by any means. It was available in CSS2, but it being browser supported now that tablets and mobile devices are becoming more […]

CSS3 Borders

One of the new exciting technologies introduced in CSS3 is that borders can have round corners, they can also have shadows and images can be used as borders. The new border properties in CSS3 are: -border-radius  -border-shadow -border-image border-radius allows one to edit all four corners of the border. border-shadow allows one to add a […]