Lightning Design System framework

Lightning Design System is a platform-agnostic CSS framework to build custom applications with a consistent look. Released by Salesforce.

Lightning Design System framework

Zoom slider on mockup devices

A tutorial about creating a zoom slider on mockup devices (iPhone, iPad, MacBook, iMac and Apple Watch) by Codrops.

Zoom slider on mockup devices

Animated page transition

A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax. A tutorial by CodyHouse.

Animated page transition

Text styles and hover effects

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG and Canvas.

Text styles and hover effects

3D folding panel in CSS

A secondary content panel that folds flat, powered by CSS Transformations and jQuery. A tutorial by CodyHouse.

3D folding panel in CSS

Grid item animation layout

A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.

Grid item animation layout

Motion blur effect with SVG

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Motion blur effect with SVG

Rebar Grid Framework

Rebar is a Sass / Stylus grid framework to make responsive development more efficient and keep CSS organised.

Rebar Grid Framework