Category: TUTORIALS

Bulma is a modern CSS framework based on Flexbox.The package contains all usual elements like Buttons, form controls, menus, tabs, titles, notifications, etc. Bulma comes with simple grid system (Just add columns, they will resize …

Pointy Slider is a slideshow with sliding-in panels that unveil new, fixed background images.Pointy Slider is simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in …

This is a smart vertical navigation tutorial with round indicators that turn into labelled icons when the user interacts with them. The basic idea behind putting round indicators on the side of a web page, …

This is an experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.It’s created by Codrops. Shortly, it’s a kind of “realistic” preview of the seat, i.e. see …

This is a collection of some ideas for menu styles and effects that employ the line as a creative design element. It’s been created by Codrops. The line is an amazing design element. It’s so …

Milligram is a fresh minimalist CSS framework.Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! It’s only 2kb gzipped! It’s not about a UI framework. It’s been specially …

A widget containing a list of suggested articles, with a reading progress indicator powered by SVG, CSS and jQuery.It’s been enriched by a filling effect to indicate the reading progress and SVG is used to …

If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. You can play with …

Stretchy Navigation is a rounded navigation trigger that stretches on click/tap to reveal the navigation items.It’s been created by Codyhouse.The idea is to apply a stretching navigation, and create 3 different user cases where this …

This is the weather series of The Icons Set with different weather related icons. Those icons have a common and pleasing style that will make it easy to add to any project.There are 208 weather …