Responsive Column Layouts Typically, to create a column layout, you would need to add the first or last classes to reset the margin space and clear the float. Today I’m going to share a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class. I use this trick to code the WordPress…
Category: Old Archives
Three Script Updates | Codrops
Three Script Updates | Codrops The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub. We have updated three scripts and added them to GitHub: the Animated Responsive Image Grid, the Direction-Aware Hover Effect with CSS3 and jQuery and the Swatch Book with CSS3 and jQuery. Take a look at…
Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops
Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions. VIEW DEMO DOWNLOAD SOURCE This experimental jQuery plugin allows the automatic…
Responsive CSS Timeline with 3D Effect | Codrops
Responsive CSS Timeline with 3D Effect | Codrops A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected. VIEW DEMO DOWNLOAD SOURCE In this tutorial we are going to experiment with perspective and use a radio input…
Quick Tip: Styling Scrollbars to Match Your UI Design | Webdesigntuts
Quick Tip: Styling Scrollbars to Match Your UI Design | Webdesigntuts DownloadSOURCE FILES DemoVIEW IT ONLINE This tip will guide you in improving the look and feel of scrollbars to match your UI design. We’ll take a look at what WebKit browsers offer us in terms of CSS, plus we’ll use a jQuery fallback to…
Creative CSS Loading Animations | Codrops
Creative CSS Loading Animations | Codrops In this tutorial we’ll show you how to make some creative css-only loading animations also known as activity indicators. VIEW DEMO DOWNLOAD SOURCE
We stand for something, to those dead souls that are inching their way on the freeways in their metal coffins – We show them! the human sprit is still alive.
Baraja: A Plugin for Spreading Items in a Card-Like Fashion | Codrops
Baraja: A Plugin for Spreading Items in a Card-Like Fashion | Codrops With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowing a unique pattern. VIEW DEMO DOWNLOAD SOURCE Baraja is an experimental and fun jQuery plugin that allows to…
The Difference Between Good And Bad Job Requirements | Smashing Magazine
The Difference Between Good And Bad Job Requirements | Smashing Magazine In Web design, as one of the seemingly few markets that is actually growing, job opening postings are common. They’re not all equally convincing, though. In fact, most of them are unpleasant, uninviting and sometimes bordering on hostile. Some, however, are great, and give…
11 | Snappy Posters That Poke Fun At Clients From Hell | Co.Design: business innovation design
11 | Snappy Posters That Poke Fun At Clients From Hell | Co.Design: business innovation design We have the Internet (and maybe some unresolved anger issues) to thank for the recent proliferation of client-mocking websites, like Clients from Hell. And while lawl-ing at utterances like “So, what color is the fastest?” never gets old, it does…