We’ve all seen them, we’ve all navigated through them, we’ve all made those painful subscription choices, and we’ve all had some pretty bad experiences with them. But more and more sites and services are focussing attention on their subscription pages and discovering that a well-designed page is very important to new user sign ups.
“The Designer’s Web Handbook: What You Need to Know to Create for the Web” is a great guide for first-time and even more advanced web designers and developers.
In this tutorial we will create an image accordion that will expand an item on click. Using the sibling combinators and a nested structure we can control the opening of the items/slides with radio buttons.
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.
A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo-class with the sibling combinator.
Enhance required fields in a form with this little effect. The idea is to allow better visibility for obligatory fields while de-emphasizing optional ones.
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides.
Type effects – from bolding, italics, tilting, strokes and underlines – can make or break the typography on your site. Using type effects in moderation is the key.
Today we’ll share an audio slideshow with you, i.e. a slideshow that will be synced with some audio. We are using the open source audio framework jPlayer.