Category: CSS3

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

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 think our goal for […]

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

Sponsors

       

.        



Properties