Build a Color Scheme: The Fundamentals | Codrops

Build a Color Scheme: The Fundamentals | Codrops Let’s dig into the very fundamentals of building a color scheme for your web design: what colors fit to which context, how do combinations work and what color scheme concepts are there?

Fresco – A Beautiful Responsive Lightbox

Fresco – A Beautiful Responsive Lightbox Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device. In fact, Fresco in the first truly responsive lightbox. Give the demonstrations a try to see what that means, make sure to…

This Is Responsive. Patterns, resources and news for creating responsive web experiences. This Is Responsive | Tips, Resources and Patterns for Responsive Web Design

CSS Button Switches with Checkboxes and CSS3 Fanciness | Codrops

CSS Button Switches with Checkboxes and CSS3 Fanciness | Codrops In this tutorial we will create some realistic-looking switch buttons using pseudo-elements and checkboxes. VIEW DEMO DOWNLOAD SOURCE Hello everyone! For a while now, I’m having fun with the new CSS properties (CSS3). It’s an incredible playground for creativity and cleverness. I particularly enjoy designing and…

Sticky Menus Are Quicker To Navigate | Smashing UX Design

Sticky Menus Are Quicker To Navigate | Smashing UX Design Most designers would agree that navigation is one of the most critical components of a website. Despite this, it is not always easy to use or access. Traditionally, users must scroll back to the top of the website to access the navigation menu. I recently…

10 New Professionally Designed Admin Templates | Web Resources | WebAppers

10 New Professionally Designed Admin Templates | Web Resources | WebAppers A modern and easy to use Admin User Interface is the key to success of web applications. A custom made web admin user interface usually cost you a fortune. Due to the popularity of 20 Professional Web Admin Templates we have published a year go, we…

Pinterest-like Layout Plugin without Fixed Column Width | Web Resources | WebAppers

Pinterest-like Layout Plugin without Fixed Column Width | Web Resources | WebAppers Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen…

The State Of E-Commerce Checkout Design 2012 | Smashing UX Design

The State Of E-Commerce Checkout Design 2012 | Smashing UX Design A year ago we published an article on 11 fundamental guidelines for e-commerce checkout design here at Smashing Magazine. The guidelines presented were based on the 63 findings of a larger E-Commerce Checkout Usability research study we conducted in 2011 focusing strictly on the checkout user…

jQuery Picture | Unmatched Style

jQuery Picture | Unmatched Style jQuery Picture is a small plugin designed to help manage responsive images. It solves the problems associated with responsive images that are supposed to work well for all devices. Making an image responsive isn’t too hard, but comes with a fundamental problems. These problems make responsive images difficult to achieve without…

Towards A Retina Web | Smashing Coding

Towards A Retina Web | Smashing Coding With the recent announcement and release of the Retina Macbook Pro, Apple has brought double-density screens to all of the product categories in its current lineup, significantly paving the way for the next wave of display standards. While the fourth-generation iPhone gave us a taste of the “non-Retina”…