Category: Links

Clearing Browser Data | High Performance Web Sites

In Keys to a Fast Web App I listed caching as a big performance win. I’m going to focus on caching for the next few months. The first step is a study I launched a few days ago called the Clear Browser Experiment. Before trying to measure the frequency and benefits of caching, I wanted… Continue reading Clearing Browser Data | High Performance Web Sites

CSS-Only Sticky Headers for Tables, Using ‘position: sticky’

What’s neat about this is that you get the effect of the static table headers by introducing a few lines of css. No jQuery, no weird css that breaks the semantic intent of the content, and no javascript handlers built off scroll events. It’s not ready for prime time just yet, but it’s worth keeping… Continue reading CSS-Only Sticky Headers for Tables, Using ‘position: sticky’

Off Canvas

Inspired by the observations of Luke Wroblewski, this Off Canvas layout demo has 3 panels that display differently depending on the viewport width. The idea here is to have the two supporting panels of navigation and sidebar content hidden just off-screen to the left and right for easy access on small/medium viewports. Off Canvas is… Continue reading Off Canvas

daneden/Baseline.js

Baseline.js Baseline.js is a simple jQuery plugin for restoring baselines thrown off by odd image sizes. Simply call the plugin like so, passing the height of your baseline as a variable. It even works on responsive designs! https://github.com/daneden/Baseline.js