When your website means business.

Snippets: CSS

Accessible Hiding of Elements with CSS»

Developers commonly use display: none to hide content on the page. Unfortunately, this simple and common action can be problematic for users of screen readers. Below is a better way:…
Accessibility, CSS | Type: CSS

Clearfix»

Maybe the most widely used clear after float.
CSS | Type: CSS

CSS Cursor Showcase»

View, experience and choose a cursor for your application.
CSS | Type: CSS

CSS-only Accordians»

When javascript doesn’t make the grade. HTML <div class="wrapper"> <div class="half"> <p>Open <strong>multiple</strong></p> <div class="tab"><input id="tab-one" name="tabs" type="checkbox" /> <!--can open several tabs at once--> <label for="tab-one">Label One</label> <div class="tab-content">…
CSS, Javascript | Type: CSS

CSS-only Mobile Menu»

Mobile menu that doesn't use javascript. Uses hidden checkbox to toggle state.
CSS, Responsive | Type: CSS

Fixing Fixed Header Problems»

html body { position:static !important; } /*fixes many(!) issues caused by fixed header*/ .anchor::before { display: block; content: " "; margin-top: -75px; height: 75px; visibility: hidden; pointer-events: none; } /*offsets…
CSS | Type: CSS