Responsive 3D Panel Layout
by Mary Lou
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects.
+ more
Timed Notifications with CSS Animations
by Mary Lou
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.
+ more
TheAdStock Giveaway + Free 4th of July Themed Images
by Mary Lou
Win one of three credit packs of 100 points (worth $99) from TheAdStock, the fresh and new stock photography site for designers.
+ more
ThemeFurnace Premium WordPress Themes Giveaway
by Mary Lou
Get the chance to win one of 5 developer club memberships worth $99 each from ThemeFurnace!
+ more
Line That Up: Proper Alignment in Web Design
Proper alignment techniques for text and other elements can add punch and readability to your website.
+ more
3D Thumbnail Hover Effects
by Mary Lou
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
+ more
How Web Design Has Changed Print
Not only do web designers learn from their print peers, but print design has evolved a great deal thanks to web design.
+ more
CSS-Only Responsive Layout with Smooth Transitions
by Mary Lou
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.
+ more
Tokokoo E-Commerce WordPress Themes Giveaway
by Mary Lou
Win one of three bundles of 13 high quality premium e-Commerce WordPress themes by Tokokoo!
+ more
Visual Hierarchy in Mobile Design
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.
+ more
7 Elements of a Well Converting Subscription Page
by Patrick Cox
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.
+ more
Book Review: “The Designer’s Web Handbook”
“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.
+ more
Image Accordion with CSS3
by Rey Wang
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.
+ more
Fullscreen Slit Slider with jQuery and CSS3
by Mary Lou
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.
+ more