STYLE SWITCHER

CSS3

CSS Filter

CSS Filter

CSS Filters are a powerful tool that authors can use to achieve varying visual effects (sort of like Photoshop filters for the browser). The CSS filter property provides access to effects like blur or color…

Learn more
Nested flex container – Flex item height issue fixed.

Nested flex container – Flex…

Chrome - Nested flex container - Flex item height using a percentage appears to be broken

Learn more
A Complete Guide to Grid

A Complete Guide to Grid

The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.

Learn more
A simple example of CSS Variable

A simple example of CSS…

CSS variables, more accurately known as CSS custom properties, are landing in Chrome 49. CSS is going to be like a CSS pre-processor itself such as SASS, LESS in the future. CSS variables are now…

Learn more
18 web design trends for 2017

18 web design trends for…

As we look forward to 2017 — a year that hopefully won’t be plagued by the passing of so many of the world’s greatest artists and performers — the big question on every designer’s mind…

Learn more
A Complete Guide to Flexbox

A Complete Guide to Flexbox

Flexbox, or the Flexible Box Layout, is a new layout mode in CSS3 designed for laying out complex applications and web pages.

Learn more
Flubber – Tools for Smoother Shape Animations

Flubber – Tools for Smoother…

Flubber is a library to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation.

Learn more
Folder Preview Ideas using CSS and Javascript

Folder Preview Ideas using CSS…

Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.

Learn more
Media queries

Media queries

A media query consists of an optional media type and zero or more expressions that limit the style sheets' scope by using media features, such as width, height, and color. Media queries, added in CSS3,…

Learn more
Tilt.js – Tiny Parallax Tilt Hover Effect for jQuery

Tilt.js – Tiny Parallax Tilt…

Tilt.js is a tiny requestAnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery.

Learn more
  • Keep your skills sharp, get informed.

    Subscribe to our mailing list and get interesting stuff and updates to your email inbox