From hover to scroll, there are many ways to surprise and engage website visitors. The possibilities are endless. Get inspired with these examples of creative and modern effects in web design.
In this follow-up article about designing forms we’ll dig into how to actually become creative and apply some interesting design concepts to spice up your form.
In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.
Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette.
A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.
A quick tip on how to create some simple timed notifications with CSS animations. The idea is to show a notification with a progress bar for a specific duration and then make it disappear.
A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a “smooth scrolling” effect.
Basic design principles, like visual hierarchy, are very important in web design. Unfortunately, many of the new mobile apps are not designed with visual hierarchy in mind. Mobile (web) apps need an ordered and visually appealing design for a comfortable and enjoyable user experience.
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.