A Little Journey Through (Small And Big) E-Commerce Websites | Smashing Magazine People don’t spend their money online easily. Think about it: If you had to answer a long list of questions or struggle to navigate a website, how much money would you be willing to part with? Online shopping is about convenience and comfort, and those…
How Optimized Are Your Images? Meet ImageOptim-CLI, a Batch Compression Tool | Smashing Magazine
How Optimized Are Your Images? Meet ImageOptim-CLI, a Batch Compression Tool | Smashing Magazine Exporting images for the Web from one’s favorite graphics software is something many of us have done hundreds of times. Our eyes fixate on an image’s preview, carefully adjusting the quality and optimization settings until we’ve found that sweet spot, where…
Perspective Page View Navigation | Codrops
Perspective Page View Navigation | Codrops Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to explore some more effects. VIEW DEMO DOWNLOAD SOURC
Progress Button Styles | Codrops
Progress Button Styles | Codrops A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective. VIEW DEMO DOWNLOAD SOURCE
Efficiently Simplifying Navigation, Part 1: Information Architecture | Smashing UX Design
Efficiently Simplifying Navigation, Part 1: Information Architecture | Smashing UX Design Navigation, as crucial as it is to the user experience, is merely a means to an end — the end being to consume content. This is why users have very contrasting expectations about content and navigation. While content is supposed to be unique, surprising and…
Techniques for Creating Textured Text | Codrops
Techniques for Creating Textured Text | Codrops In this article we’ll explore all the current techniques for creating image or texture filled text and show you how to apply them. VIEW DEMO DOWNLOAD SOURCE
Animated Opening Type | Codrops
Animated Opening Type | Codrops A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann’s Open Type project and it’s a very creative way to display and play with letters. VIEW DEMO DOWNLOAD SOURCE
Ink: A Responsive Email Framework from ZURB
Ink: A Responsive Email Framework from ZURB With Ink by Zurb you can easily create responsive HTML emails that work on any device & email client.
Creating Non-Rectangular Layouts with CSS Shapes
Creating Non-Rectangular Layouts with CSS Shapes In this excellent tutorial Sara Soueidan shows how to use the new and exciting CSS Shapes to create revolutionary creative layouts with ease.
Home Design: 20 Creative Ways To Maximize Limited Living Space
Home Design: 20 Creative Ways To Maximize Limited Living Space We’d all like to have a place to call our own, a spot in the world where we can say, “I am king of this spot”. But space – or the lack of it – is fast becoming an issue, particularly in major cities. If you…