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/
Articles
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
3D CSS Solar System
I’m forever and continually amazed by what people can do with a little bit of HTML, CSS and Javacript. This code pen example is certainly no exception to the rule. You can change between 2D and 3D view, compare the speed, the distance and also the size of each of the planets and the sun.… Continue reading 3D CSS Solar System
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