In Articles, by Carrie Cousins
The right background style can really set the tone for your website. We’ll explore some great examples and current trends in website backgrounds that include large images, bright colors and bold patterns.
In Tutorials, by Manoela Ilic
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.
In Articles, by Patrick Cox
Light effects have been spicing up graphic designs for years. It’s a great way to add interest, realism, abstractionism, or even energy to a bland experience. Used properly, light effects can help your mobile web design become more impactful and improve user experience significantly.
In Tutorials, by Manoela Ilic
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
In Freebies, by Kim Petersen
Today’s freebie is the Soft UI Kit, a free PSD by Kim Petersen. Free for personal and commercial projects.
In Playground, by Manoela Ilic
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.
In Tutorials, by Manoela Ilic
A tutorial about how to create some neat scrollable photo booth strips and integrate Lightbox 2 and customize it in order to make it responsive and touch-device friendly.
In Articles, by Manoela Ilic
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 Tutorials, by Manoela Ilic
Let’s create some interesting and modern styles for block quotes. We’ll be using different techniques for creating a unique look for six examples.
In Articles, by Carrie Cousins
Script fonts, when used in moderation, can add extra flair and an unexpected twist to design projects.
In Articles, by Patrick Cox
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 Tutorials, by Manoela Ilic
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.
In Playground, by Manoela Ilic
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.
In Articles, by Carrie Cousins
Developing a vertical (and responsive) grid can help maintain consistency in website design and ease the creation of responsive layouts.
In Freebies, by Mike Donovan
Today’s freebie is the Baby Blue UI Kit, a free PSD by Michael Donovan. Free for personal and commercial projects.
In Articles, by Patrick Cox
As much as they are dreaded, forms play an important role in many websites and designing them should involve careful planning of their layout.
In Tutorials, by Manoela Ilic
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.
In Playground, by Manoela Ilic
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects.
