This is an awwwwesome site. http://css-tricks.com/
Category: Links
Full Screen Responsive jQuery Image and Content Slider:RSlider | EGrappler
RSlider is a full screen responsive image and content slider, with a nice and simple design it adjusted automatically to the width of your browser screen. http://www.egrappler.com/full-screen-responsive-jquery-image-and-content-sliderrslider/
Responsive Measure: A jQuery plugin for responsive typography
Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text. http://jbrewer.github.com/Responsive-Measure/
elefontpress/rwd-grid-example
Following up from last weeks excellent article on vertical responsiveness, Bearded have shared their very own responsive grid on GitHub. Jolly good show chaps! https://github.com/elefontpress/rwd-grid-example
Introducing Foundation 3.1, Now with HTML Templates! by ZURB
We’ve been working hard over the last couple weeks to incorporate new features into Foundation that make it even better than before! Today we are excited to announce the release of version 3.1 of Foundation, go get it now at http://foundation.zurb.com. http://www.zurb.com/article/1070/introducing-foundation-31-now-with-html-t
Fresco – A Beautiful Responsive Lightbox
There has been a lot of repsonsive sliders but not many responsive lightboxes. Fresco JS does just that. It is strange though that the website itself is not responsive. http://www.frescojs.com/
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