Rotating Billboard System with jQuery and CSS3

This is a very old example, but I think it can often be overlooked for more complex solutions. The digital billboard is something we are all striving for in creating a website, but this example takes it to a literal conclusion. Currently we are in the “hey, let’s do that flash thing in jQuery”-mood and […]

Animated Mobile Menu with a Simple UI

I am utilizing an amazing tutorial from Tympanus – COD Drops – that does an amazing job with interjecting simple and powerful UI elements into what is normally a boring web page. They make the application feel like a seamless transition among elements and you aren’t just clicking, but you are exploring all that there […]

Selectors Part 1

I will be using the official, boring document from W3 to grab the most current information on css selectors for us. Going to their website won’t really add any beneficial information once this three part guide is finished unless you enjoy reading massive blocks of text. If you understand this statement well, I wouldn’t bother […]

CSS3 Font Shadows

While reading over typography enhancements in CSS3, I came across a fun article from Design Shack . As a quick note, you don’t have to use rgba for the color of your shadow but can utilize any of the CSS color methods. However, I find that rgba is the ideal color setting for a shadow […]

Cycling Slider with CSS3

AZ is a highly reputable developer / designer for a user’s front end experience. I’ve enjoyed several of his tutorials, but this one in particular lays out how to do a vertical scrolling experience using only CSS3 for the transitions. I believe this was also featured on smashing magazine back in 2012. The technique isn’t […]

Accordian Slider in CSS3

I love this tutorial on making an accordian slider out of pure CSS3. I nabbed the source from The Code Player. The best part of this tutorial is how simplistic the HTML portion of the document is. You don’t have to create classes, custom variables, or structures to achieve an interface that looks and functions […]

CSS3 iOS Styling Radio Buttons and Check Boxes

Here we have the general code to create a beautiful radio and check box style based upon the iOS design that Apple has made so popular. Hong Kiat does a nice job of compiling tutorials based upon the general idea that using imagery is evil and should be avoided whenever necessary. In my last tutorial […]

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 […]