#responsive (158 links)
- This Is Responsive bradfrost.github.io
Patterns, resources and news for creating responsive web experiences.
There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal.
- Responsive Images in Practice alistapart.com
- Dev.Opera — Native Responsive Images dev.opera.com
- aFarkas/respimage github.com
- Image Resizing Services blog.cloudfour.com
List of response image services from @grigs
- lafikl/RWDPerf github.com
Performance testing tool for Responsive web designs.
- Don't use <picture> (most of the time) blog.cloudfour.com
You don’t need to know all of the use cases, but you do need to know the difference between the two most common use cases in order to know which part of the picture specification will solve your problems. The two common use cases are [...] Resolution switching [and] Art direction.
- Picturefill scottjehl.github.io
- Responsive Web Design with DevTools' Device Mode blog.chromium.org
- Pattern Lab patternlab.io
Build Atomic Design Systems
Via monospaced.
- RWD Bloat - daverupert.com daverupert.com
- Easier Responsive Development with Duo sifterapp.com
Good perspective on current state of responsive images from @tkadlec - http://t.co/kPfeZYZMni
- Responsive Web Design Patterns bradfrost.github.io
- Responsive News — How the BBC should practice Responsive Web Design responsivenews.co.uk
- Techniques for Responsive Typography | Codrops tympanus.net
Cool article on Responsive Typography: http://t.co/8iNfYVPoAR /via @vpieters
- Imager.js github.com
Responsive images while we wait for srcset to finish cooking
- Ink zurb.com
- Responsive design, screens, and shearing layers — Unstoppable Robot Ninja unstoppablerobotninja.com
- Top 10 Mobile Touch Javascript Frameworks scratchinginfo.com
- ish. yet another viewport resizer. bradfrostweb.com
- Responsive Nav — Responsive Navigation Plugin responsive-nav.com
A virtual development server based on Stephen Hay's Responsive Design Workflow. Comes with all necessary tools installed: Pandoc, Dexy etc. Cooked up with Vagrant.
...and Ansible.
- embedresponsively.com embedresponsively.com
- Responsive Screenshots With Casper | Nettuts+ net.tutsplus.com
- Cascade Framework jslegers.github.io
- Pure purecss.io
- The State Of Responsive Web Design | Smashing Mobile mobile.smashingmagazine.com
[this is good]
By simply applying ‘text-align: justify’ to the container, and giving the child elements ‘display: inline-block’ and a percentage width, you’ll never have to deal with horizontal margins ever again! (Oh and did I mention, when using this trick, you’ll also never need to use float on your elements ever again, so you can wave goodbye to those ignominious clearfixes and clear divs too!)
Clever, mildly hacky.
- zurb/foundation · GitHub github.com