Photo Booth Strips with Lightbox
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.
All Posts
Browse through all our articles, tutorials, roundups, and experiments.
Examples of Creative and Modern Effects in Web Design
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.
Modern Block Quote Styles
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.
I Love Script Fonts (Here’s Why)
In Articles by Carrie Cousins
Script fonts, when used in moderation, can add extra flair and an unexpected twist to design projects.
Designing the Dreaded Form: Getting Creative
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.
3D Flipping Circle with CSS3 and jQuery
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.
Old School Cassette Player with HTML5 Audio
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.
Tips & Tools for Grid-based Layouts
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.
Freebie: Baby Blue UI Kit (PSD)
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.
Designing the Dreaded Form
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.
Swatch Book with CSS3 and jQuery
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.
Responsive 3D Panel Layout
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.
Timed Notifications with CSS Animations
In Tutorials by Manoela Ilic
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.
Line That Up: Proper Alignment in Web Design
In Articles by Carrie Cousins
Proper alignment techniques for text and other elements can add punch and readability to your website.
3D Thumbnail Hover Effects
In Tutorials by Manoela Ilic
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
How Web Design Has Changed Print
In Articles by Carrie Cousins
Not only do web designers learn from their print peers, but print design has evolved a great deal thanks to web design.
CSS-Only Responsive Layout with Smooth Transitions
In Tutorials by Manoela Ilic
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.
Visual Hierarchy in Mobile Design
In Articles by Patrick Cox
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.
