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

Change background and color of Chrome autofill»

.top .search-form input:-webkit-autofill, .top .search-form input:-webkit-autofill:hover, .top .search-form input:-webkit-autofill:focus, .top .search-form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 100px #222 inset !important; -webkit-text-fill-color:#fff!important; }
CSS, Forms | 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