This is a pseudo way to flip HTML elements on their backs. This is a way of doing it now without waiting for a possible introduction of 3D Transforms from WebKit.
A better understanding of which css styles take precedence can lead to less frustration with css, cleaner code, and more organized css. This post looks at css rules of specificity to help you know which css rule will apply to a given html element.
In today’s article I’m going to take a look at 5 pseudo-classes that will simplify our design process and reduces a lot of time to create a certain visual effects. You will also find demonstration below each point to demonstrate how we can use these selectors in different design scenario you face everyday in your designing process.
I held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience. Predictably, an extremely popular topic was the iPad, and how to approach the design of iPad applications. I gave a 90-minute presentation on the subject to start each workshop, and I want to share some of my observations here.
How to develop a time slider for HTML 5 Video playback with MooTools.
Quickly add images to a page from any flickr feed. The plugin allows any markup thanks to a simple templating language. It is also extensible and integrates well with lighbox and cycle plugins.
In this tutorial, we are making a jQuery & CSS mosaic gallery, which will feature an interesting tile transition effect when moving from one slide to another.
Learn a quick and simple way to add some cool interactivity to your website. This tutorial shows how to use jQuery to make some sliding images for when you hover over them.
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.
Clean and minimal website designs are really popular at the moment, but creating such designs so that they look professional can be difficult. This Photoshop design tutorial shows you (through a series of simple steps) how to design a clean small business website.