Code Snippets
67 articles

Frosted navigation bars and soft hero backgrounds both come down to the same function, blur(). Modals use it too, usually on the overlay. Where…

Most CSS pagination starts with a nav element full of anchors, and the stylesheet handles layout, link states, spacing and small-screen behavior. You see…

Soft UI buttons and toggles, the ones that look raised out of the page or pushed into it, come down to a small amount…

Tutorials written for jQuery UI 1.8 call add, remove, select and rotate methods. The 1.9 upgrade guide deprecated add, remove and select and removed…

Most CSS animated gradient examples don’t animate the gradient at all. They stretch one oversized gradient and slide it with background-position, because the browser…

Nielsen Norman Group’s 2016 study of 179 participants tested what happens when a site hides its navigation. Content discoverability dropped by more than 20%…

A CSS hamburger menu hides the main navigation links behind a three-bar button on narrow screens. A media query shows the button below a…