https://github.com/sparkbox/codemash-rwd

Example files for "Hands-On Responsive Web Design"
https://github.com/sparkbox/codemash-rwd

Last synced: about 2 months ago
JSON representation

Example files for "Hands-On Responsive Web Design"

• Host: GitHub
• URL: https://github.com/sparkbox/codemash-rwd
• Owner: sparkbox
• Created: 2012-01-12T04:38:11.000Z (almost 13 years ago)
• Default Branch: master
• Last Pushed: 2012-01-12T14:34:43.000Z (almost 13 years ago)
• Last Synced: 2024-04-11T03:37:33.474Z (9 months ago)
• Homepage:
• Size: 164 KB
• Stars: 6
• Watchers: 25
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# CodeMash Presentation Resources

## [Ben Callahan](http://twitter.com/bencallahan), [Sparkbox](http://seesparkbox.com)

This is a list of resources reference from my CodeMash 2012 presentation entitled, "Hands-On Responsive and Adaptive Web Design."

### Resources

* [Example files](https://github.com/sparkbox/CodeMash-RWD)

* [Responsive Web Design, original article by Ethan Marcotte](http://www.alistapart.com/articles/responsive-web-design/)

* [Responsive Web Design, book by Ethan Marcotte](http://www.abookapart.com/products/responsive-web-design)

* [The Semantic Grid System](http://semantic.gs/)

* [LESS CSS](http://lesscss.org/)

* [SCSS/SASS CSS](sass-lang.com)

* [Fluid Grids, by Ethan Marcotte](http://www.alistapart.com/articles/fluidgrids/)

* [A Bacon Poem](http://ligzpoems.blogspot.com/2007/12/bacon-poem.html)

* [Fluid Width Video, by Chris Coyer](http://www.netmagazine.com/tutorials/create-fluid-width-videos)

* [CSS3 Media Queries Spec](http://www.w3.org/TR/css3-mediaqueries/)

* [Media Query Bookmarklet, by Rob Tarr](https://github.com/sparkbox/mediaQueryBookmarklet)

* [Responsive Images Round-Up, by Jason Grigsby](http://www.cloudfour.com/responsive-imgs/)

* [src.sencha.io](http://www.sencha.com/learn/how-to-use-src-sencha-io/)

* [The Boston Globe](http://www.bostonglobe.com)

* [Build Responsively](http://buildresponsively.com)

* [Responsive Advertising, by Mark Boulton](http://www.markboulton.co.uk/journal/comments/responsive-advertising)

* [Responsive Tables, by Chris Coyer](http://css-tricks.com/examples/ResponsiveTables/responsive.php)

* [Responsive Table Patterns, by The Filament Group](http://filamentgroup.com/examples/rwd-table-patterns/)

* [Table to Chart, by Scott Jehl](http://jsbin.com/emexa4)

* [Responsive Menu](https://github.com/mattkersley/Responsive-Menu)

* [The Foundry](http://seesparkbox.com/foundry)

* [Future Friendly](http://futurefriend.ly)

* [Media Queries Gallery](http://mediaqueri.es)

* [Responsive Images, by Filament Group](https://github.com/filamentgroup/Responsive-Images)

* [Image Sizer, by Ethan Marcotte](http://unstoppablerobotninja.com/demos/resize/imgSizer.js)

### Some People to Follow

* [@scottjehl](http://twitter.com/scottjehl)

* [@beep](http://twitter.com/beep)

* [@grigs](http://twitter.com/grigs)

* [@adactio](http://twitter.com/adactio)

* [@yoavweiss](http://twitter.com/yoavweiss)

* [@robertnyman](http://twitter.com/robertnyman)

* [@necolas](http://twitter.com/necolas)

* [@yiibu](http://twitter.com/yiibu)

* [@globalmoxie](http://twitter.com/globalmoxie)

* [@brad_frost](http://twitter.com/brad_frost)

* [and, occasionally, I say something smart](http://twitter.com/bencallahan)

### Thanks

I truly owe a great amount of credit to my crew at [@hearsparkbox](http://twitter.com/hearsparkbox). These guys push me and encourage me and they're fantastic guys to bounce these ideas off of. [Check them out online](http://seesparkbox.com).