Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/MHM5000/TreehouseShow
TeamTreeHouse's Weekly show notes
https://github.com/MHM5000/TreehouseShow
awesome css html javascript links
Last synced: 3 months ago
JSON representation
TeamTreeHouse's Weekly show notes
- Host: GitHub
- URL: https://github.com/MHM5000/TreehouseShow
- Owner: MHM5000
- Created: 2013-10-19T11:09:54.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2020-09-06T07:50:42.000Z (about 4 years ago)
- Last Synced: 2024-05-02T16:35:46.082Z (6 months ago)
- Topics: awesome, css, html, javascript, links
- Homepage: http://mhm5000.github.io/TreehouseShow/
- Size: 1.18 MB
- Stars: 168
- Watchers: 44
- Forks: 31
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
TreehouseShow
===
[Teamtreehouse](http://teamtreehouse.com/) and it's great teachers will help you to have a great start in dev/des.
Other than that, you can have a "weekly dose of internet, where they talk about web design, web development and more" ( :-D ), and a lot more in Bonus Content.(I Personally find [Exercise Your Creative](http://teamtreehouse.com/library/exercise-your-creative) quite fascinating)
There is [Youtube Channel](http://youtube.com/user/gotreehouse), [iTunes feed](https://itunes.apple.com/us/podcast/the-treehouse-show-hd/id623064192) or [Bonus Content](http://teamtreehouse.com/library/the-treehouse-show) to watch these videos. Don't forget to check them out.
The two hosts of the show are Jason Seifer([@jseifer](http://twitter.com/jseifer)) and Nick Pettit([@nickrp](http://twitter.com/nickrp)). Jim Hoskins([@jimrhoskins](http://twitter.com/jimrhoskins)) appears as well.
Purpose of repo
---
The Treehouse Show is full of helpful resources. For example, if you're looking for a blog post about responsive design, [go ahead](http://eightarms.co.uk/blog/go-ahead-with-the-treehouse-show/) and do ctrl+f or command+f on your keyboard and type in responsive design.
How to Contribute
---
If you feel like being awesome, please do [Contribute](https://github.com/MHM5000/TreehouseShow/wiki/Contribution "Contribute"). If you have any idea for this repo, just do it!
One more note
---
It's been more than a year since the first episode; You may run into broken links. If you do find one, then please do let me know in the issues section.
Episode List
---
[01](#ep1-css-and-javascript-tools) | [02](#ep2-retinafy-your-website) | [03](#ep3-rails-4-and-os-x-mountain-lion) | [04](#ep4-lamp-on-mountain-lion) | [05](#ep5-javascript-tools) | [06](#ep6-twitter-bootstrap-and-javascript-for-cats) | [07](#ep7-web-development-tips) | [08](#ep8-writing-markdown) | [9](#ep9-html5-boilerplate) | [10](#ep10-jquery-fundamentals) | [11](#ep11-momentjs-and-html5) | [12](#ep12-web-platform) | [13](#ep13-lljs-navicons-and-framework-fights) | [14](#ep14-responsive-techniques-javascript-mvc-frameworks-and-firefox-16) | [15](#ep15-adaptive-images-and-responsive-svgs) | [16](#ep16-simple-css-grids) | [17](#ep17-bootstrap-relogo-and-alfred) | [18](#ep18-backbonejs-responsive-background-images-and-html5-apis) | [19](#ep19-memory-management-wireframing-and-javascript-frameworks) | [20](#ep20-batch-icon-set-bootstrap-goodies-git-aliases-javascript-shopping-cart) | [21](#ep21-html5-mobile-apps) | [22](#ep22-explaining-css-and-landing-pages) | [23](#ep23-writing-error-messages-navigation-and-documentation) | [24](#ep24-javascript-pdfs-css-transitions-and-web-design-trends) | [25](#ep25-web-developer-checklists) | [26](#ep26-jquery-releases-favicons-and-css-optimization) | [27](#ep27-triangles-sublime-text-plugins-and-html5-geolocation) | [28](#ep28-collapsing-headers-icon-fonts-and-more) | [29](#ep29-svg-hacking) | [30](#ep30-css-and-frameworks-w-guest-ryan-carson) | [31](#ep31-html-progress-element-and-javascript-sliders) | [32](#ep32-svgs-dropdowns-and-html5-form-elements) | [33](#ep33-web-typography-css-patterns-and-simple-icons) | [34](#ep34-accessibility-css-architecture-and-web-printing) | [35](#ep35-javascript-tours-and-pull-quotes) | [36](#ep36-sidebar-menus-and-icon-stacks) | [37](#ep37-sublime-text-2-and-login-forms) | [38](#ep38-javascript-design-patterns-and-css-windows) | [39](#ep39-html-video-and-the-web-as-a-gaming-platform) | [40](#ep40-itunes-scrolling-and-mobile-shelving) | [41](#ep41-reflections-mobile-typography-and-responsive-images) | [42](#ep42-flat-ui-colors-dont-dos-with-jquery-and-usability) | [43](#ep43-svg-and-icon-fonts-typography-and-css-sliders) | [44](#ep44-html5-features-responsive-css-modules-and-sass) | [45](#ep45-ux-sitemaps-and-js-tours) | [46](#ep46-responsive-images-and-html5-form-inputs) | [47](#ep47-dev-tool-secrets) | [48](#ep48-tablet-friendly-design-good-ui-gifjs) | [49](#ep49-app-store-screenshots-regular-expressions-programming-fonts) | [50](#ep50-oauth-canvas-dev-tools) | [51](#ep51-javascript-diagramming-sass-html5-elements) | [52](#ep52-reactive-programming-css-spacing-image-loading) | [53](#ep53-the-classlist-api-css-frameworks-animation) | [54](#ep54-jquery-plugins-autoprefixer-css-sprites) | [55](#ep55-web-typography-javascript-progress-bars-css-3d) | [56](#ep56-nodejs-css-buttons-png-compression) | [57](#ep57-css3-multiple-backgrounds-emberjs-favicons) | [58](#ep58-the-main-element-jquery-clndr-keystrokes) | [59](#ep59-form-validation-safari-push-notifications-javascript-performance) | [60](#ep60-css-animations-css-sprites-form-building) | [61](#ep61-request-autocomplete-navicons-css-preprocessing) | [62](#ep62-css-position-fixed-sticky-flexbox-google-web-designer) | [63](#ep63-responsive-design-rich-text-editing-squircles) | [64](#ep64-touchscreen-ui-events-sprite-and-checkbox-animation-lo-dash) | [65](#ep65-contrast-ratio-favicons-offline-web-apps) | [66](#ep66-javascript-formatting-pie-charts-svg-animation) | [67](#ep67-responsive-html-emails-javascript-techniques-webgl) | [68](#ep68-javascript-templating-flexbox-devtools) | [69](#ep69-javascript-footnotes-geographic-autocompletion-sortable-lists) | [70](#ep70-url-rewriting-responsive-emails-qr-codes) | [71](#ep71-animated-gifs-for-documentation-chrome-devtools-for-mobile-grunt) | [72](#ep72-dynamic-tables-progress-button-styles-spinkit) | [73](#ep73-sprite-generation-native-html5-apps-color-schemes) | [74](#ep74-javascript-tips-and-tricks-typography-html5-game-development) | [75](#ep75-flexible-navigation-javascript-good-parts-css-animation-tricks) | [76](#ep76-gulp-kinetic-scrolling-page-visibility) | [77](#ep77-sass-mixins-javascript-coding-git-tips) | [78](#ep78-origami-html-5-game-development-form-labels) | [79](#ep79-front-end-development-guidelines-sublime-text-sass-and-compass) | [80](#ep80-sandboxed-iframes-progress-element-responsive-screenshots) | [81](#ep81-outdated-ux-patterns-learn-angular-js-lazy-ads) | [82](#ep82-web-font-generators-ecmascript-6-features-accessibility) | [83](#ep83-web-icons-webshims-jquery-coding-standards) | [84](#ep84-css-frameworks-facebook-predictions-api-development-techniques) | [85](#ep85-flexbox--css-and-sass-style-guides--html-frameworks) | [86](#ep86-really-good-emails--credit-card-detection--epic-editor) | [87](#ep87-creating-style-guides--writing-interface-copy--ratchet) | [88](#ep88-gulp--sketch-3--bud) | [89](#ep89-typography--sidebars--style-guides) | [90](#ep90-voodoo--responsive-tables--javascript-graphs) | [91](#ep91-path-animation--sidebar-transitions--icons) | [92](#ep92-morphing-buttons--rangeslider--declarative-animations) | [93](#ep93-parallax--stylestats--uncss) | [94](#ep94web-design-manual--script-injected--flowjs) | [95](#ep95-app-js--loopback--svgo) | [96](#ep96-jquery-plugins--progress-bars--http-api-design) | [97](#ep97-data-binding-techniques--css-techniques--zeptojs) | [98](#ep98-devopera--getting-to-know-css-blend-modes) | [99](#ep99-inline-anchor-styles--steady-scrolling--web-speech-api) | [100](#ep100-css-will-change-property--html5-forms--vertical-align) | [101](#ep101-css-will-change-property--html5-forms--vertical-align) | [102](#ep102-ui-kits--internet-explorer-development-tools--fastjs) | [103](#ep103-human-javascript--interactive-graphs--sidecomments) | [104](#ep104-pixels--web-components--the-hamburger-menu) | [105](#ep105-svg-backgrounds--breach--fastshell) | [106](#ep106-responsive-logos--waves--pagekit) | [107](#ep107-reading-jquery-source-code--html-5-video-captions--flexbox) | [108](#ep108-practical-typography--date-pickers--form-builders) | [109](#ep109-css-triggers--fireshell--responsive-design) | [110](#ep110-chrome-dev-tools--heatmapjs--device-mockups) | [111](#ep111-dpi--responsive-charts--media-queries) | [112](#ep112-dpi--responsive-charts--media-queries) | [113](#ep113-api-responses--font-compression--tab-styles--the-treehouse) | [114](#ep114-centering-in-css-responsive-lightboxes-dynamic-animations) | [115](#ep115-touch-events-font-downloads-native-webapps) | [116](#ep116-css-shapes-responsive-images-angularjs) | [117](#ep117-os-x-apps-fixed-headers-arrays) | [118](#ep118-page-transitions-designing-for-thumbs-concise) | [119](#ep119-svg-animations-charts-color-palettes) | [120](#ep120-web-performance-material-ui-sql-charts) | [121](#ep121-multi-touch-gestures-ui-logic-svg-animation) | [122](#ep122-lazy-image-loading-underlining-text-scrolling) | [123](#ep123-accessibility-drag-and-drop-interaction-emojis) | [124](#ep124-javscript-frameworks-icons-text-on-images) | [125](#ep125-skeleton-angularjs-the-fold) | [126](#ep126-font-families-hamburger-menus-flux) | [127](#ep127-time-pickers-decimals-text-areas) | [128](#ep128-icons-cheat-sheets-font-pairing) | [129](#ep129-field-validation-css-reference-progress-bars) | [130](#ep130-flexbox-javascript-charts-syntax-highlighting) | [131](#ep131-origami-react-responsive-hero-images) | [132](#ep132-polygon-art-colors-scrolling) | [133](#ep133-inspiration-jquery-knobs-design-principles) | [134](#ep134-reactive-programming-accessible-colors-javascript-errors) | [135](#ep135-bem-jquery-plugins-web-fonts) | [136](#ep136-date-pickers-css-refactoring-html-audio) | [137](#ep137-space-js-materialize-living-style-guides) | [138](#ep138-semantic-ui-polyfills-html-5-patterns) | [139](#ep139-jquery-boilerplate-sass-maps) | [140](#ep140-photo-gallery-plugins-admin-ui-font-sizing) | [141](#ep141-tinysort-push-notifications-responsive-tables) | [142](#ep142-vendor-prefixes-media-queries-javaScript) | [143](#ep143-data-binding-nesting-image-zooms) | [144](#ep144-webp-static-maps-watermarks) | [145](#ep145-justice-carousels-centering-in-css) | [146](#ep146-dropdowns-scrolling-motion-blur) | [147](#ep147-web-features-form-design-color-pickers) | [148](#ep148-web-design-trends-sharing-buttons-flexbox-techniques) | [149](#ep149-performance-tools-material-design-sliders) | [150](#ep150-css-shapes-javasript-font-combinations)
### Ep1: CSS and JavaScript Tools
+ [Ceasar](http://matthewlein.com/ceaser/)
+ [Slowy](http://slowyapp.com/)
+ [Super Scrollorama](http://johnpolacek.github.io/superscrollorama/)
+ [Meteor](http://www.meteor.com/)
+ [Twitter Bootstrap](http://getbootstrap.com/2.3.2/)
+ [Zurb Foundation 3](http://foundation.zurb.com/)
---
### Ep2: Retinafy Your Website
+ [Retina JS](http://retinajs.com/)
+ [How to Retinafy Your Website](http://mir.aculo.us/2012/06/26/flowchart-how-to-retinafy-your-website/)
+ [@thomasfuchs](http://twitter.com/thomasfuchs)
+ [CSS3 PS: A CSS3 Photoshop Plugin](http://css3ps.com/)
+ [Sublime Text 2 Tips for Beginners](http://blog.alainmeier.com/post/27255145114/some-things-beginners-might-not-know-about-sublime-text)
[Top](#treehouseshow)
---
### Ep3: Rails 4 and OS X Mountain Lion
+ [Sprite Cow](http://www.spritecow.com/)
+ [OS X Mountain Lion Review](http://arstechnica.com/apple/2012/07/os-x-10-8/)
+ [Tiny PNG](http://tinypng.org/)
+ [Spin.js](http://fgnass.github.com/spin.js/)
+ [Phusion Passenger Updates](http://blog.phusion.nl/2012/07/24/roadmap-preview-1-phusion-passenger-4-0-and-phusion-passenger-enterprise/)
+ [UI-Cloud](http://ui-cloud.com/)
+ [Icon Monstr](http://iconmonstr.com/)
[Top](#treehouseshow)
---
### Ep4: LAMP on Mountain Lion
+ [Speed Limit](http://mschrag.github.com/)
+ [RWD Bookmarklet](http://responsive.victorcoulon.fr/)
+ [Add Notifications to Your Web App](http://www.fngtps.com/2012/how-to-add-notification-center-notifications-to-your-web-app/)
+ [iOS Image Optimization Tricks](http://www.dwellable.com/blog/Tech-iOS-Image-Tricks)
+ [Install Apache, MySQL, and PHP, on Mountain Lion](http://coolestguyplanettech.com/downtown/install-and-configure-apache-mysql-php-and-phpmyadmin-osx-108-mountain-lion)
+ [SideTap](http://sidetap.it/)
+ [gridster.js](http://gridster.net/)
+ [UI Parade](http://www.uiparade.com/)
+ [Prism](http://prismjs.com/)
[Top](#treehouseshow)
---
### Ep5: JavaScript Tools
+ [Subtle Patterns](http://subtlepatterns.com/)
+ [Understanding Design Patterns in JavaScript](http://net.tutsplus.com/tutorials/javascript-ajax/digging-into-design-patterns-in-javascript/)
+ [Zoomooz.js](http://janne.aukia.com/zoomooz/)
+ [Prototypes](http://prototypesapp.com/)
+ [Can I Use](http://caniuse.com/)
+ [Cookie.js](https://github.com/js-coder/cookie.js)
+ [Gauge.js](http://bernii.github.com/gauge.js/)
+ [HTML5 Shim vs IE9 Emulation Mode](http://www.sitepoint.com/html5-shim-ie-emulation-mode/)
[Top](#treehouseshow)
---
### Ep6: Twitter Bootstrap and JavaScript for Cats
+ [Safari, Chrome Ship Proposed High-Resolution Image Solution](http://www.webmonkey.com/2012/08/safari-chrome-now-support-high-resolution-images-in-css/)
+ [Bootstrap 2.1.0 Released](http://blog.getbootstrap.com/2012/08/20/bootstrap-2-1-0-released/)
+ [Date Picker for Bootstrap](http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/)
+ [JS Reload](http://www.2ality.com/2012/08/jsreload.html)
+ [BigVideo.js](http://dfcb.github.com/BigVideo.js/)
+ [JavaScript for Cats](http://jsforcats.com/)
+ [Underscores](http://underscores.me/)
+ [cdnjs](http://cdnjs.com/)
+ [JustGage](http://justgage.com/)
[Top](#treehouseshow)
---
### Ep7: Web Development Tips
+ [Typing Practice for Programmers](http://typing.io/)
+ [5 Design Tricks FaceBook Uses to Affect Your Privacy Decisions](http://techcrunch.com/2012/08/25/5-design-tricks-facebook-uses-to-affect-your-privacy-decisions/)
+ [Free Python Books](http://pythonbooks.revolunet.com/)
+ [BigScreen](http://brad.is/coding/BigScreen/)
+ [Skitch](http://skitch.com/)
+ [jsPlumb](http://jsplumb.org/jquery/demo.html)
+ [Some Web Development Tips](http://duruk.net/some-web-development-tips/)
+ [Complex navigation patterns for responsive design](http://bradfrostweb.com/blog/web/complex-navigation-patterns-for-responsive-design/)
+ [Avgrund](http://lab.hakim.se/avgrund/)
[Top](#treehouseshow)
---
### Ep8: Writing Markdown
+ [MagicNav.js](http://johnpolacek.github.com/MagicNav.js/)
+ [Glances](http://nicolargo.github.com/glances/)
+ [Slabtext](http://www.frequency-decoder.com/demo/slabText/)
+ [Marked](http://markedapp.com/)
+ [Thinking Async](http://css-tricks.com/thinking-async/)
+ [Typicons](http://www.typicons.com/)
+ [Automatic Conditional Retina Images](http://shauninman.com/tmp/retina/)
+ [SneakPeekIt](http://sneakpeekit.com/)
+ [jQuery Pictures](http://jquerypicture.com/)
[Top](#treehouseshow)
---
### Ep9: HTML5 Boilerplate
+ [Holder.js](http://imsky.github.com/holder/)
+ [Picturefill](https://github.com/scottjehl/picturefill)
+ [What The Key Code](http://whatthekeycode.com/)
+ [normalize.css](http://necolas.github.com/normalize.css/)
+ [Moom](http://manytricks.com/moom/)
+ [HTML5 Biolerplate 4.0](http://html5boilerplate.com/)
+ [HTML5 Boilerplate Changelog](https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/CHANGELOG.md)
+ [Firefox Beta 16](https://hacks.mozilla.org/2012/08/new-firefox-command-line-helps-you-develop-faster/)
+ [JSbooks](http://jsbooks.revolunet.com/)
+ [Tomorrow Theme](https://github.com/chriskempson/tomorrow-theme)
[Top](#treehouseshow)
---
### Ep10: jQuery Fundamentals
+ [jQuery Fundamentals](http://jqfundamentals.com/)
+ [Yeoman](http://yeoman.io/)
+ [Bower](http://twitter.github.com/bower/)
+ [This is Responsive](http://bradfrost.github.com/this-is-responsive/index.html)
+ [Total Spaces](http://totalspaces.binaryage.com/)
+ [ColorSense](https://github.com/omz/ColorSense-for-Xcode)
+ [Underscore CLI](https://github.com/ddopson/underscore-cli?ref=hn)
+ [Modern UI Icons](http://modernuiicons.com/)
---
### Ep11: Moment.js and HTML5
+ [Moment.js](http://momentjs.com/)
+ [jQuery joyride](http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin)
+ [Emmet for sublime](https://github.com/sergeche/emmet-sublime)
+ [USA Today beta](http://beta.usatoday.com/)
+ [iPhone 5 web site teardown](https://docs.google.com/document/pub?id=1GWTMLjqQsQS45FWwqNG9ztQTdGF48hQYpjQHR_d1WsI)
+ [Fresco JS](http://www.frescojs.com/)
+ [7 html5 features you might not know](http://www.aaronlumsden.com/articles/7-html5-features-that-you-may-not-know-about/)
+ [CSS Values](http://cssvalues.com/)
[Top](#treehouseshow)
---
### Ep12: Web Platform
+ [Fokus](http://lab.hakim.se/fokus/)
+ [flowplayer 5](http://flowplayer.org/)
+ [Cutting the Mustard](http://blog.responsivenews.co.uk/post/18948466399/cutting-the-mustard)
+ [IE for Mac](http://osxdaily.com/2011/09/04/internet-explorer-for-mac-ie7-ie8-ie-9-free/)
+ [WebPlatform](http://www1.webplatform.org/)
+ [KeyMaster](https://github.com/madrobby/keymaster)
+ [Dom Monster](http://mir.aculo.us/dom-monster/)
+ [Compass.app](http://compass.handlino.com/)
+ [Source Code Pro](http://blogs.adobe.com/typblography/2012/09/source-code-pro.html)
[Top](#treehouseshow)
---
### Ep13: LLJS, Navicons, and Framework Fights
+ [LLJS](http://lljs.org/)
+ [The Semantic, Responsive Navicon](http://mobile.smashingmagazine.com/2012/10/08/the-semantic-responsive-design-navicon/)
+ [JavaScript Stacktrace](https://github.com/eriwen/javascript-stacktrace)
+ [PHP The Right Way](http://www.phptherightway.com/)
+ [Anvil](http://anvilformac.com/)
+ [Verimail](https://github.com/comfirm/Verimail.js)
+ [js2coffee](http://js2coffee.org/)
+ [Framework Fight!](http://designshack.net/articles/css/framework-fight-zurb-foundation-vs-twitter-bootstrap/)
+ [Setting Up My Perfect Developer Environment on OSX 10.8 Mountain Lion (DP3 Edition)](http://vanderveer.be/blog/2012/04/21/setting-up-my-perfect-developer-environment-on-osx-10-dot-8-mountain-lion-dp3-edition/)
[Top](#treehouseshow)
---
### Ep14: Responsive Techniques, JavaScript MVC Frameworks, and Firefox 16
+ [Firefox 16 Released](http://www.mozilla.org/en-US/firefox/16.0/releasenotes/)
+ [Responsivator](http://dfcb.github.com/Responsivator/)
+ [8 ways to make your single-page web app faster](http://ozkatz.github.com/8-ways-to-make-your-single-page-web-app-faster.html)
+ [Patternify](http://www.patternify.com/)
+ [TodoMVC](http://todomvc.com/)
+ [CSS FilterLab](http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab/)
+ [dbpatterns](http://dbpatterns.com/)
+ [PFold](http://tympanus.net/codrops/2012/10/17/pfold-paper-like-unfolding-effect/)
[Top](#treehouseshow)
---
### Ep15: Adaptive Images and Responsive SVGs
+ [Adaptive Images](http://adaptive-images.com/)
+ [Snappy Dashboards with Redis](http://blog.togo.io/how-to/snappy-dashboards-with-redis/)
+ [Responsive SVGs](http://www.joshuasortino.com/journal/creating-a-responsive-svg)
+ [Shortcat](http://shortcatapp.com/)
+ [Enquire.js](http://wickynilliams.github.com/enquire.js/)
+ [How to Customize Your Command Prompt](http://net.tutsplus.com/tutorials/tools-and-tips/how-to-customize-your-command-prompt/)
+ [Grid-A-Licious](http://suprb.com/apps/gridalicious/)
[Top](#treehouseshow)
---
### Ep16: Simple CSS Grids
+ [Simple Grid](http://thisisdallas.github.com/Simple-Grid/)
+ [BootMetro](http://aozora.github.com/bootmetro/)
+ [Typeset.css](http://joshuarudd.github.com/typeset.css/)
+ [Time Goes Responsive](http://www.time.com/time/)
+ [Powerful Command Line Tools For Developers](http://coding.smashingmagazine.com/2012/10/29/powerful-command-line-tools-developers/)
+ [CSS 3D Dropdown](http://soulwire.github.com/Makisu/)
+ [A Newb Guide to Git](http://journal.kaush.co/744/git-newb-guid)
[Top](#treehouseshow)
---
### Ep17: Bootstrap, relogo, and Alfred
+ [Bootstrap 2.2.0](http://blog.getbootstrap.com/2012/10/29/bootstrap-2-2-0-released/)
+ [Bootbox.js](http://bootboxjs.com/)
+ [Dashing](http://shopify.github.com/dashing/)
+ [Alfred](http://www.alfredapp.com/)
+ [rel="logo"](http://relogo.org/)
+ [jq](http://stedolan.github.com/jq/)
+ [Gridlover](http://www.gridlover.net/)
+ [BonsaiJS](http://bonsaijs.org/)
[Top](#treehouseshow)
---
### Ep18: Backbone.js, Responsive Background Images, and HTML5 APIs
+ [Backbone.viewkit](https://github.com/scttnlsn/backbone.viewkit)
+ [Noise Texture Generator](http://www.noisetexturegenerator.com/)
+ [5 More HTML5 APIs You Didn't Know Existed](http://davidwalsh.name/more-html5-apis)
+ [Responsive Background Images](http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios)
+ [Sequel Pro](http://www.sequelpro.com/)
+ [Editable for Bootstrap](http://vitalets.github.com/bootstrap-editable/#)
+ [jPanelMenu](http://jpanelmenu.com/)
+ [What Every Programmer Absolutely, Positively Needs To Know About Encodings And Character Sets To Work With Text](http://kunststube.net/encoding/)
[Top](#treehouseshow)
---
### Ep19: Memory management, wireframing, and JavaScript frameworks
+ [Backbone Memory Management Techniques](https://paydirtapp.com/blog/backbone-in-practice-memory-management-and-event-bindings/)
+ [wireframe.cc](http://wireframe.cc/)
+ [Brand identity style guides from around the world](http://www.logodesignlove.com/brand-identity-style-guides)
+ [Datepicker for Bootstrap](http://www.eyecon.ro/bootstrap-datepicker/)
+ [Creating Your Own Sublime Text 2 Plugin](http://www.mutuallyhuman.com/blog/2012/11/14/creating-a-sublime-text-2-plugin/)
+ [Ratchet](http://maker.github.com/ratchet/)
+ [Crumble - jQuery Feature Tours](http://tommoor.github.com/crumble/)
+ [microjs](http://microjs.com/#)
[Top](#treehouseshow)
---
### Ep20: Batch Icon Set, Bootstrap Goodies, Git Aliases, JavaScript Shopping Cart
+ [Batch](http://adamwhitcroft.com/batch/)
+ [18 Useful Twitter Bootstrap Goodies You Should Know](http://www.queness.com/post/11632/18-useful-twitter-boostrap-goodies-you-should-know)
+ [Must Have Git Aliases: Advanced Examples](http://durdn.com/blog/2012/11/22/must-have-git-aliases-advanced-examples/)
+ [simpleCart(js)](http://simplecartjs.org/)
+ [fastclick](https://github.com/ftlabs/fastclick)
+ [pickadate.js](http://amsul.github.com/pickadate.js/)
+ [Heyoffline.js](http://oskarkrawczyk.github.com/heyoffline.js/)
+ [Bones](http://themble.com/bones/)
[Top](#treehouseshow)
---
### Ep21: HTML5 Mobile Apps
+ [Anatomy of a Native Feeling HTML5 iOS App](http://justinvincent.com/page/2043/anatomy-of-a-native-feeling-html5-ios-app)
+ [Changing Times For Web Developers – 6 Tips You Should Read To Survive](http://www.amazedsaint.com/2012/11/changing-times-for-web-developers-6.html)
+ [Adapting your Webkit Optimized Site for Internet Explorer 10](http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx)
+ [Hammer](http://hammerformac.com/)
+ [Colour Schemes](https://github.com/daylerees/colour-schemes?hn)
+ [EpicEditor](http://epiceditor.com/)
+ [Tinytype](http://www.jordanm.co.uk/tinytype)
+ [Code smells in CSS](http://csswizardry.com/2012/11/code-smells-in-css/)
[Top](#treehouseshow)
---
### Ep22: Explaining CSS and Landing Pages
+ [CSS Explain](https://github.com/josh/css-explain)
+ [xCharts](http://tenxer.github.com/xcharts/)
+ [Lorem Pixel](http://lorempixel.com/)
+ [The Node Beginner Book](http://www.nodebeginner.org/)
+ [A 50-Point Checklist For Creating The Ultimate Landing Page](http://unbounce.com/landing-pages/checklist/)
+ [alertifyjs](http://fabien-d.github.com/alertify.js/)
+ [Bootsnipp](http://bootsnipp.com/)
[Top](#treehouseshow)
---
### Ep23: Writing Error Messages, Navigation, and Documentation
+ [The 4 H's of Writing Error Messages](http://uxmas.com/2012/the-4-hs-of-writing-error-messages)
+ [jhere](https://github.com/mmarcon/jhere)
+ [Performance Calendar](http://calendar.perfplanet.com/2012/liking-performance/)
+ [Dash](http://kapeli.com/)
+ [FooTable](http://themergency.com/footable/)
+ [BERG Cloud Buttons](http://css-tricks.com/berg-cloud-buttons/)
+ [Focal Point](http://designshack.net/articles/css/focal-point-intelligent-cropping-of-responsive-images/)
+ [TinyNav.js](http://tinynav.viljamis.com/)
[Top](#treehouseshow)
---
### Ep24: JavaScript PDFS, CSS Transitions, and Web Design Trends
+ [Zippopotamus](http://www.zippopotam.us/)
+ [Conditionizr](http://conditionizr.com/)
+ [NumberHelpers](http://emcien.github.com/number-helpers-coffeescript/)
+ [All you need to know about CSS transitions](http://blog.alexmaccaw.com/css-transitions)
+ [jsPDF](http://jspdf.com/)
+ [Designing a responsive, retina ready site](http://paulstamatiou.com/responsive-retina-blog-design)
+ [20 Hottest Trends To Watch Out For In 2013](http://www.hongkiat.com/blog/web-design-trend-2013/)
[Top](#treehouseshow)
---
### Ep25: Web Developer Checklists
+ [Workless](http://workless.ikreativ.com/)
+ [How To Deal With Vendor Prefixes](http://css-tricks.com/how-to-deal-with-vendor-prefixes/)
+ [Web Developer Checklist](http://webdevchecklist.com/)
+ [Gradient Scanner](http://www.gradient-scanner.com/)
+ [Web Interface Lab](http://www.webinterfacelab.com/)
+ [Junior](http://justspamjustin.github.com/junior/#home)
+ [oriDomi](http://oridomi.com/)
+ [Frank](http://somerandomdude.com/work/frank/)
+ [Sequence.js](http://www.sequencejs.com/)
[Top](#treehouseshow)
---
### Ep26: jQuery Releases, Favicons and CSS Optimization
+ [Easing Functions Cheat Sheet](http://easings.net/)
+ [jQuery 1.9 Released](http://blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/)
+ [Maki Icons](http://mapbox.com/maki/)
+ [Parley.js](http://parsleyjs.org/)
+ [Understand the Favicon](http://www.jonathantneal.com/blog/understand-the-favicon/)
+ [basket.js](http://addyosmani.github.com/basket.js/)
+ [Using the HTML title attribute](http://www.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/)
+ [mincss](http://www.peterbe.com/plog/mincss)
[Top](#treehouseshow)
---
### Ep27: Triangles, Sublime Text Plugins and HTML5 Geolocation
+ [Using the HTML5 Geolocation API](http://www.sitepoint.com/using-the-html5-geolocation-api/)
+ [CSS triangle generator](http://apps.eky.hk/css-triangle-generator/)
+ [Framer](http://www.framerjs.com/)
+ [So You’re Going To Start A Huge New Web Project](http://css-tricks.com/so-youre-going-to-start-a-new-huge-web-project/)
+ [RubyJS](http://rubyjs.org/)
+ [My Top 10 Sublime Text Plugins](http://www.henriquebarroso.com/my-top-10sublime-2-plugins/)
+ [Shadow DOM 101](http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/)
+ [OverAPI](http://overapi.com/)
[Top](#treehouseshow)
---
### Ep28: Collapsing Headers, Icon Fonts, and More
+ [How To Create a Simple Collapsing Header Effect](http://line25.com/tutorials/how-to-create-a-simple-collapsing-header-effect)
+ [Textillate.js](http://jschr.github.com/textillate/)
+ [Trello uses an icon font and so can you](http://blog.fogcreek.com/trello-uses-an-icon-font-and-so-can-you/)
+ [Blokk](http://www.blokkfont.com/)
+ [Backstretch](http://srobbin.com/jquery-plugins/backstretch/)
+ [Flight](http://twitter.github.com/flight/)
+ [unsemantic](http://unsemantic.com/)
[Top](#treehouseshow)
---
### Ep29: SVG Hacking
+ [A Primer to Front-end SVG Hacking](http://dbushell.com/2013/02/04/a-primer-to-front-end-svg-hacking/)
+ [Toolbar.Js](http://paulkinzett.github.com/toolbar/)
+ [Stately](http://intridea.github.com/stately/)
+ [Dropzonejs](http://www.dropzonejs.com/)
+ [Labels in Input Fields](http://laurakalbag.com/labels-in-input-fields-arent-such-a-good-idea/)
+ [JavaScript function compatibility table](http://compatibility.shwups-cms.ch/de/home/)
+ [Sassaparilla](http://sass.fffunction.co/)
[Top](#treehouseshow)
---
### Ep30: CSS and Frameworks w/ guest Ryan Carson
+ [Hint.css](http://kushagragour.in/lab/hint/)
+ [Using the main element](http://www.brucelawson.co.uk/2013/the-main-element/)
+ [Groundwork CSS ? A Responsive HTML5, CSS & Javascript Framework](http://groundwork.sidereel.com/?url=home)
+ [Character Entity Reference Chart](http://dev.w3.org/html5/html-author/charref)
+ [There Is No Breakpoint - Sparkbox](http://seesparkbox.com/foundry/there_is_no_breakpoint)
+ [typeahead.js](http://twitter.github.com/typeahead.js/)
+ [How To Design For Android Devices](http://blog.mengto.com/how-to-design-for-android-devices/)
+ [55+ Great and Useful Tools for Responsive Web Design](http://www.onextrapixel.com/2013/02/20/55-great-and-useful-tools-for-responsive-web-design/)
[Top](#treehouseshow)
---
### Ep31: HTML Progress Element and JavaScript Sliders
+ [The progress element - HTML5 Doctor](http://html5doctor.com/the-progress-element/)
+ [Interactive Guide to Blog Typography](http://kaikkonendesign.fi/typography/section/1)
+ [Threesixty-slider by creativeaura](http://creativeaura.github.com/threesixty-slider/)
+ [Step-By-Step Landing Page Copywriting - Nathan Barry](http://nathanbarry.com/step-by-step-landing-page-copywriting/)
+ [jQuery Learning Center](http://learn.jquery.com/)
+ [The Web Font Combinator - A Web Typography Tool](http://font-combinator.com/)
+ [Icons DB - free custom icons](http://www.iconsdb.com/)
[Top](#treehouseshow)
---
### Ep32: SVGs, Dropdowns, and HTML5 Form Elements
+ [SPOILER ALERT!](http://joshbuddy.github.com/spoiler-alert/)
+ [svg.js - A lightweight JavaScript library for manipulating and animating svg](http://www.svgjs.com/)
+ [Breaking down Amazon’s mega dropdown - Ben Kamens](http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown)
+ [How to lose weight (in the browser)](http://browserdiet.com/)
+ [Preboot](http://getpreboot.com/)
+ [HTML5 forms input types - HTML5 Doctor](http://html5doctor.com/html5-forms-input-types/)
+ [Genericons - a free, GPL, flexible icon font for blogs!](http://genericons.com/)
+ [devref - HTTP Header Analyzer](http://devref.com/)
[Top](#treehouseshow)
---
### Ep33: Web Typography, CSS Patterns and Simple Icons
+ [Typeplate » A typographic starter kit encouraging great type on the Web](http://typeplate.com/)
+ [HTML's New Template Tag: standardizing client-side templating - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/webcomponents/template/)
+ [CSS3 Patterns Gallery](http://lea.verou.me/css3patterns/)
+ [The Beginner's Guide to JavaScript Date and Time](http://www.sitepoint.com/beginners-guide-to-javascript-date-and-time/)
+ [Gumby - A Flexible, Responsive CSS Framework - Powered by Sass](http://gumbyframework.com/)
+ [SVGeezy - a JS plugin for SVG fallbacks](http://benhowdle.im/svgeezy/)
+ [Simple Icons](http://simpleicons.org/)
+ [Mobile Emulation - Chrome Developer Tools — Google Developers](http://developers.google.com/chrome-developer-tools/docs/mobile-emulation)
[Top](#treehouseshow)
---
### Ep34: Accessibility, CSS Architecture, and Web Printing
+ [Pixi.js the 2D webGL and canvas renderer released on github — goodboy©](http://www.goodboydigital.com/pixi-js-is-out/)
+ [Sublimewebinspector](http://sokolovstas.github.com/SublimeWebInspector/)
+ [Intro.js - A better way for new feature introduction and step-by-step users guide](http://usablica.github.com/intro.js/)
+ [CSS Architectures: New Best Practices](http://www.sitepoint.com/css-architectures-new-best-practices/)
+ [Desant - Open source landing pages](http://desantapp.com/)
+ [Printing The Web - drublic](http://drublic.de/blog/printing-the-web/)
+ [Color Oracle](http://colororacle.org/)
[Top](#treehouseshow)
---
### Ep35: JavaScript Tours and Pull Quotes
+ [Trip.js](http://eragonj.github.com/Trip.js/)
+ [Pull Quotes with HTML5 and CSS — miekd](http://miekd.com/articles/pull-quotes-with-html5-and-css/)
+ [jQuery Pin](http://webpop.github.com/jquery.pin/)
+ [Using SVG - CSS-Tricks](http://css-tricks.com/using-svg/)
+ [DevTools Extensions For Web App Developers](http://addyosmani.com/blog/devtools-extensions-for-webapp-developers/)
+ [Almost Flat UI](http://websymphony.net/almost-flat-ui/)
+ [Practical Tips from Top WordPress Pros](http://wp.smashingmagazine.com/2013/03/20/practical-tips-top-wordpress-pros/)
+ [Zurb Foundation 4](http://foundation.zurb.com/)
[Top](#treehouseshow)
---
### Ep36: Sidebar Menus and Icon Stacks
+ [ququplay/jquery-mobile-flat-ui-theme · GitHub](http://github.com/ququplay/jquery-mobile-flat-ui-theme)
+ [Sidr - A jQuery plugin for creating side menus](http://www.berriart.com/sidr/)
+ [Lungo - HTML5 Cross-Device Framework](http://lungo.tapquo.com/)
+ [Conor Muirhead // Designer](http://conor.cc/posts/icon-stacks)
+ [Select2 3.3.2](http://ivaynberg.github.io/select2/)
+ [Tear-able Cloth on CodePen](http://codepen.io/stuffit/pen/KrAwx)
+ [Pickadate.js](http://amsul.ca/pickadate.js/)
+ [Chardin.js](http://heelhook.github.io/chardin.js/)
[Top](#treehouseshow)
---
### Ep37: Sublime Text 2 and Login Forms
+ [Login and Registration Form with HTML5 and CSS3 - Codrops](http://tympanus.net/codrops/2012/03/27/login-and-registration-form-with-html5-and-css3/)
+ [xyCSS.com : xy.css](http://xycss.com/xy/)
+ [CSS @supports](http://davidwalsh.name/css-supports)
+ [Setting up Sublime Text 2 - Alex MacCaw](http://blog.alexmaccaw.com/sublime-text)
+ [Metrize Icons • 300 Icons for Designers & Developers](http://www.alessioatzeni.com/metrize-icons/)
+ [MagicSuggest](http://nicolasbize.github.io/magicsuggest/)
+ [CSS Masking - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/masking/adobe/)
+ [jQuery Best Practices - CodeProject](http://www.codeproject.com/Tips/573781/jQuery-Best-Practices)
[Top](#treehouseshow)
---
### Ep38: JavaScript Design Patterns and CSS Windows
+ [JavaScript Patterns](http://shichuan.github.io/javascript-patterns/)
+ [Crocodoc](http://blog.crocodoc.com/post/46369766700/3d-ifying-documents-using-css-transforms)
+ [windows](http://nick-jonas.github.io/windows/)
+ [csscss by zmoazeni](http://zmoazeni.github.io/csscss/?hn=1)
+ [digitalBush » Masked Input Plugin](http://digitalbush.com/projects/masked-input-plugin/)
+ [Polychart.JS](http://www.polychartjs.com/)
+ [Cypher by djave-co](http://djave-co.github.io/jCypher/)
+ [Dashing](http://shopify.github.io/dashing/)
[Top](#treehouseshow)
---
### Ep39: HTML Video and the Web as a Gaming Platform
+ [Cross browser compatible HTML5 videos - CatsWhoCode.com](http://www.catswhocode.com/blog/cross-browser-compatible-html5-videos)
+ [Mozilla is Unlocking the Power of the Web as a Platform for Gaming - The Mozilla Blog](http://blog.mozilla.org/blog/2013/03/27/mozilla-is-unlocking-the-power-of-the-web-as-a-platform-for-gaming/)
+ [jQuery 2.0 Released - Official jQuery Blog](http://blog.jquery.com/2013/04/18/jquery-2-0-released/)
+ [jQuery Builder](http://projects.jga.me/jquery-builder/)
+ [shame.css – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts](http://csswizardry.com/2013/04/shame-css/)
+ [User Inter Faces](http://uifaces.com/)
+ [Single page apps in depth (a.k.a. Mixu' single page app book)](http://singlepageappbook.com/single-page.html)
+ [Responsive Multi-Level Menu - Codrops](http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/)
[Top](#treehouseshow)
---
### Ep40: iTunes Scrolling and Mobile Shelving
+ [Quick 'n dirty iTunes 11 style scroller - CodePen](http://codepen.io/vaskemaskine/pen/DrdJE)
+ [Sly](http://darsa.in/sly/)
+ [jQuery.Shapeshift](http://mcpants.github.io/jquery.shapeshift/)
+ [Packery](http://packery.metafizzy.co/)
+ [Pure CSS Peeling Sticky - CodePen](http://codepen.io/patrickkunka/pen/axEgL)
+ [Package Managers: An Introductory Guide For The Uninitiated Front-End Developer - Tech.Pro](http://tech.pro/tutorial/1190/package-managers-an-introductory-guide-for-the-uninitiated-front-end-developer)
+ [Niice. A search engine with taste.](http://www.niice.co/)
+ [jakiestfu/Snap.js · GitHub](http://github.com/jakiestfu/Snap.js/)
[Top](#treehouseshow)
---
### Ep41: Reflections, Mobile Typography and Responsive Images
+ [BetterToggle jQuery Plugin](http://jquer.in/betterToggle-jquery-plugin/)
+ [Creating Realistic Reflections On Animated Glossy Elements](http://www.ryancollins.me/?p=404)
+ [Drawscript - convert Illustrator shapes into code](http://drawscri.pt/)
+ [Fullscreen Layout with Page Transitions - Codrops](http://tympanus.net/codrops/2013/04/23/fullscreen-layout-with-page-transitions/)
+ [How To Customize Your CSS Buttons With Pictogram Icons - DesignWoop](http://designwoop.com/2013/04/how-to-customize-your-css-buttons-with-pictogram-icons/)
+ [Typography in Mobile Design: Important Aspects and Examples - Designmodo](http://designmodo.com/mobile-design-typography/)
+ [estelle/clowncar · GitHub](http://github.com/estelle/clowncar)
+ [The Flattening of Design - NYTimes.com](http://bits.blogs.nytimes.com/2013/04/23/the-flattening-of-design/)
[Top](#treehouseshow)
---
### Ep42: Flat UI Colors, Don't do's with jQuery and Usability
+ [Flat UI Colors](http://flatuicolors.com/)
+ [5 Things You Should Stop Doing With jQuery - Flippin' Awesome](http://flippinawesome.org/2013/05/06/5-things-you-should-stop-doing-with-jquery/)
+ [ScriptCraft/docs/YoungPersonsGuideToProgrammingMinecraft.md at master · walterhiggins/ScriptCraft . GitHub](http://github.com/walterhiggins/ScriptCraft/blob/master/docs/YoungPersonsGuideToProgrammingMinecraft.md)
+ [Framer - Prototyping Tool](http://www.framerjs.com/)
+ [Usability checklist - Userium - Catch common usability problems before user testing.](http://userium.com/)
+ [Ghostlab](http://vanamco.com/ghostlab/)
+ [Handy Sass Mixins - Web Design Weekly](http://web-design-weekly.com/2013/05/12/handy-sass-mixins/)
+ [Hammer.js - A javascript library for multi-touch gestures](http://eightmedia.github.io/hammer.js/)
[Top](#treehouseshow)
---
### Ep43: SVG and Icon Fonts, Typography and CSS Sliders
+ [Brackets](http://brackets.io/)
+ [hull, Reconciling SVG and Icon Fonts](http://blog.hull.io/post/47939445232/reconciling-svg-and-icon-fonts)
+ [Ui Parade - Live Tools](http://livetools.uiparade.com/index.html)
+ [Avoiding Unnecessary Paints - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/)
+ [Typeplate » A typographic starter kit encouraging great type on the Web](http://typeplate.com/)
+ [JavaScript Regular Expression Enlightenment - Tech.Pro](http://tech.pro/tutorial/1214/javascript-regular-expression-enlightenment)
+ [Slider with Sliding Backgrounds - CSS-Tricks](http://css-tricks.com/slider-with-sliding-backgrounds/)
+ [ClippyJS - Add Clippy or his friends to any website for instant nostalgia](http://www.smore.com/clippy-js)
[Top](#treehouseshow)
---
### Ep44: HTML5 Features, Responsive CSS Modules and Sass
+ [Movies in Color](http://moviesincolor.com/)
+ [5 HTML5 Features you need to know – Adnane Belmadiaf's Blog](http://daker.me/2013/05/5-html5-features-you-need-to-know.html)
+ [Pure](http://purecss.io/)
+ [Popcorn.js - The HTML5 Media Framework](http://popcornjs.org/)
+ [Sass Style Guide - CSS-Tricks](http://css-tricks.com/sass-style-guide/)
+ [Screensiz.es](http://screensiz.es/)
+ [Principles of Flat Design - Designmodo](http://designmodo.com/flat-design-principles/)
+ [Starters Guide to iOS Design](http://taybenlor.com/2013/05/21/designing-for-ios.html)
[Top](#treehouseshow)
---
### Ep45: UX, Sitemaps and JS Tours
+ [SIX UX](http://sixux.com/)
+ [How to keep up to date on Front-End Technologies - The Recipe](http://uptodate.frontendrescue.org/)
+ [Gif Countdown - Real time updating countdown with automatic time zone detection.](http://gifcountdown.com/)
+ [SlickMap CSS — A Visual Sitemapping Tool for Web Developers - Astuteo™](http://astuteo.com/slickmap)
+ [Tourist.js](http://easelinc.github.io/tourist/)
+ [least.js - Random & Responsive HTML 5, CSS3 Gallery with LazyLoad](http://kamilczujowski.github.io/least/)
+ [Free Responsive Testing Tool - Dimensions](http://www.dimensionsapp.com/)
[Top](#treehouseshow)
---
### Ep46: Responsive Images and HTML5 Form Inputs
+ [Midway.js - Automatically center responsive elements! - A project by Shipp Co.](http://shipp.co/midway/)
+ [Say Goodbye to Painful Image Loads on Small Devices. Say Hello to Interchange. by ZURB](http://zurb.com/article/1211/say-goodbye-to-painful-image-loads-on-sma)
+ [A Guide to the New HTML5 Form Input Types](http://sixrevisions.com/html5/new-html5-form-input-types/)
+ [Prinzhorn/skrollr](http://github.com/Prinzhorn/skrollr)
+ [Flippant.js](http://mintchaos.github.io/flippant.js/)
+ [Yes, you really can make complex webapps responsive](http://adioso.com/blog/2013/06/responsifying-adioso/)
+ [Progression.js](http://git.aaronlumsden.com/progression/#demo)
+ [Ughck. Images. - daverupert.com](http://daverupert.com/2013/06/ughck-images/)
[Top](#treehouseshow)
---
### Ep47: Dev Tool Secrets
+ [Secrets of the Browser Developer Tools - Secrets](http://devtoolsecrets.com/)
+ [iOS7 GUI PSD - Teehan+Lax](http://www.teehanlax.com/tools/ios7/)
+ [JSDB.io - The Database of JavaScript Libraries](http://www.jsdb.io/?sort=trending)
+ [Ladda](http://lab.hakim.se/ladda/)
+ [philipwalton/html-inspector](http://github.com/philipwalton/html-inspector)
+ [simple statistics](http://macwright.org/simple-statistics/)
+ [magic css3 animations](http://www.minimamente.com/magic-css3-animations/)
+ [Creative Button Styles - Codrops](http://tympanus.net/codrops/2013/06/13/creative-button-styles/)
[Top](#treehouseshow)
---
### Ep48: Tablet friendly design, good ui, gif.js
+ [A Couple of Best Practices for Tablet-Friendly Design - CSS-Tricks](http://css-tricks.com/a-couple-of-best-practices-for-tablet-friendly-design/)
+ [gif.js](http://jnordberg.github.io/gif.js/)
+ [PortKit: UX Metaphor Equivalents for iOS & Android](http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-and-android/)
+ [Lunatech Blog: What every web developer must know about URL encoding](http://blog.lunatech.com/2009/02/03/what-every-web-developer-must-know-about-url-encoding)
+ [Native Form Elements](http://nativeformelements.com/)
+ [Prepros :: Compile less, sass, scss, compass, stylus, cofffeescript, jade, haml, slim and markdown with live browser refresh.](http://alphapixels.com/prepros/)
+ [Real Shadow: Photorealistic Shadows](http://indamix.github.io/real-shadow/)
+ [GoodUI](http://goodui.org/)
[Top](#treehouseshow)
---
### Ep49: App Store Screenshots, Regular Expressions, Programming Fonts
+ [Designing App Store “screenshots” by Travis Jeffery of 37signals](http://37signals.com/svn/posts/3553-designing-app-store-screenshots)
+ [Debuggex: The online visual regex tester. Supports JavaScript and PCRE.](http://www.debuggex.com/?flavor=pcre)
+ [Forecast Font](http://forecastfont.iconvau.lt/)
+ [JavascriptOO.com](http://www.javascriptoo.com/)
+ [Style Guide Boilerplate](https://bjankord.github.io/Style-Guide-Boilerplate/)
+ [AngularJS: an Overview - Glenn Stovall](http://glennstovall.com/blog/2013/06/27/angularjs-an-overview/)
+ [CSS filters, GIFs, and performance — What I Learned Building… — Medium](http://medium.com/what-i-learned-building/4364221d6d97)
+ [Slant - What are the best programming fonts?](http://www.slant.co/topics/67/~what-are-the-best-programming-fonts)
[Top](#treehouseshow)
---
### Ep50: OAuth, Canvas, Dev Tools
+ [Meet the Ipsums](http://meettheipsums.com/)
+ [tracking.js](http://www.trackingjs.com/)
+ [Webflow - Design Responsive Websites Visually](http://www.webflow.com/)
+ [OAuth.io - OAuth that just works.](http://oauth.io/#/home)
+ [Stylie. A graphical CSS animation tool.](http://jeremyckahn.github.io/stylie/)
+ [9 Mind-Blowing Canvas Demos](http://davidwalsh.name/canvas-demos)
+ [CSS Zen Garden: The Beauty in CSS Design](http://www.csszengarden.com/)
+ [Chrome DevTools Revolutions 2013 - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/)
[Top](#treehouseshow)
---
### Ep51: JavaScript diagramming, SASS, HTML5 Elements
+ [Macaw - The code-savvy web design tool.](http://macaw.co/)
+ [JointJS - JavaScript diagramming library.](http://jointjs.com/)
+ [Test Responsive Web Design With Our Free Tool - Dimensions App](http://www.dimensionsapp.com/)
+ [SassMeister - The Sass Playground!](http://sassmeister.com/)
+ [Typer from LayerVault](http://cosmos.layervault.com/typer-js.html)
+ [Element Index - HTML5 Doctor](http://html5doctor.com/element-index/)
+ [ZeroClipboard](http://zeroclipboard.github.io/ZeroClipboard/)
[Top](#treehouseshow)
---
### Ep52: Reactive Programming, CSS Spacing, Image Loading
+ [tidyTime.js](http://git.aaronlumsden.com/tidytime.js/)
+ [Ractive.js - next-generation DOM manipulation](http://www.ractivejs.org/)
+ [MockUPhone - One Click to Wrap App Screenshots in Device Mockup!](http://mockuphone.com/)
+ [tracing-framework by Google](http://google.github.io/tracing-framework/index.html)
+ [paulirish/browser-logos](http://github.com/paulirish/browser-logos)
+ [Your app makes me fat — Serious Pony](http://seriouspony.com/blog/2013/7/24/your-app-makes-me-fat)
+ [Spacing The Bottom of Modules - CSS-Tricks](http://css-tricks.com/spacing-the-bottom-of-modules/)
+ [BARREL - Taking Control of Image Loading](http://www.barrelny.com/blog/taking-control-of-imageloading/)
[Top](#treehouseshow)
---
### Ep53: The ClassList API, CSS Frameworks, Animation
+ [The classList API - HTML5 Doctor](http://html5doctor.com/the-classlist-api/)
+ [Animated Books with CSS 3D Transforms - Demo 1](http://tympanus.net/Development/AnimatedBooks/)
+ [Animated GIFs the Hard Way](http://www.sublimetext.com/~jps/animated_gifs_the_hard_way.html)
+ [Topcoat](http://topcoat.io/topcoat/)
+ [KineticJS HTML5 Canvas Framework](http://kineticjs.com/)
+ [Skeuocard by kenkeiter](http://kenkeiter.com/skeuocard/)
+ [Cross Site Request Forgery in JS Web Apps](http://blog.alexmaccaw.com/jswebapps-csrf)
+ [Animate.css](http://daneden.me/animate/)
[Top](#treehouseshow)
---
### Ep54: jQuery Plugins, Autoprefixer, CSS sprites
+ [The Responsinator](http://www.responsinator.com/)
+ [jQuery Boilerplate](http://jqueryboilerplate.com/)
+ [Autoprefixer](https://github.com/ai/autoprefixer)
+ [Glue — glue 0.3 documentation](http://glue.readthedocs.org/en/latest/)
+ [Cardinal — Build more with less.](http://cardinalcss.com/)
+ [Google Nexus Website Menu - Codrops](http://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/)
+ [Salvattore — A jQuery Masonry alternative with CSS-driven configuration.](http://salvattore.com/)
+ [FT Fastclick - FT Labs](http://labs.ft.com/articles/ft-fastclick/)
+ [Subtle Patterns - Free textures for your next web project.](http://subtlepatterns.com/)
[Top](#treehouseshow)
---
### Ep55: Web Typography, JavaScript Progress Bars, CSS 3D
+ [FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width.](http://simplefocus.com/flowtype/)
+ [AdminJS: The Backend-Agnostic Administration Framework](http://adminjs.com/)
+ [Responsive Images with Apropos](http://corner.squareup.com/2013/08/responsive-images-with-apropos.html)
+ [NProgress: slim progress bars in JavaScript](http://ricostacruz.com/nprogress/)
+ [1pxdeep - A flat Bootstrap 3 theme that changes color](http://rriepe.github.io/1pxdeep/)
+ [Thinkful - Javascript Best Practices Part 1](http://www.thinkful.com/learn/javascript-best-practices-1/)
+ [Tridiv - CSS 3D Editor](http://tridiv.com/)
+ [The iOS 7 Design Cheat Sheet - Ivo Mynttinen / User Interface Designer](http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/)
[Top](#treehouseshow)
---
### Ep56: Node.js, CSS Buttons, PNG Compression
+ [Type Hunting](http://typehunting.com/)
+ [Random User Generator](http://randomuser.me/)
+ [Unsplash](http://unsplash.com/)
+ [An Absolute Beginner's Guide to Node.js](http://blog.modulus.io/absolute-beginners-guide-to-nodejs)
+ [Buttons - A CSS button library built with Sass and Compass](http://alexwolfe.github.io/Buttons/)
+ [Compress PNG Images Online](http://compresspng.com/)
+ [Blind - A 1X Web Browser for Retina Displays - Mac OS X](http://blindbrowser.com/)
+ [Formstone / Ben Plum](http://www.benplum.com/formstone/)
[Top](#treehouseshow)
---
### Ep57: CSS3 Multiple Backgrounds, Ember.js, Favicons
+ [Decoupling Your HTML, CSS, and JavaScript — Philip Walton](http://philipwalton.com/articles/decoupling-html-css-and-javascript/)
+ [explainshell.com - match command-line arguments to their help text](http://explainshell.com/)
+ [Introducing CSS3 Multiple Backgrounds - Developer Drive](http://www.developerdrive.com/2013/08/introducing-css3-multiple-backgrounds/)
+ [Ember.js - Ember 1.0 Released](http://emberjs.com/blog/2013/08/31/ember-1-0-released.html)
+ [audreyr/favicon-cheat-sheet](http://github.com/audreyr/favicon-cheat-sheet)
+ [favico.js - Make a use of your favicon](http://lab.ejci.net/favico.js/)
+ [iOS Dev Tools](http://ios.devtools.me/)
+ [jpillora/xdomain](http://github.com/jpillora/xdomain)
+ [UIBox - Tag: typeahead](http://www.uibox.in/tag/typeahead)
[Top](#treehouseshow)
---
### Ep58: The Main Element, jQuery CLNDR, Keystrokes
+ [The main element - HTML5 Doctor](http://html5doctor.com/the-main-element/)
+ [HandJS - Home](http://handjs.codeplex.com/)
+ [Height equals width with pure CSS](http://www.mademyday.de/css-height-equals-width-with-pure-css.html)
+ [Git Tips For Beginners Interested In Open Source](http://markjberger.com/blog/git-tips-for-beginners-interested-in-open-source)
+ [CLNDR.js](http://kylestetz.github.io/CLNDR/)
+ [Mousetrap - Keyboard shortcuts in Javascript](http://craig.is/killing/mice)
+ [Why cards are the future of the web - Inside Intercom](http://insideintercom.io/why-cards-are-the-future-of-the-web/)
+ [ChocolateChip-UI](http://www.chocolatechip-ui.com/)
+ [Formbuilder.js by dobtco](http://dobtco.github.io/formbuilder/)
[Top](#treehouseshow)
---
### Ep59: Form Validation, Safari Push Notifications, JavaScript Performance
+ [Formance.js by Omar Shammas](http://omarshammas.github.io/formancejs)
+ [Photon - CSS 3D Lighting Engine](http://photon.attasi.com/)
+ [json.human.js - Json Formatting for Human Beings](http://marianoguerra.github.io/json.human.js/)
+ [Pattern Lab](http://pattern-lab.info/)
+ [Safari Push Notifications - Apple Developer](http://developer.apple.com/notifications/safari-push-notifications/)
+ [dat.GUI](http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage)
+ [jsPerf: JavaScript performance playground](http://jsperf.com/)
+ [D3.js - Data-Driven Documents](http://d3js.org/)
[Top](#treehouseshow)
---
### Ep60: CSS Animations, CSS Sprites, Form Building
+ [parallax.js](http://wagerfield.github.io/parallax/index.html)
+ [animo.js • Labs by Big Room Studios](http://labs.bigroomstudios.com/libraries/animo-js)
+ [Formbuilder.js by dobtco](http://dobtco.github.io/formbuilder/)
+ [completely.js](http://complete-ly.appspot.com/)
+ [Easily Remove Image Backgrounds Online - Clipping Magic](http://clippingmagic.com/)
+ [jpillora/xdomain](http://github.com/jpillora/xdomain)
+ [WebGL Filter](http://evanw.github.io/webgl-filter/)
+ [Spritemapper](http://yostudios.github.io/Spritemapper/)
[Top](#treehouseshow)
---
### Ep61: Request Autocomplete, Navicons, CSS Preprocessing
+ [requestAutocomplete - take my money, not my time - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/forms/requestautocomplete/)
+ [Navicon Transformicons](http://codepen.io/bennettfeely/details/twbyA)
+ [Prerender - AngularJS SEO, BackboneJS SEO, or EmberJS SEO](http://prerender.io/)
+ [ProCSSor - Advanced CSS Prettifier](http://procssor.com/)
+ [jonathanstark/FastActive · GitHub](http://github.com/jonathanstark/FastActive)
+ [Optimizing UI icons for faster recognition « Boxes and Arrows](http://boxesandarrows.com/optimizing-ui-icons-for-faster-recognition/)
+ [benweet/stackedit · GitHub](http://github.com/benweet/stackedit/)
[Top](#treehouseshow)
---
### Ep62: CSS Position: fixed-sticky, Flexbox, Google Web Designer
+ [filamentgroup/fixed-sticky · GitHub](https://github.com/filamentgroup/fixed-sticky)
CSS position:sticky is really in its infancy in terms of browser support. In stock browsers, it is currently only available in iOS 6. In Chrome you can enable it by navigating to chrome://flags and enabling experimental “WebKit features” or “Web Platform features” (Canary).
+ [elclanrs/jq-idealforms · GitHub](https://github.com/elclanrs/jq-idealforms)
The ultimate framework for building and validating responsive HTML5 forms.
+ [Focus transition](http://n12v.com/focus-transition/)
Keyboard navigation has a major downside: it’s not clear where the focus moves upon pressing the Tab key. Animation makes the transition more apparent.
+ [wilsonpage/fastdom · GitHub](https://github.com/wilsonpage/fastdom)
Eliminates layout thrashing by batching DOM read/write operations
+ [Solved By Flexbox — Cleaner, hack-free CSS](http://philipwalton.github.io/solved-by-flexbox/)
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
+ [Top Drawer - A smooth dropdown menu for responsive web design - Experiment #5](http://www.jordanm.co.uk/lab/topdrawer)
To demonstrate smoother reveal menus in small contexts using CSS3 rather than animating with JavaScript.
+ [Google Web Designer](http://www.google.com/webdesigner/)
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.
+ [Full Screen Mario](http://www.fullscreenmario.com/)
Full Screen Mario is a fully HTML5 remake of the original Super Mario Brothers. You can play the original levels, play through some of literally millions of possible random maps, or create your own using the level editor. This whole project is open source and free.
[Top](#treehouseshow)
---
### Ep63: Responsive Design, Rich Text Editing, Squircles
+ [Responsive Design Knowledge Hub](http://www.ugurus.com/responsive-design)
A simple well designed hub to access Responsive Design resources.
+ [Sir Trevor JS - Made by Many](http://madebymany.github.io/sir-trevor-js/)
An intuitive editor for web content which does not presuppose anything about how it will be rendered.
+ [UIPlayGround - CSS 3 Icons - CSS 3 Icons Generator - CSS 3 Icons Code Generator](http://www.uiplayground.in/css3-icons/)
Over 200 easy to use CSS3 Icons. It will reduce the http Requests for you, too.
+ [Git/Github Resources - Brad Frost Web](http://bradfrostweb.com/blog/post/gitgithub-resources/)
Great resources on how to learn working with git.
+ [Making iOS 7 squircles using CSS3](http://thecodeplayer.com/walkthrough/css3-squircles)
How to make SQUIRCLES. Learn easy by TheCodePlayer.com
+ [hr.js](http://friendcode.github.io/hr.js/)
Build large client-side applications in a structured way.
+ [Full Screen Mario](http://www.fullscreenmario.com/)
Super Mario in Fullscreen
+ [Welcome - Polymer](http://www.polymer-project.org/)
Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.
[Top](#treehouseshow)
---
### Ep64: Touchscreen UI events, Sprite and checkbox animation, Lo-Dash
+ [Touche.js](http://benhowdle.im/touche/)
It removes the delay that happen when you touch an element on page with your touch-screen device.
+ [Motio](http://darsa.in/motio/)
Small JavaScript library for sprite based animations and panning
+ [GridForms](http://kumailht.com/gridforms)
A tiny Javascript/CSS framework that helps you make forms on grids with ease.
+ [Animated Checkboxes and Radio Buttons with SVG](http://tympanus.net/codrops/2013/10/15/animated-checkboxes-and-radio-buttons-with-svg/)
Animation and SVG used for checkbox/radio
+ [Lo-Dash](http://lodash.com/)
A utility library delivering consistency, customization, performance, & extras. You will find it pretty fascenating if you've used Undescore.js .
+ [CircleType.js](http://circletype.labwire.ca/)
Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle
+ [Odometer](http://github.hubspot.com/odometer/docs/welcome/)
TRANSITION NUMBERS WITH EASE
+ [Frontend Dev Bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)
A huge list of frontend development resources I collected over time. Pull requests are welcome. Website coming soon.
+ [TreehouseShow](https://github.com/MHM5000/TreehouseShow)
This awesome List that **YOU** are scrolling right now! Thanks Treehouse. ;)
[Top](#treehouseshow)
---
### Ep65: Contrast Ratio, Favicons, Offline Web Apps
+ [Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!](http://leaverou.github.io/contrast-ratio/)
A great tool for Contrast Ratio
+ [Favicon Generator - Generate favicon pictures and HTML](http://realfavicongenerator.net/)
Favicon Generator. For real.
+ [Ionicons: The premium icon font for Ionic Framework](http://ionicons.com/)
A great icon font Licensed under MIT.
+ [Zeros in JavaScript](http://zero.milosz.ca/)
Crazy Javascript zeros!
+ [Responsive design, screens, and shearing layers — Unstoppable Robot Ninja](http://unstoppablerobotninja.com/entry/responsive-web-design-screens-and-shearing-layers/)
A great read on RWD.
+ [offline](http://github.hubspot.com/offline/)
Improve the experience of your app when your users lose connection.
+ [Snazzy Maps - Color Schemes for Google Maps](http://snazzymaps.com/?page=2)
Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.
[Top](#treehouseshow)
---
### Ep66: JavaScript Formatting, Pie Charts, SVG Animation
+ [Pixelkit/PixelKit-Bootstrap-UI-Kits](http://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits)
Free UI Kits built on Bootstrap for any developer that wants to build a cool looking and functional website. Enjoy!
+ [formatter.js by firstopinion](http://firstopinion.github.io/formatter.js/)
Format user input to match a specified pattern
+ [Lazy Line Painter](http://lazylinepainter.info/)
A JQUERY PLUGIN FOR SVG PATH ANIMATION
+ [Snap.svg - Home](http://snapsvg.io/)
The JavaScript SVG library for the modern web.
+ [PhysicsJS - A modular, extendable, and easy-to-use physics engine for javascript](http://wellcaffeinated.net/PhysicsJS/)
A modular, extendable, and easy-to-use physics engine for javascript
+ [airbnb/javascript](https://github.com/airbnb/javascript)
JavaScript Style Guide
+ [Creating Non-Rectangular Layouts with CSS Shapes](http://sarasoueidan.com/blog/css-shapes/index.html)
A great read on Creating Non-Rectangular Layouts with CSS Shapes.
+ [stickUp - a free jQuery Plugin](http://lirancohen.github.io/stickUp/)
A simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view.
+ [Pizza Pie Charts - Playground from ZURB](http://zurb.com/playground/pizza-pie-charts)
Creating responsive pie charts for any device is a piece of pie.
[Top](#treehouseshow)
---
### Ep67: Responsive HTML Emails, JavaScript Techniques, WebGL
+ [Responsive HTML Emails: a Different Strategy - Fog Creek Blog](http://blog.fogcreek.com/responsive-html-emails-a-different-strategy/)
A good read on RWD in Emails.
+ [Frequently Misunderstood JavaScript Concepts](http://bolinfest.com/javascript/misunderstood.html)
Frequently Misunderstood JavaScript Concepts.
+ [Building an amazing fullscreen mobile experience - HTML5 Rocks](http://www.html5rocks.com/en/mobile/fullscreen/)
Building an amazing fullscreen mobile experience.
+ [Creditcard.js](http://creditcardjs.com/)
Make your Payment forms a little better.
+ [WebGL Shaders with Firefox Developer Tools](http://hacks.mozilla.org/2013/11/live-editing-webgl-shaders-with-firefox-developer-tools/)
Live editing WebGL shaders with Firefox Developer Tools
+ [getify/You-Dont-Know-JS](http://github.com/getify/You-Dont-Know-JS)
A JavaScript book series launched through Kickstarter
+ [Techniques for Responsive Typography - Codrops](http://tympanus.net/codrops/2013/11/19/techniques-for-responsive-typography/)
A good read on Typography.
[Top](#treehouseshow)
---
### Ep68: JavaScript Templating, Flexbox, DevTools
+ [End Dash](http://www.enddash.com/)
EndDash is a two-way binding javascript templating framework built on top of semantic HTML
+ [The Ultimate Flexbox Cheat Sheet](http://www.sketchingwithcss.com/samplechapter/cheatsheet.html)
THE ULTIMATE FLEXBOX CHEAT SHEET
+ [Badoo Tech Blog :: 5 Advanced Javascript and Web Debugging Techniques You Should Know About](http://techblog.badoo.com/blog/2013/11/18/5-advanced-javascript-and-web-debugging-techniques-you-should-know-about/)
5 advanced techniques which web developers can use to reduce the time they spend debugging and squash challenging bugs by using new tools available to us
+ [Animated Opening Type - Codrops](http://tympanus.net/codrops/2013/11/14/animated-opening-type/)
A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions.
+ [DevTools Snippets](http://bgrins.github.io/devtools-snippets/)
A collection of helpful snippets to use inside of browser devtools
+ [Color Template](http://www.rocket-design.fr/color-template/)
Choose the right color for your designs.
+ [Advanced JavaScript Debugging with console.table()](http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable)
Learn about a nifty little JavaScript debugging feature which is part of Chrome's developer tools.
[Top](#treehouseshow)
---
### Ep69: JavaScript Footnotes, Geographic Autocompletion, Sortable Lists
+ [Bigfoot](http://cmsauve.com/labs/bigfoot/)
A jQuery plugin for empowering footnotes.
+ [Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin - Smashing Magazine](http://www.smashingmagazine.com/2013/11/15/specctr-an-adobe-illustrator-plugin-freebie/)
Blueprints For Web And Print.
+ [Geocomplete - jQuery Geocoding and Places Autocomplete Plugin](http://ubilabs.github.io/geocomplete/)
An advanced jQuery plugin that wraps the Google Maps API's Geocoding and Places Autocomplete services.
+ [OriDomi - origami for the web](http://oridomi.com/)
Fold the DOM like paper.
+ [List.js - Search, sort, filters, flexibility to tables, list and more!](http://listjs.com/)
Tiny, invisible and simple, yet powerful and incredibly fast vanilla Javascript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.
+ [Perfection kills » Exploring canvas drawing techniques](http://perfectionkills.com/exploring-canvas-drawing-techniques/)
Canvas and designing.
+ [Sortable – Sorting tables since 2007](http://github.hubspot.com/sortable/docs/welcome/?hnd2)
Drop-in script to make your tables sortable.
+ [CSS Alignment and Sizing](http://timseverien.nl/2013/10/css-alignment-and-sizing/)
Alignment and sizing
[Top](#treehouseshow)
---
### Ep70: URL Rewriting, Responsive Emails, QR Codes
+ [URL Rewriting for the Fearful ? 24 ways](http://24ways.org/2013/url-rewriting-for-the-fearful/)
URL Rewriting
+ [GitHub Résumé](http://resume.github.io/)
Easily make résumé out of your github.
+ [AutoJS by atmb4u](http://atmb4u.github.io/AutoJS/)
Helps you write faster than ever.
+ [Ink: A Responsive Email Framework from ZURB](http://zurb.com/ink/)
Quickly create responsive HTML emails that work on any device & client. Even Outlook.
+ [qrcode.js](http://davidshimjs.github.io/qrcodejs/)
Make QRCode with js.
+ [The HTML5 meter Element - CSS-Tricks](http://css-tricks.com/html5-meter-element/)
HTML meter Element
+ [Prism](http://prismjs.com/)
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.
+ [A Collection of Section Separators](http://tympanus.net/Development/SectionSeparators/)
A collection of separator styles for horizontally dividing sections on a website.
[Top](#treehouseshow)
---
### Ep71: Animated GIFs for Documentation, Chrome DevTools for Mobile, Grunt
+ [Creating Animated GIFs for Documentation - David Smith](http://david-smith.org/blog/2013/12/02/creating-animated-gifs-for-documentation/)
A good article on Creating Animated GIFs for Documentation
+ [Chrome DevTools for Mobile: Screencast and Emulation - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/developertools/mobile/)
Chrome DevTools for Mobile
+ [Grunt for People Who Think Things Like Grunt are Weird and Hard ? 24 ways](http://24ways.org/2013/grunt-is-not-weird-and-hard/)
If you think Grunt is hard, just read this Article!
+ [Bulletproof email buttons - Campaign Monitor](http://buttons.cm/)
Design gorgeous buttons using progressively enhanced VML and CSS.
+ [Headroom.js](http://wicky.nillia.ms/headroom.js/)
Give your pages some headroom. Hide your header until you need it.
+ [Duo, the browser for responsive web development from Electric Pulp](http://helloduo.com/)
A new way to see Responsive Web Development.
+ [JavaScript Promises: There and back again - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/es6/promises/)
JavaScript Promises: There and back again
+ [jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent](http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/)
A jQuery plugin for extracting dominant colors from images and applying it to its parent.
[Top](#treehouseshow)
---
### Ep72: Dynamic Tables, Progress Button Styles, Spinkit
+ [Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more](http://www.dynatable.com/)
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it's not just for tables.
+ [Progress Button Styles](http://tympanus.net/Development/ProgressButtonStyles/)
Creative effects for loading buttons
+ [300ms tap delay, gone away - HTML5Rocks Updates](http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away)
Remove touch delay.
+ [SpinKit - Simple CSS Spinners](http://tobiasahlin.com/spinkit/)
A collection of loading indicators animated with CSS
+ [zertosh/jquery-audit](https://github.com/zertosh/jquery-audit)
jQuery Audit is a Chrome Developer Tools extension for auditing jQuery.
+ [Freestyle - Pixate](http://www.pixate.com/freestyle/)
Freestyle is a simple, powerful way to define the look and feel of your app, via structured CSS and Sass.
+ [Zoomerang.js](http://yyx990803.github.io/zoomerang/)
is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.
[Top](#treehouseshow)
---
### Ep73: Sprite Generation, Native HTML5 Apps, Color Schemes
+ [The Sprite Generator (beta) » Stupid Apps](http://apps.stupid-studio.com/)
The Sprite Generator (beta) - Unlimited frames, high FPS, full control.
+ [Tools - Intel® Developer Zone](http://software.intel.com/en-us/html5/tools)
Develop, emulate, test-on-device and build apps like never before.
+ [Colors](http://clrs.cc/)
A nicer color palette for the web.
+ [ckundo/access_lint](https://github.com/ckundo/access_lint)
Check for web accessibility errors from Ruby
+ [Planetary.js: Awesome interactive globes for the web](http://planetaryjs.com/)
Awesome interactive globes for the web
+ [Magnifier.js demo](http://mark-rolich.github.io/Magnifier.js/)
Magnifier.js is a Javascript library enabling magnifying glass effect on an images.
+ [Hover.css - A collection of CSS3 powered hover effects](http://ianlunn.github.io/Hover/)
A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on.
+ [Placeit - Generate Product Screenshots in Realistic Environments](https://placeit.net/)
Generate Product Screenshots in Realistic Environments!
[Top](#treehouseshow)
---
### Ep74: JavaScript Tips and Tricks, Typography, HTML5 Game Development
+ [45 Useful JavaScript Tips, Tricks and Best Practices](http://flippinawesome.org/2013/12/23/45-useful-javascript-tips-tricks-and-best-practices/)
45 Useful JavaScript Tips, Tricks and Best Practices
+ [csswizardry/typecsset](https://github.com/csswizardry/typecsset)
A small Sass library for setting type on the web.
+ [Smooth image loading by upscaling](http://spadgos.github.io/blog/2014/01/08/smooth-image-loading-by-upscaling/)
A technique to make the loading of images appear smoother and faster
+ [Shape Hover Effect with SVG](http://tympanus.net/codrops/2014/01/07/shape-hover-effect-with-svg/)
Recreate the hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for animating it on hover.
+ [Slip.js](http://pornel.net/slip/)
Swiping and reordering lists of elements on touch screens, no fuss.
+ [Butterick's Practical Typography](http://practicaltypography.com/)
This book will make you a better typographer
+ [Best jQuery Plugins of 2013](http://webdesignledger.com/tools/best-jquery-plugins-of-2013)
Best jQuery Plugins of 2013.
+ [Phaser - Desktop and Mobile HTML5 game framework](http://phaser.io/)
A free, fast and flexible framework for HTML5 game creation
[Top](#treehouseshow)
---
### Ep75: Flexible Navigation, JavaScript Good Parts, CSS Animation Tricks
+ [FlexNav - A jQuery Plugin for Responsive Menus](http://jasonweaver.name/lab/flexiblenavigation/)
Navigation for flexible layouts.
+ [JS: The Right Way](http://jstherightway.org/)
A great collection of articles on different methods of developing your JavaScript
+ [Download Bootstrap 3 UI Kit](http://bootstrapuikit.com/)
A vector UI kit for bootstrap 3
+ [Fit.js » Fit things into other things](http://soulwire.github.io/fit.js/)
Fit DOM elements into other DOM elements
+ [CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More - CSS-Tricks](http://css-tricks.com/css-animation-tricks/)
CSS animations
+ [countUp.js](http://inorganik.github.io/countUp.js/)
Counter animations
+ [Design the Details: Empty States by @hamishmcneill — Realmac Software Blog](http://realmacsoftware.com/blog/design-the-details-empty-states)
A blog pody on designing an empty state
+ [Windows Chrome, why do my fonts look so bad? - Lee Green](http://lee.greens.io/blog/2014/01/13/windows-chrome/)
A blog post about a web font bug in Google Chrome
[Top](#treehouseshow)
---
### Ep76: Gulp, Kinetic Scrolling, Page Visibility
+ [Getting started with gulp — Mark Goodyear — Front-end developer and designer](http://markgoodyear.com/2014/01/getting-started-with-gulp/)
A task management system
+ [ariya/kinetic](https://github.com/ariya/kinetic)
Kinetic scrolling in JS
+ [Ifvisible.js by serkanyersen](http://serkanyersen.github.io/ifvisible.js/)
Checks if current page is visible
+ [matthieua/jackInTheBox](https://github.com/matthieua/jackInTheBox)
Reveals animations as you scroll
+ [Avoiding anonymous JavaScript functions](http://toddmotto.com/avoiding-anonymous-javascript-functions/)
Why to avoid anonymous JS functions
+ [Your guide to the best Google web fonts - Whats the Closest Google Font?](http://joelcrawfordsmith.com/new/content/your-guide-best-google-web-fonts)
Find the closest google web font alternative to any font
+ [Yo Polymer -- A Whirlwind Tour Of Web Component Tooling - HTML5Rocks Updates](http://updates.html5rocks.com/2014/01/Yo-Polymer-A-Whirlwind-Tour-Of-Web-Component-Tooling)
Create a jukebox application
+ [Bulletproof Accessible Icon Fonts - Filament Group, Inc., Boston, MA](http://filamentgroup.com/lab/bulletproof_icon_fonts)
A blog post about icon fonts
[Top](#treehouseshow)
---
### Ep77: Sass Mixins, JavaScript Coding, Git Tips
+ [Z63 - 8 Sass mixins you must have in your toolbox](http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/)
Eight Sass mixins to include in your toolbox
+ [Firefox Notes - Desktop](http://www.mozilla.org/en-US/firefox/27.0/releasenotes/)
Firefox 27 has been released!
+ [Sass: Mixin or Placeholder?](http://www.sitepoint.com/sass-mixin-placeholder/)
A blog post about Sass
+ [A re-introduction to JavaScript (JS Tutorial) - JavaScript - MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)
A blog post about JS
+ [carrot/share-button](https://github.com/carrot/share-button)
A single share button that includes them all
+ [Git tips from the trenches](https://ochronus.com/git-tips-from-the-trenches/)
Tips for using Git
+ [A List Apart Pattern Library](http://patterns.alistapart.com/)
A pattern library
[Top](#treehouseshow)
---
### Ep78: Origami, HTML 5 Game Development, Form Labels
+ [Origami - Design prototyping with Quartz Composer](http://facebook.github.io/origami/)
A project from Facebook for prototyping
+ [Molecule - HTML5 game development framework](www.moleculejs.net)
HTML5 game development framework
+ [Image Lightbox, Responsive and Touch?friendly — Osvaldas Valutis](http://osvaldas.info/image-lightbox-responsive-touch-friendly)
An image lightbox
+ [fronteed/iCheck](https://github.com/fronteed/iCheck)
Custom checkboxes and more
+ [Form Label Design – David Bushell – Web Design & Front-end Development](http://dbushell.com/2013/11/08/form-label-design/)
Form label design blog post
+ [You Might Not Need jQuery](http://youmightnotneedjquery.com/)
When you might not need jQuery
+ [Origins of Common UI Symbols](https://readymag.com/shuffle/ui-symbols/)
Origins of symbols
[Top](#treehouseshow)
---
### Ep79: Front-End Development Guidelines, Sublime Text, Sass and Compass
+ [Tmw-frontend-guidelines](http://tmwagency.github.io/TMW-frontend-guidelines/)
A guide for frontend development
+ [Sublimall](http://sublimall.org/)
Keep your sublime settings synced
+ [Sache: Find Sass and Compass Extensions for your next project](http://www.sache.in/)
Discover Sass and Compass extentions
+ [InstantClick – JS lib to make your website instant](http://instantclick.io/)
Drematically speed up your website's navigation
+ [CSS A/Z](http://cssaz.tumblr.com/)
A HTML and CSS animation for each letter
+ [Go ahead, with the Treehouse Show - Eight Arms, London](http://eightarms.co.uk/blog/go-ahead-with-the-treehouse-show/)
A blog post about the Treehouse Show
+ [Hemingway](http://www.hemingwayapp.com/)
Makes your writting bold and clear
+ [Mozilla localForge](http://mozilla.github.io/localForage/)
Improves the offline experiance of your web application
[Top](#treehouseshow)
---
### Ep80: Sandboxed iFrames, Progress Element, Responsive Screenshots
+ [Play safely in sandboxed IFrames - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/)
Set your iframe's permissions
+ [angular translate - i18n for your Angular apps, made easy.](http://angular-translate.github.io/)
Translate your apps
+ [Liquidapsive (Liqui-dap-sive)](http://liquidapsive.com/)
Static vs Liquid vs Responsive vs Adaptive
+ [sindresorhus/pageres](https://github.com/sindresorhus/pageres)
Generate sceenshots
+ [Progress.js - Themeable progress bar library](http://usablica.github.io/progress.js/)
A progress indication
+ [Dug.js — A JSONP to HTML Script — Rog.ie](http://rog.ie/blog/dugjs-a-jsonp-to-html-script)
JSONP to HTML
+ [Grid](http://www.adamkaplan.me/grid/)
A Simple guide to responsive design
+ [Snugug/north](https://github.com/Snugug/north)
Design and development standards to align and guide your project
[Top](#treehouseshow)
---
### Ep81: Outdated UX Patterns, Learn Angular JS, Lazy Ads
+ [jimbojsb/launchrocket](https://github.com/jimbojsb/launchrocket)
Start and stop services installed with homebrew
+ [raphaelcruzeiro/jquery-notebook](https://github.com/raphaelcruzeiro/jquery-notebook)
WYSIWYG editor
+ [Tether – Marrying elements for life](http://github.hubspot.com/tether/docs/welcome/)
Marrying elements for life
+ [Outdated UX patterns and alternatives](http://sideproject.io/outdated-ux-patterns/)
Alternatives to UX patterns
+ [How to Learn AngularJS - Your AngularJS Sherpa - ng-newsletter](http://www.ng-newsletter.com/posts/how-to-learn-angular.html)
An introduction to AngularJS
+ [Why you should move that button 3px to the left - Google Ventures](http://www.gv.com/lib/design-details)
Why you should perfect the details
+ [madgex/lazy-ads](http://github.com/madgex/lazy-ads)
Responsive design for your ads
+ [CSS Shake](http://elrumordelaluz.github.io/csshake/)
CSS animations
[Top](#treehouseshow)
---
### Ep82: Web Font Generators, ECMAScript 6 Features, Accessibility
+ [Web Font Generator for Mac OSX - FontPrep](http://fontprep.com/)
Generate web fonts
+ [Code Guide by @mdo](http://mdo.github.io/code-guide/)
A guide for well written code
+ [Free mobile and web prototyping for designers - Marvel](https://www.marvelapp.com/)
Prototype websites, web applications, etc...
+ [lukehoban/es6features](https://github.com/lukehoban/es6features)
Features of JS 6
+ [Accessibility and Building a web for everyone because sometimes it's not all about us](http://negativitysandwiches.com/accessibility-and-building-a-web-for-everyone-because-sometimes-its-not-all-about-us/)
Why accessibility is important
+ [Promise Anti-patterns](http://taoofcode.net/promise-anti-patterns/)
A blog post about promise anti-patterns
+ [GraphicBurger - Tasty PSD & other resources made with care for each pixel. Free for both personal & commercial use. Have a bite!](http://graphicburger.com/)
Awesome resources
+ [nanobar.js](http://nanobar.micronube.com/)
Progress bar
[Top](#treehouseshow)
---
### Ep83: Web Icons, Webshims, jQuery Coding Standards
+ [Iconic](https://useiconic.com/)
SVG Icon set with support for CSS customisation
+ [First Time User Experiences](http://firsttimeux.tumblr.com/)
Tumblr blog on empty states
+ [Webshim](http://afarkas.github.io/webshim/demos/index.html#)
Use HTML5 across browsers
+ [Wirefy](http://getwirefy.com/)
A simple frontend framework for prototyping
+ [jQuery Coding Standards and Best Practices](http://lab.abhinayrathore.com/jquery-standards/)
jQuery best practices
+ [Random User Generator - FREE Photoshop Extension](http://randomuser.me/extension/)
Generate users for designing interfaces in photoshop
+ [ScrollMagic - Demo](http://janpaepke.github.io/ScrollMagic/)
Parrallax scrolling
+ [The Gamepad API ? Mozilla Hacks – the Web developer blog](https://hacks.mozilla.org/2013/12/the-gamepad-api/)
A gamepad API
[Top](#treehouseshow)
---
### Ep84: CSS Frameworks, Facebook Predictions API, Development Techniques
+ [Bootstrap Foundation Five](http://bootstrapfoundationfive.github.io)
A new CSS framework based on bootstrap and foundation
+ [Facebook Predictions API](http://predictions.github.io)
Make predictions on what a user will do next
[Top](#treehouseshow)
---
### Ep85: Flexbox - CSS and Sass Style Guides - HTML Frameworks
+ [Flexbox in the Real World](http://www.planningforaliens.com/blog/2014/03/11/real-world-flexbox/)
How to use flexbox in the best case scenario
+ [My Current CSS and Sass Styleguide](http://www.sitepoint.com/css-sass-styleguide/)
A CSS and SASS styleguide
+ [x-gif](http://geelen.github.io/x-gif/)
A gif tag with awesome features
+ [MixItUp](https://mixitup.kunkalabs.com/)
Filter & Sort Jquery plugin
+ [Bootflat](http://bootflat.github.io/index.html)
A flat theme for bootstrap
+ [Getting started with Grunticon - The Iconfinder Blog](http://blog.iconfinder.com/get-started-with-grunticon/)
A blog post on getting started with Grunticon
+ [uberVU/grid](https://github.com/ubervu/grid)
Drag and drop library for two-dimensional, resizable and responsive lists
+ [Framework7 - Full Featured HTML Framework For Building iOS7 Apps](http://www.idangero.us/framework7/)
Full Featured HTML Framework For Building iOS Apps
[Top](#treehouseshow)
---
### Ep86: Really Good Emails - Credit Card Detection - Epic Editor
+ [Really Good Emails - The Best Email Designs in the Universe (that came into my inbox)](http://reallygoodemails.com/)
The Best Email Designs in the Universe
+ [Error Handling in Nodejs - Developer Center - Joyent](http://www.joyent.com/developers/node)
Error Handling in Nodejs
+ [Refills](http://refills.bourbon.io/)
Prepackaged patterns and components
+ [How to correctly detect credit card type](http://creditcardjs.com/credit-card-type-detection)
How to correctly detect credit card type
+ [Font-To-Width](http://font-to-width.com/)
Fit text to a specific width
+ [Speaking JavaScript](http://speakingjs.com/)
Free JavaScript e-book
+ [EpicEditor](http://epiceditor.com/)
An embeddable JavaScript Markdown editor
+ [Debugging Asynchronous JavaScript with Chrome DevTools - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/)
Debugging Asynchronous JavaScript with Chrome DevTools
[Top](#treehouseshow)
---
### Ep87: Creating Style Guides - Writing Interface Copy - Ratchet
+ [Creating Style Guides · An A List Apart Article](http://alistapart.com/article/creating-style-guides)
How to make style guides
+ [From Google Ventures: 5 Rules For Writing Great Interface Copy - Co.Design - business + design](http://www.fastcodesign.com/3026463/from-google-ventures-5-rules-for-writing-great-interface-copy)
5 rules for writing great interface copy
+ [Ratchet](http://goratchet.com/)
Front end mobile framework
+ [elementTransitions.js](http://dan-silver.github.io/ElementTransitions.js/)
A wrapper around the code provided by a [codrops article](http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/). Their code has been modified to allow more than one animatable element per page
+ [Magic Animations CSS3](http://www.minimamente.com/magic-css3-animations-by-minimac/)
CSS animations framework
+ [tiimgreen/github-cheat-sheet](https://github.com/tiimgreen/github-cheat-sheet)
Github cheat sheet
+ [John Resig - Write Code Every Day](http://ejohn.org/blog/write-code-every-day/)
A blog post about writing code every day
+ [vis.js - a dynamic, browser-based visualization library](http://visjs.org/)
A dynamic, browser-based visualization library
[Top](#treehouseshow)
---
### Ep88: Gulp - Sketch 3 - Bud
+ [gulp.js - the streaming build system](http://gulpjs.com/)
A streaming build system
+ [What is new in Sketch 3 — Medium](http://medium.com/p/4b92d8b25f3)
New features in Sketch 3
+ [azer/bud](http://github.com/azer/bud)
Another build system...
+ [qrohlf/trianglify](http://github.com/qrohlf/trianglify)
JavaScript library for making lowpoly backgrounds
+ [sindresorhus/multiline](http://github.com/sindresorhus/multiline)
Multiline strings in JavaScript
+ [How to Use steps() in CSS Animations - Designmodo](http://designmodo.com/steps-css-animations/)
How to use steps() in CSS animations
+ [PACE — Automatic page load progress bars](http://github.hubspot.com/pace/docs/welcome/)
An automatic page load progress bar
+ [Pesticide - Kill Your CSS Layout Bugs](http://pesticide.io/)
Faster CSS layout debugging
[Top](#treehouseshow)
---
### Ep89: Typography - Sidebars - Style Guides
+ [typebase.css: The starting point for good typography on the web](http://devinhunt.github.io/typebase.css/)
A minimal and customisable typography stylesheet
+ [timuric/Content-generator-sketch-plugin](https://github.com/timuric/Content-generator-sketch-plugin)
A Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc
+ [Slidebars](http://plugins.adchsm.me/slidebars/)
A jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website
+ [felixge/node-style-guide](https://github.com/felixge/node-style-guide)
A guide for styling your node.js / JavaScript code
+ [Improve the payment experience with animations — Medium](https://medium.com/p/3d1b0a9b810e)
A blog post about improving the payment experience
+ [The PourOver Book · PourOver](http://nytimes.github.io/pourover/)
A library for simple, fast filtering and sorting of large collections
+ [CSS Vocabulary](http://apps.workflower.fi/vocabs/)
Terms for parts of CSS
+ [Fluidbox (v1.3) - CodePen](http://codepen.io/terrymun/full/JKHwp)
Simple and responsive lightbox
[Top](#treehouseshow)
---
### Ep90: Voodoo - Responsive Tables - JavaScript Graphs
+ [Voodoo - A Next Generation Internet](http://www.voodoojs.com/)
Easily mix 2D and 3D content together on the same page.
+ [Responsive tables](http://gergeo.se/RWD-Table-Patterns/)
A solution for responsive tables with complex data
+ [Isomer -- an isometric graphics library for HTML5 canvas](http://jdan.github.io/isomer/)
An isometric graphics library for HTML5 canvas
+ [Dygraphs](http://dygraphs.com/)
Javascript charting library
+ [Labelmask - Brad Frost Web](http://bradfrostweb.com/blog/post/labelmask/)
Blog post about labelmask
+ [Seven JavaScript Quirks I Wish I'd Known About - Telerik Developer Network](http://developer.telerik.com/featured/seven-javascript-quirks-i-wish-id-known-about/)
Common quirks in JavaScript
+ [Flexplorer](http://bennettfeely.com/flexplorer/)
Explore how different flexbox properties work and interact with different elements
[Top](#treehouseshow)
---
### Ep91: Path Animation - Sidebar Transitions - Icons
+ [Advanced animation path » legomushroom](http://blog.legomushroom.com/2014/03/defining-advanced-animation-path/)
Advanced animation paths with svg
+ [Velocity.js](http://julian.com/research/velocity/)
A drop in replacement for jQuery's .animate function with better performance
+ [Sidebar Transitions](http://tympanus.net/Development/SidebarTransitions/)
Transition effects for off-canvas sidebars
+ [Feather: 130 Free Icons by Cole Bemis](http://colebemis.com/feather/)
A growing library of simple icons
+ [Open Iconic, a free and open icon set](https://useiconic.com/open)
Iconic (a robust icon set) is now open source!
+ [Home — Google Web Fundamentals](https://developers.google.com/web/fundamentals/)
Best practices when making websites
+ [Eight Bit Color Picker](http://bilalq.github.io/eight-bit-color-picker/)
Color picker widget with no dependencies
+ [NYTimes/ice](https://github.com/NYTimes/ice)
A plugin for editable content
[Top](#treehouseshow)
---
### Ep92: Morphing Buttons - Rangeslider - Declarative Animations
+ [sandropaganotti/pull-and-zoom](https://github.com/sandropaganotti/pull-and-zoom)
A library that zooms the header while a user pulls the body of a mobile page
+ [Morphing Buttons Concept - Codrops](http://tympanus.net/codrops/2014/05/12/morphing-buttons-concept/)
Inspiration for revealing content by morphing buttons
+ [rangeslider.js](http://andreruffert.github.io/rangeslider.js/)
A simple jQuery polyfill for the range slider for the HTML5 range slider element
+ [WTF, forms?](http://wtfforms.com/)
Friendlier HTML form controls with a little CSS magic,
+ [Quill - An Open Source Rich Text Editor with an API](http://quilljs.com/)
A rich text editor built for the modern web
+ [Realistic terrain in 130 lines](http://www.playfuljs.com/realistic-terrain-in-130-lines/)
Realistic terrain in 130 lines
+ [AniJS, Declarative handling library for CSS animations](http://anijs.github.io/)
A Library to Raise your Web Design without Coding
+ [Bezier Curves and Type Design: A Tutorial - Learn - Scannerlicker!](http://learn.scannerlicker.net/2014/04/16/bezier-curves-and-type-design-a-tutorial/)
A tutorial on how bezier curves work
[Top](#treehouseshow)
---
### Ep93: Parallax - StyleStats - Uncss
+ [Parallax Done Right — Medium](https://medium.com/@dhg/82ced812e61c)
Tips for implementing parallax scrolling
+ [Picturefill](http://scottjehl.github.io/picturefill/)
A JavaScript polyfill from the responsive images community group
+ [StyleStats - Useful tool to collect CSS statistics](http://www.stylestats.org/)
Statistics about stylesheets
+ [Luis Abreu: Why and How to avoid Hamburger Menus](https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/)
The issues with hamburger menus and the alternatives
+ [uncss: Find Unused CSS](http://davidwalsh.name/uncss)
Checks if you have any CSS that you're not using
+ [leemunroe/grunt-email-design](https://github.com/leemunroe/grunt-email-design)
A Grunt workflow for designing and testing HTML email templates with SCSS
[Top](#treehouseshow)
---
### Ep94:Web Design Manual - Script-Injected - Flow.js
+ [Web Design Field Manual](http://webfieldmanual.com/)
Web design resources
+ [Script-injected "async scripts" considered harmful - igvita.com](https://www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/)
Script-injected "async scripts" considered harmful
+ [The Scroll Up Bar - The Usability Post](http://usabilitypost.com/2014/05/24/the-scroll-up-bar/)
A blog post talking about the scroll up bar design pattern
+ [Angular file upload - flow.js](http://flowjs.github.io/ng-flow/)
JavaScript library that allows you to have multiple simultaneous, stable and resumable uploads via the HTML5 file API
+ [Compressor.io - optimize and compress your images and photos](http://compressor.io/)
Compress and optimize images with up to 90% file size reduction
+ [A Hacker's Guide to Git - Wildly Inaccurate](https://wildlyinaccurate.com/a-hackers-guide-to-git)
A thorough git tutorial
[Top](#treehouseshow)
---
### Ep95: App js - LoopBack - SVGO
+ [App.js - Mobile webapps made easy](http://code.kik.com/app/2/index.html)
A lightweight JavaScript UI library for creating mobile webapps that behave like native apps
+ [svg/svgo-gui](https://github.com/svg/svgo-gui)
A node webkit based GUI for SVGO
+ [LoopBack](http://loopback.io/)
API server powered by Node JS
+ [Single Element CSS Spinners](http://projects.lukehaas.me/css-loaders/)
Single Element CSS Spinners
+ [JavaScript Memory Profiling - Google Chrome](https://developer.chrome.com/devtools/docs/javascript-memory-profiling)
A blog post about JavaScript memory profiling
+ [Skippr. A jQuery plugin for creating tasteful slideshows.](http://iamapioneer.com/plugins/skippr/)
A lightweight fast slideshow plugin for jQuery
[Top](#treehouseshow)
---
### Ep96: jQuery Plugins - Progress Bars - HTTP API Design
+ [Selectize.js](http://brianreavis.github.io/selectize.js/)
A hybrid of a textbox and select box
+ [pullpush - jQuery and JavaScript plugins and libraries](http://pullpu.sh/)
(BROKEN) A curated library of quality, well maintained jQuery and plain JS plugins and libraries
+ [NumberProgressBar](http://kalasoo.github.io/NumberProgressBar/)
Progress bar inspired by [daimajia](https://github.com/daimajia/NumberProgressBar)
+ [interagent/http-api-design](https://github.com/interagent/http-api-design)
HTTP API design guide extracted from work on the Heroku Platform API
+ [Profound Grid - A grid system for fixed and fluid layouts](http://www.profoundgrid.com/)
A responsive grid system for fixed and fluid layouts. Built in SCSS
+ [demosthenes.info -- Slash Page Load Times With CSS Font Subsetting](http://demosthenes.info/blog/878/Slash-Page-Load-Times-With-CSS-Font-Subsetting)
A blog post about slashing page load times with css font subsetting
[Top](#treehouseshow)
---
### Ep97: Data-binding Techniques - CSS Techniques - Zepto.js
+ [Data-binding Revolutions with Object.observe() - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/es7/observe/)
A blog post about a new (as of May 20th, 2014) part of JavaScript that lets you watch objects for changes
+ [icholy/ttygif](https://github.com/icholy/ttygif)
Convert terminal recordings to animated gifs
+ [Let's Make a Bubble Map](http://bost.ocks.org/mike/bubble-map/)
How to make a bubble map with D3.js and TopoJSON
+ [Single Responsibility - Drew Barontini](http://drewbarontini.com/articles/single-responsibility/)
The principles of OOP in CSS
+ [Zepto.js: the aerogel-weight jQuery-compatible JavaScript library](http://zeptojs.com/)
A small, jQuery-compatible jQuery replacement
+ [David Walsh on Redesigning with Sass - CSS-Tricks](http://css-tricks.com/redesigning-with-sass/)
A blog post about redesigning with SASS
[Top](#treehouseshow)
---
### Ep98: Dev.Opera — Getting to know CSS Blend Modes
+ [Dev.Opera — Getting to know CSS Blend Modes](https://dev.opera.com/articles/getting-to-know-css-blend-modes/)
Blend modes (like in Photoshop) in CSS
+ [Stella.js](http://markdalgleish.com/projects/stellar.js/)
A jQuery plugin for parallax scrolling
+ [Adaptive Placeholders - The Circle Blog](http://blog.circleci.com/adaptive-placeholders/)
Placeholders that adapt into labels
+ [Hide your header on scroll - Headroom.js](http://wicky.nillia.ms/headroom.js/)
A lightweight JavaScript widget that hides the header until you scroll up again
+ [Inspiration for Article Intro Effects - Codrops](http://tympanus.net/codrops/2014/05/22/inspiration-for-article-intro-effects/)
Blog post header transitions
+ [Landing Proxy.app](http://blog.websecurify.com/2014/02/landing-proxy-app.html)
A proxy for verifying and watching HTTP requests
[Top](#treehouseshow)
---
### Ep99: Inline Anchor Styles - Steady Scrolling - Web Speech API
+ [Inline Anchor Styles](http://tympanus.net/codrops/2014/06/04/inspiration-for-inline-anchor-styles/)
Styles and effects for links
+ [Steady.js](ttp://lafikl.github.io/steady.js/)
Performance scrolling with media queries
+ [voice-elements](http://zenorocha.github.io/voice-elements/)
Web components for text to speech, and speech to text
+ [JS NICE: Statistical renaming, Type inference and Deobfuscation](http://jsnice.org/)
Un-minify JavaScript
+ [Sketch Tutorial_01 — Medium](https://medium.com/@KounterB/sketch-tutorial_01-b76271a095e3)
How to use Sketch
+ [jquery.matchHeight.js - a more robust equal heights plugin for jquery](http://brm.io/jquery-match-height/)
Makes selected elements equal in height
[Top](#treehouseshow)
---
### Ep100: CSS will-change Property - HTML5 Forms - Vertical Align
+ [Dev.Opera — Everything You Need to Know About the CSS will-change Property](https://dev.opera.com/articles/css-will-change-property/)
Blog post about the will-change CSS property
+ [HTML5 Forms: JavaScript and the Constraint Validation API](http://www.sitepoint.com/html5-forms-javascript-constraint-validation-api/)
A blog post about HTML5 form validation
+ [Bounce.js](http://bouncejs.com/)
Easily create CSS animations
+ [Z63 - Vertical align anything with just 3 lines of CSS - zerosixthree](http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/)
A solution to vertical alignment
+ [dc.js - Dimensional Charting Javascript Library](http://dc-js.github.io/dc.js/)
A javascript charting library
+ [A Couple of Use Cases for Calc() - CSS-Tricks](http://css-tricks.com/a-couple-of-use-cases-for-calc/)
Calculation in css
[Top](#treehouseshow)
---
### Ep101: CSS will-change Property - HTML5 Forms - Vertical Align
+ [Share: The Icon No One Agrees On - BOLD by Pixelapse](https://bold.pixelapse.com/minming/share-the-icon-no-one-agrees-on)
Blog post about all the different share icons
+ [TTLabs/EvaporateJS](https://github.com/TTLabs/EvaporateJS)
A JavaScript library for directly uploading files to Amazon S3 from your webpage
+ [Web Starter Kit](https://developers.google.com/web/starter-kit/index?hl=en)
Boilerplate & Tooling for Multi-Device development
+ [Read JavaScript Allongé - Leanpub](https://leanpub.com/javascript-allonge/read)
A book about JavaScript
+ [What Every Frontend Developer Should Know About Webpage Rendering — Frontend Babel](http://frontendbabel.info/articles/webpage-rendering-101/)
A blog post about webpage rendering
+ [Odyssey.js](http://cartodb.github.io/odyssey.js/)
A simple way for journalists, designers, and creators to weave interactive stories
[Top](#treehouseshow)
---
### Ep102: UI Kits - Internet Explorer Development Tools - Fast.js
+ [rafaelconde/ios8-ui-kit](https://github.com/rafaelconde/ios8-ui-kit)
And extended and updated to iOS 8 UI Kit for Sketch
+ [Announcing Internet Explorer Developer Channel - IEBlog](http://blogs.msdn.com/b/ie/archive/2014/06/16/announcing-internet-explorer-developer-channel.aspx)
Developer version of IE, similar to Google Chrome Canary and Firefox nightly
+ [Ideas for Subtle Hover Effects - Codrops](http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/)
Inspiration for subtle hover effects
+ [codemix/fast.js](https://github.com/codemix/fast.js)
Small JavaScript library that replaces some of JavaScript's built in functions with faster versions
+ [Headstart](http://www.headstart.io/)
An easy to use automated front end setup
+ [Epoch by Fastly](http://fastly.github.io/epoch/)
A real-time charting library for building visualizations
[Top](#treehouseshow)
---
### Ep103: Human JavaScript - Interactive Graphs - Sidecomments
+ [Introduction - Human JavaScript](http://read.humanjavascript.com/)
An ebook about writting good JavaScript that can be read by humans
+ [The Simpsons in CSS](http://pattle.github.io/simpsons-in-css/)
The Simpsons characters made with HTML and CSS
+ [Rickshaw: A JavaScript toolkit for creating interactive time-series graphs](http://code.shutterstock.com/rickshaw/)
A library for creating interactive time series graphs
+ [Find Guidelines - The fastest way to brand assets.](http://findguidelin.es/)
Quickly find brand guidelines
+ [Side Comments - Medium.com style commenting](http://aroc.github.io/side-comments-demo/.)
JavaScript to give your site Medium.com style side comments
[Top](#treehouseshow)
---
### Ep104: Pixels - Web Components - The Hamburger Menu
+ [Aerotwist - Pixels are expensive](http://aerotwist.com/blog/pixels-are-expensive/)
Article about how pixels get onto your users' screens
+ [Why Web Components Aren't Ready for Production... Yet -Telerik Developer Network](http://developer.telerik.com/featured/web-components-arent-ready-production-yet/)
Why Web Components aren't ready for production
+ [The origin of the hamburger icon](https://www.evernote.com/shard/s207/sh/022f2237-4b4f-4096-87f2-053acd228c2d/ede2672bc3f39a1b0232f84e01ca0a83?utm_content=buffer84840&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer)
A video showing where the hamburger icon came from
+ [Papa Parse](http://papaparse.com/)
Powerful CSV parser for Javascript
+ [molly.is/saying](http://molly.is/saying/no-more-put-a-skirt-on-it/)
A blog post about the problem with avatars
[Top](#treehouseshow)
---
### Ep105: SVG Backgrounds - Breach - FastShell
+ [PatternBolt](http://buseca.github.io/patternbolt/)
A selection of SVG pattern backgrouns packed in a single CSS or SCSS file
+ [DomFlags - devtools extension to create keyboard shortcuts to DOM elements](http://domflags.com/)
Keyboard shortcuts to DOM elements
+ [Breach - A browser for the HTML5 era](http://breach.cc/)
A modular, hackable, and open source browser
+ [FastShell: HTML5, Sass and JavaScript boilerplate for Gulp](http://hosseinkarami.github.io/fastshell/)
Fast front-end boilerplate and workflows
+ [The "Just In Time" Theory of User Behavior](http://blog.codinghorror.com/the-just-in-time-theory/)
Why you should present information as the user needs it rather than just giving a manual
[Top](#treehouseshow)
---
### Ep106: Responsive Logos - Waves - Pagekit
+ [Responsive Logos](http://responsivelogos.co.uk/)
Responsive design applied to logos
+ [Waves](http://fian.my.id/Waves/)
Add material design inspired click and hover effects to buttons
+ [Page Kit](http://pagekit.com/)
A modern CMS to create and share
+ [DevDocs](http://devdocs.io/)
Quickly find documentation
+ [Dev.Opera — Responsive Images: Use Cases and Documented Code Snippets to Get You Started](https://dev.opera.com/articles/responsive-images/)
A blog post about the picture element
[Top](#treehouseshow)
---
### Ep107: Reading jQuery Source Code - HTML 5 Video Captions - Flexbox
+ [18 Surprises From Reading jQuery's Source Code - Quick Left Boulder Colorado](http://quickleft.com/blog/18-surprises-from-reading-jquery-s-source-code)
18 surprising facts about jQuery
+ [Can I use... Support tables for HTML5, CSS3, etc](http://caniuse.com/)
Browser support tables for different things
+ [Adding captions and subtitles to HTML5 video](https://hacks.mozilla.org/2014/07/adding-captions-and-subtitles-to-html5-video/)
How to add captions and subtitles to HTML5 video
+ [Flexbox Based Responsive Equal Height Blocks With JavaScript Fallback — Osvaldas Valutis](http://osvaldas.info/flexbox-based-responsive-equal-height-blocks-with-javascript-fallback)
How to use CSS's flexbox to set equal height
+ [Please JS](http://www.checkman.io/please/)
Javascript to randomly generate colours
[Top](#treehouseshow)
---
### Ep108: Practical Typography - Date Pickers - Form Builders
+ [Butterick’s Practical Typography](http://practicaltypography.com/)
A guide to practical typography
+ [Shoelace - Visual Bootstrap 3 Grid Builder](http://shoelace.io/)
Visual bootstrap builder
+ [Creating distraction-free reading experiences — azumbrunnen](http://azumbrunnen.me/blog/creating-distraction-free-reading-experiences/)
How to make distraction-free reading experiences
+ [Rome](http://bevacqua.github.io/rome/)
Dependency free, opt-in UI, customisable date (and time) picker
+ [Pure CSS One Div Weather Animated Icons - CodePen](http://codepen.io/fbrz/full/iqtlk)
Weather icon animations made using CSS and one div per icon
[Top](#treehouseshow)
---
### Ep109: CSS Triggers - Fireshell - Responsive Design
+ [The Web Manifest specification - HTML5 Doctor](http://html5doctor.com/web-manifest-specification/)
Article from html5doctor.com about the web manifest specification
+ [CSS Triggers...](http://csstriggers.com/)
A site which tells you whether a CSS filter will cause a layout, paint, or composite change to help you improve page performance
+ [FireShell](http://getfireshell.com/)
Fiercely quick front-end boilerplate and workflows, HTML5, Grunt, Sass.
+ [How we make RWD sites load fast as heck - Filament Group, Inc., Boston, MA](http://www.filamentgroup.com/lab/performance-rwd.html)
An article outlining "observations and approaches to delivering sites for speed and broader access"
+ [way.js](http://gwendall.github.io/way/)
a simple, lightweight, persistent, framework-agnostic javascript library that allows you to bind DOM elements to an in-memory datastore
[Top](#treehouseshow)
---
### Ep110: Chrome Dev Tools - heatmap.js - Device Mockups
+ [Tell Chrome Developer Tools to use a dark theme - howchoo](http://howchoo.com/g/tell-chrome-developer-tools-to-use-a-dark-theme)
Dark theme for Google Chrome's developer tools
+ [Heatmap.js - Dynamic Heatmaps for the Web](http://www.patrick-wied.at/static/heatmapjs/)
lightweight, easy to use JavaScript library to help you visualize your three dimensional data
+ [HTML5 device mockups](https://github.com/pixelsign/html5-device-mockups)
HTML5 mockups of popular devices
+ [Comprehensive Beginner's Guide to AngularJS - AntJanus](http://antjanus.com/blog/web-development-tutorials/front-end-development/comprehensive-beginner-guide-angularjs/)
Beginner's guide to AngularJS
+ [Enduring CSS: writing style sheets for rapidly changing, long-lived projects - Author and responsive web developer Ben Frain](http://benfrain.com/enduring-css-writing-style-sheets-rapidly-changing-long-lived-projects/)
How to structure CSS that's going to be used on a large scale
[Top](#treehouseshow)
---
### Ep111: DPI - Responsive Charts - Media Queries
+ [Designer's Guide to DPI](http://sebastien-gabriel.com/designers-guide-to-dpi)
Introduction to DPI and PPI
+ [Charlist - Simple reponsive](http://gionkunz.github.io/chartist-js/)
Responsive JavaScript charts
+ [7 Habits of Highly Effective Media Queries - Brad Frost Web](http://bradfrostweb.com/blog/post/7-habits-of-highly-effective-media-queries/)
Considerations for writing high-quality media queries
+ [Victor.js - 2D Vectors for JavaScript](http://victorjs.org/)
JavaScript 2D vector maths library for Node.js and the browser
+ [Pure CSS parallax scrolling websites - Keith Clark](http://blog.keithclark.co.uk/pure-css-parallax-websites/)
Article demonstrating "how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website"
[Top](#treehouseshow)
---
### Ep112: DPI - Responsive Charts - Media Queries
+ [Favicons, Touch Icons, Tile Icons, etc. What All Do You Need? - CSS-Tricks](http://css-tricks.com/favicon-quiz/)
Quiz about favicons, touch icons, tile icons, etc.
+ [jonom/jquery-focuspoint · GitHub](https://github.com/jonom/jquery-focuspoint)
Dynamically crop images to fill available space without cutting out the image's subject for 'responsive cropping'
+ [Making SVGs Responsive with CSS - Codrops](http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/)
Article explaining how to use CSS to make SVGs responsive
+ [Timesheet.js - Open time tables with HTML, JavaScript and CSS …](http://semu.github.io/timesheet.js/)
Develop time sheets with HTML5 and CSS3
+ [CSS Guidelines](http://cssguidelin.es/)
High-level advice and guidelines for writing sane, manageable, scalable CSS
[Top](#treehouseshow)
---
### Ep113: API Responses - Font Compression - Tab Styles
+ [DataCollection.js](http://thestorefront.github.io/DataCollection.js/)
"Manipulate data from API responses with ease"
+ [Dev.Opera — Native Responsive Images](https://dev.opera.com/articles/native-responsive-images/)
Article about responsive images
+ [Speed Up Your Bootstrap and Font-Awesome Sites Using Font Compression - Zoompf Web Performance](http://zoompf.com/blog/2014/08/bootstrap-fonts)
Using apache to compress fonts
+ [Tab Styles Inspiration - Codrops](http://tympanus.net/codrops/2014/09/02/tab-styles-inspiration/)
"A couple of modern and subtle tab styles and effects for your inspiration"
+ [Advanced objects in JavaScript](http://bjorn.tipling.com/advanced-objects-in-javascript)
A thorough blog post explaining how to create objects in javascript
[Top](#treehouseshow)
---
### Ep114: Centering in CSS, Responsive Lightboxes, Dynamic Animations
+ [Centering in CSS: A Complete Guide - CSS-Tricks](http://css-tricks.com/centering-css-complete-guide/)
A guide from Chris Coyier with the aim of making centering in CSS less painful
+ [TURNBOX.js - NOHT CO.,LTD.](http://noht.co.jp/turnbox)
A jQuery plugin for rotating cuboid animations
+ [Implulse](http://impulse.luster.io/)
(BROKEN)
+ [Strip - A Less Intrusive Responsive Lightbox](http://www.stripjs.com/)
A lightbox that only partially covers the page
+ [drawer - blivesta · drawer](http://git.blivesta.com/drawer/)
Flexible drawer menu using jQuery, iScroll and CSS.
[Top](#treehouseshow)
---
### Ep115: Touch Events, Font Downloads, Native Webapps
+ [HotStudio/touchy](https://github.com/HotStudio/touchy)
A Jquery plugin for handling touch events in mobile devices
+ [Minimising font downloads - JakeArchibald.com](http://jakearchibald.com/2014/minimising-font-downloads/)
A blog post about how to minimize font downloads
+ [touchSwipe](http://labs.rampinteractive.co.uk/touchSwipe/demos/)
Another Jquery plugin for touch devices (mainly used for swiping)
+ [iOS 8 and iPhone 6 for web developers and designers: next evolution for Safari and native webapps - Breaking the Mobile Web](http://www.mobilexweb.com/blog/safari-ios8-iphone6-web-developers-designers)
A very long blog post about iOS 8 and iPhone 6
+ [Web Components punch list - The Paciello Group – Your Accessibility Partner](http://www.paciellogroup.com/blog/2014/09/web-components-punch-list/)
A blog post about web components
[Top](#treehouseshow)
---
### Ep116: CSS Shapes, Responsive Images, Angular JS
+ [Getting Started with CSS Shapes: Wrapping content around custom paths - HTML5 Rocks](http://www.html5rocks.com/en/tutorials/shapes/getting-started/)
A blog post about css shapes
+ [SweetAlert](https://sweetalert.js.org/)
A Javascript project designed to be a replacement for the javascript build-in alert-function
+ [Animating Images With CSS Keyframes - Pencil Scoop - Web Design & Development](http://www.pencilscoop.com/2014/04/animating-images-with-css-keyframes/)
A blog post about animating images with css keyframes
+ [AngularJS Tutorial: a comprehensive 10,000 word guide](http://www.airpair.com/angularjs)
A AngularJS tutorial
+ [aFarkas/respimage](https://github.com/aFarkas/respimage)
A responsive images polyfill
[Top](#treehouseshow)
---
### Ep117: OS X Apps, Fixed Headers, Arrays
+ [Building OS X Apps with JavaScript by Tyler Gaw](http://tylergaw.com/articles/building-osx-apps-with-js)
A blog post about buildings osx apps with javascript
+ [csstyle Clean, Simple Styling for the Web](https://github.com/geddski/csstyle)
A modern approach for crafting beautifully maintainable stylesheets
+ [zzmp/juliusjs](https://github.com/zzmp/juliusjs)
A speech recognition library for the web
+ [Midnight.js - Switch fixed headers on the fly](http://aerolab.github.io/midnight.js/)
A Javascript project that allows you to switch fixed headers on the fly
+ [5 Array Methods That You Should Be Using Now - colintoh.com](http://colintoh.com/blog/5-array-methods-that-you-should-use-today)
A blog post about array methods
[Top](#treehouseshow)
---
### Ep118: Page Transitions, Designing for Thumbs, Concise
+ [Concise / Welcome](http://concisecss.com/)
A front-end framework
+ [How To Add Page Transitions with CSS and smoothState.js - CSS-Tricks](http://css-tricks.com/add-page-transitions-css-smoothstate-js/)
A blog post about about adding page transitions with css and smoothstate.js
+ [How to design for thumbs in the Era of Huge Screens - Scott Hurff](http://scotthurff.com/posts/how-to-design-for-thumbs-in-the-era-of-huge-screens)
A blog post about how design for thumbs in mobile devices with big screens
+ [Converse.js](https://conversejs.org/)
A Javascript plugin that allows to add xmpp chat client in a website
+ [Pushy - Off-Canvas Navigation Menu](http://www.christopheryee.ca/pushy/)
A responsive off-canvas navigation menu using css transforms and transitions
[Top](#treehouseshow)
---
### Ep119: SVG Animations, Charts, Color Palettes
+ [Coolors - The super fast color palettes generator!](http://coolors.co/dacdbd-f2b8a0-ef97a3-df5c7e-d4486f)
A website that generates different color schemes
+ [vivus.js - svg animation](http://maxwellito.github.io/vivus/)
A Javascript plugin for animating svg
+ [9 basic principles of responsive web design](http://blog.froont.com/9-basic-principles-of-responsive-web-design/)
A blog post about responsive web design
+ [MetricsGraphics.js - a library based on D3.js, optimized for visualizing and laying out time-series data](http://metricsgraphicsjs.org/)
A library based on d3.js for creating charts
+ [Type Genius](http://www.typegenius.com/)
A website that helps you find a perfect font combo
[Top](#treehouseshow)
---
### Ep120: Web Performance, Material UI, SQL Charts
+ [Perf.Rocks](http://www.perf.rocks/)
A website that helps you find resourses about web performance
+ [Material UI - Material Design React Components](http://material-ui.com/#/)
A tiny css framework and a set of react components that implement google's material design
+ [gka/chroma.js](https://github.com/gka/chroma.js)
A Javascript library for color manipulations
+ [CSS Dig](http://cssdig.com/)
A chrome extension for analysing css files in the browser
+ [FnordMetric - Framework for building beautiful real-time dashboards](https://github.com/get-wrecked/fnordmetric)
A project that allows you to create charts from sql
[Top](#treehouseshow)
---
### Ep121: Multi-Touch Gestures, UI Logic, SVG Animation
+ [interact.js - JavaScript drag and drop, resizing and gestures with inertia and snapping](http://interactjs.io/)
A Javascript library that supports drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers
+ [Let the Browser Handle Your UI Logic for You - Parse Blog](http://blog.parse.com/2014/11/10/let-the-browser-handle-your-ui-logic-for-you/)
+ [Purplecoat.js - Simple Labeled Overlays](http://ellekasai.github.io/purplecoat.js/)
A Javacript plugin that lets you create overlays on elemeents
+ [ConnorAtherton/walkway](https://github.com/ConnorAtherton/walkway)
An svg animation library
+ [native_javascript_data_binding](http://www.sellarafaeli.com/blog/native_javascript_data_binding)
A blog post about native javascript data binding
[Top](#treehouseshow)
---
### Ep122: Lazy Image Loading, Underlining Text, Scrolling
+ [aFarkas/lazysizes](https://github.com/aFarkas/lazysizes)
A css and javascript library for high performance lazy loader for images
+ [ScrollIt.js](http://www.bytemuse.com/scrollIt.js/)
A javascript plugin for scrolling pages
+ [Smarter Link Underlines For Every Website - Eager Blog](https://eager.io/blog/smarter-link-underlines/)
A blog post about a css technique for adding link underlines
+ [How To Scroll](http://bost.ocks.org/mike/scroll/)
A blog post with collection of tips on how to scroll
+ [Furtive CSS](http://furtive.co/)
A css micro framework
[Top](#treehouseshow)
---
### Ep123: Accessibility, Drag and Drop Interaction, Emojis
+ [Practical ARIA Examples](http://heydonworks.com/practical_aria_examples/)
A blog post about aria examples
+ [Drag and Drop Interaction Ideas - Codrops](http://tympanus.net/codrops/2014/11/11/drag-and-drop-interaction-ideas/)
A blog about drag and drop interaction ideas
+ [Twitter Emoji (Twemoji)](http://twitter.github.io/twemoji/)
A open source emoji library made by twitter
+ [Everybody Scrolls.](http://hugeinc.com/ideas/perspective/everybody-scrolls)
A blog post about usability best pratices of scrolling
+ [HTML5 accessibility - work in progress November 2014](http://www.html5accessibility.com/)
A blog post about accessibility of all the new html5 attributes across browsers
[Top](#treehouseshow)
---
### Ep124: JavaScript Frameworks, Icons, Text on Images
+ [Evil Icons](http://evil-icons.io/)
A svg icon pack
+ [Researching the Performance costs of JavaScript MVC Frameworks - Filament Group, Inc., Boston, MA](http://www.filamentgroup.com/lab/mv-initial-load-times.html)
A article about performance of popular javascript frameworks
+ [http://css-tricks.com/design-considerations-text-images/](http://css-tricks.com/design-considerations-text-images/)
A blog post about design considerations when using text on top of images
+ [The offline cookbook - JakeArchibald.com](http://jakearchibald.com/2014/offline-cookbook/)
A blog post about appcache
+ [Responsive Type With Only CSS — Medium](https://medium.com/@ryanallen_com/responsive-type-with-only-css-82b846370cc9)
A article about responsive type
[Top](#treehouseshow)
---
### Ep125: Skeleton, AngularJS, The Fold
+ [Skeleton: Responsive CSS Boilerplate](http://getskeleton.com/)
A css framework
+ [JonathanZWhite/AngularJS-Resources](https://github.com/JonathanZWhite/AngularJS-Resources)
A collection of angularks resources
+ [There is no fold.](http://thereisnofold.tumblr.com/)
A series of "twits" about the fold
+ [Lazy-loading Google Maps — Osvaldas Valutis](http://osvaldas.info/lazy-loading-google-maps)
A blog post about lazy-loading google maps
+ [Free Icons - Best Icon Packs for Commercial Web Use](http://ash.guru/free-web-icons/)
A blog post about best free icon packs for commercial web use
[Top](#treehouseshow)
---
### Ep126: Font Families, Hamburger Menus, Flux
+ [fontfamily.io](http://fontfamily.io/)
A website about compatibility tables for default local fonts
+ [all this](http://bjorn.tipling.com/all-this)
(BROKEN)
+ [Testing The Hamburger Icon for More Revenue](http://conversionxl.com/testing-hamburger-icon-revenue/)
A article about testing the hamburger icon for more revenue
+ [What is the Flux Application Architecture? — Brigade Engineering — Medium](https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e)
A article that explains the flux application architecture
+ [UX Project Checklist](http://uxchecklist.github.io/)
[Top](#treehouseshow)
---
### Ep127: Time Pickers, Decimals, Text Areas
+ [ClockPicker](http://weareoutman.github.io/clockpicker/)
A time picker for bootstrap or jquery
+ [MikeMcl/decimal.js](https://github.com/MikeMcl/decimal.js)
A arbitrary-precision decimal type for javascript
+ [International Telephone Input](http://jackocnr.com/intl-tel-input.html)
A jquery plugin for entering and validating international telephone numbers
+ [Squire](http://neilj.github.io/Squire/)
A html5 rich text editor
+ [State of Web Type](http://stateofwebtype.com/beta/?utm_source=html5weekly&utm_medium=email)
(BROKEN)
+ [Poor Man's Styleguide - A frontend styleguide for the pragmatic](http://www.poormansstyleguide.com/)
A frontend styleguide for the pragmatic
[Top](#treehouseshow)
---
### Ep128: Icons, Cheat Sheets, Font Pairing
+ [icono](http://saeedalipoor.github.io/icono/)
A css icon set
+ [tiimgreen/github-cheat-sheet](https://github.com/tiimgreen/github-cheat-sheet)
A github cheat sheet
+ [The challenge for web designers in 2015 (or how to cheat at the future)](http://blog.memespring.co.uk/2015/01/17/the-challenge-for-web-designers-in-2015/)
+ [Essential JavaScript Links](Essential JavaScript Links)
A collection of essential javascript links
+ [Font Pair - Helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.](http://fontpair.co/)
A website that helps you pair google fonts for possible beautiful combinations
[Top](#treehouseshow)
---
### Ep129: Field Validation, CSS Reference, Progress Bars
+ [Introducing FieldVal - Multipurpose JavaScript Validation Library](http://www.minoblog.io/fieldval/)
Broken
+ [Matter.js - a 2D rigid body JavaScript physics engine](http://brm.io/matter-js/#demo)
A 2D javascript physics engine
+ [Mprogress.js](http://lightningtgc.github.io/MProgress.js/)
A javascript pluging that creates progress linear bar from google material design
+ [CSS Reference - Codrops](http://tympanus.net/codrops/css_reference/)
A css reference
+ [vissense/vissense](https://github.com/vissense/vissense)
A utility library for observing visibility changes of dom elements
+ [The Gooey Effect - CSS-Tricks](http://css-tricks.com/gooey-effect/)
A blog post about making gooey effect using css and svg filters
[Top](#treehouseshow)
---
### Ep130: Flexbox, Javascript Charts, Syntax Highlighting
+ [Experiment: Using Flexbox Today - Chris Wright](http://chriswrightdesign.com/experiments/using-flexbox-today/)
A article about using flexbox
+ [Taucharts — Javascript charts with a focus on design and flexibility.](http://www.taucharts.com/)
A javascript charts library
+ [CSS Ruler • Explore CSS lengths.](http://katydecorah.com/css-ruler/)
A chart for css ruler
+ [highlight.js](https://highlightjs.org/)
A javascript plugin for syntax fighlighting
+ [shade](http://jxnblk.com/shade/?mc_cid=35a1324048&mc_eid=c7eb941b44)
A mathematicaly derived gradient explorer
[Top](#treehouseshow)
---
### Ep131: Origami, React, Responsive Hero Images
+ [Introducing Origami Live and Origami 2.0 — Medium](https://medium.com/@bwalkin/introducing-origami-live-and-origami-2-0-a68116294e65)
A blog post about Origami 2.0
+ [React Tips and Best Practices - ÆFLASH](http://aeflash.com/2015-02/react-tips-and-best-practices.html)
A article about react tips and best pratices
+ [Responsive Hero Images Cloud Four Blog](http://blog.cloudfour.com/responsive-hero-images/)
A blog post about responsive hero images
+ [Selz/plyr](Selz/plyr)
A html5 media player with custom controls and webvtt captions
+ [Fonts In Use – Type at work in the real world.](http://fontsinuse.com/)
A website that shows you what fonts are being used in a website
[Top](#treehouseshow)
---
### Ep132: Polygon Art, Colors, Scrolling
+ [Animated Polygon Art - Gray Ghost Visuals Press](http://blog.grayghostvisuals.com/js/animated-polygon-art/)
A blog post about animated polygon art
+ [jQuery Unveil - A very lightweight plugin to lazy load images](http://luis-almeida.github.io/unveil/)
A jquer plugin to lazy load images
+ [It’s Only Color](https://robots.thoughtbot.com/Its-only-color)
A blog post about color theory
+ [ByNathan/jQuery.scrollSpeed](https://github.com/ByNathan/jQuery.scrollSpeed)
A jquery plugin for scrolling speed and easing
+ [Design Last - Smashing Magazine](http://www.smashingmagazine.com/2015/02/20/design-last/)
[Top](#treehouseshow)
---
### Ep133: Inspiration, JQuery Knobs, Design Principles
+ [Call to Idea - Get inspired](http://calltoidea.com)
+ [JQuery Knob demo](http://anthonyterrien.com/knob/)
A jquery plugin for touch, mouse, wheel and keyboard events or Knobs
+ [Design Principles](http://learningdesignprinciples.com/)
A website about design principles
+ [openexchangerates/accounting.js](https://github.com/openexchangerates/accounting.js)
A javascript library for number, money and currency formating
+ [Dropdown Menus with More Forgiving Mouse Movement Paths - CSS-Tricks](http://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/)
A blog post about dropdown menus
[Top](#treehouseshow)
---
### Ep134: Reactive Programming, Accessible Colors, Javascript Errors
+ [The introduction to Reative Programing you've been missing](https://gist.github.com/staltz/868e7e9bc2a7b8c1f754)
A post about reactive programming
+ [Color Safe - accessible web color combinations](http://colorsafe.co/)
A tool for choosing colors based on the WCAG guidelines
+ [Track Javascript, AngularJS and JQuery errors with Google Analytics](http://blog.gospodarets.com/track_javascript_angularjs_and_jquery_errors_with_google_analytics/)
(BROKEN)
+ [colorable](http://jxnblk.com/colorable/demos/text/)
A tool that helps you measure the contrast ratio of your background to text
+ [Dynamically adding text tracks to HTML5 video - Ian Devlin](http://www.iandevlin.com/blog/2015/02/javascript/dynamically-adding-text-tracks-to-html5-video)
A blog post about on adding dynamic text tracks to html5 videos
[Top](#treehouseshow)
---
### Ep135: BEM, jQuery Plugins, Web Fonts
+ [BEM 101 - CSS-Tricks](https://css-tricks.com/bem-101/)
A article about BEM
+ [selectivity](https://arendjr.github.io/selectivity/)
A modular and light-weight selection library for jquery and zeptojs
+ [Prism Effect Slider with Canvas - Codrops](http://tympanus.net/codrops/2015/03/31/prism-effect-slider-canvas/)
A blog post about how to create a prism effect slider with canvas
+ [X-editable :: In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery](http://vitalets.github.io/x-editable/)
A jquery plugin for creating editable elements on a web page
+ [Google Web Fonts Typographic Project](http://femmebot.github.io/google-type/)
A collection of hand-picked font from google fonts
[Top](#treehouseshow)
---
### Ep136: Date Pickers, CSS Refactoring, HTML Audio
+ [Bootstrap Date Paginator - Date Paginator based on Bootstrap Paginator](http://jondmiles.com/bootstrap-datepaginator/)
(BROKEN)
+ [Starting a Refactor with CSS Dig - CSS-Tricks](https://css-tricks.com/starting-a-refactor-with-css-dig/)
A article about css dig chrome extention
+ [Kamran Ahmed](http://kdemos.github.io/jquery-toast-plugin)
A jquery plugin for messaging users
+ [PixelsCommander/HTML-GL](https://github.com/PixelsCommander/HTML-GL)
A Graphics Library
+ [audio.js](http://kolber.github.io/audiojs/)
A javascript library that allows HTML5’s tag to be used anywhere.
[Top](#treehouseshow)
---
### Ep137: Space.js, Materialize, Living Style Guides
+ [Space.js – HTML-driven narrative 3D-scrolling](http://www.slashie.org/space.js/)
A HTML-driven narrative 3D-scrolling
+ [What nobody tells you about "will-change"](http://cssmojo.com/the-dark-side-of-the-will-change-property/)
A article about "will-change" property on css
+ [Flexbox Cheatsheet](http://jonibologna.com/flexbox-cheatsheet/)
A flexbox cheatsheet
+ [Documentation - Materialize](http://materializecss.com/)
A responsive front-end framework based google's material design
+ [Living Style Guide Tools In-depth Overview — Medium](https://medium.com/@operatino/living-style-guide-tools-in-depth-overview-28cfffb92d05)
A blog post about living style guide
[Top](#treehouseshow)
---
### Ep138: Semantic UI, Polyfills, HTML 5 Patterns
+ [Semantic UI](http://semantic-ui.com/)
A css framework
+ [github/fetch · GitHub](https://github.com/github/fetch)
A jquer plugin for touch, mouse, wheel and keyboard events or knobs
+ [How to Create (Animated) Text Fills - Codrops](http://tympanus.net/codrops/2015/02/16/create-animated-text-fills/)
(BROKEN)
+ [http://html5pattern.com/](http://html5pattern.com/)
A javascript library for number, money and currency formatting
+ [Basscss](http://www.basscss.com/)
A blog post about dropdown menus
[Top](#treehouseshow)
---
### Ep139: jQuery Boilerplate, Sass, Maps
+ [jQuery Boilerplate](http://jqueryboilerplate.com/)
A very long post about introdution to reactive programming
+ [SassMe - A Tool for Visualizing SASS Color Functions](http://sassme.arc90.com/)
A jquer plugin for touch, mouse, wheel and keyboard events or knobs
+ [gitignore.io - Create Useful .gitignore Files For Your Project](https://www.gitignore.io/)
(BROKEN)
+ [slick - the last carousel you'll ever need](http://kenwheeler.github.io/slick/)
A javascript library for number, money and currency formatting
+ [jQuery Mapael - Ease the build of pretty data visualizations on dynamic vector maps](http://www.vincentbroute.fr/mapael/)
A blog post about dropdown menus
[Top](#treehouseshow)
---
### Ep140: Photo Gallery Plugins, Admin UI, Font Sizing
+ [PhotoSwipe: Responsive JavaScript Image Gallery](http://photoswipe.com/)
A very long post about introdution to reactive programming
+ [Flakes • An Admin UI & Template Framework](http://getflakes.com/)
A jquer plugin for touch, mouse, wheel and keyboard events or knobs
+ [Keeping it simple: coding a carousel - Christian Heilmann](http://christianheilmann.com/2015/04/08/keeping-it-simple-coding-a-carousel/)
(BROKEN)
+ [CSS Font Sizing - bitsofco.de](http://bitsofco.de/2015/css-font-sizing/)
A javascript library for number, money and currency formatting
+ [Medium.js](http://jakiestfu.github.io/Medium.js/docs/)
A blog post about dropdown menus
[Top](#treehouseshow)
---
## Ep141: TinySort, Push Notifications, Responsive Tables
+ [TinySort](http://tinysort.sjeiti.com/)
Is a small script that sorts HTMLElements
+ [Visual Guide to CSS3 Flexbox: Flexbox Playground](https://scotch.io/demos/visual-guide-to-css3-flexbox-flexbox-playground)
+ [Push Notifications on the Open Web](http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web)
A tutorial of push notifications
+ [Responsive Tables in Pure CSS - LivingSocial's Technology Blog](https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/)
A blog post about responsive Tables
[Top](#treehouseshow)
---
## Ep142: Vendor Prefixes, Media Queries, JavaScript
+ [Free Mailchimp API Tutorial](http://teamtreehouse.com/library/mailchimp-api)
+ [postcss/autoprefixer](https://github.com/postcss/autoprefixer)
Parce Css and add vendor prefixes to rules by Can I Use
+ [Clusterize.js](http://nexts.github.io/Clusterize.js/)
Tiny plugin to display large data sets easily
+ [Making our Media Query Mixins More Flexible](http://sassbreak.com/flexible-media-query-mixins/)
A blog post about media query mixins
+ [A re-introduction to JavaScript (JS tutorial) - JavaScript - MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)
A javascript tutorial
+ [Medium Style Confirm - Bitwiser.in](http://bitwiser.in/medium-style-confirm/)
A medium.com style confirm dialog
[Top](#treehouseshow)
---
## Ep143: Data Binding, Nesting, Image Zooms
+ [lowvision.support](http://lowvision.support/)
Is a website for testing accessibility
+ [jQuerymy](http://jquerymy.com/)
A lightweight jQuery plugin for complex two-way data binding in real time.
+ [Nesting Components](http://simurai.com/blog/2015/05/11/nesting-components/)
(BROKEN)
+ [fat/zoom.js](https://github.com/fat/zoom.js)
Medium's Image Zoom for jQuery
+ [Flickity](http://flickity.metafizzy.co/)
Touch, responsive, flickable carousels
[Top](#treehouseshow)
---
## Ep144: WebP, Static Maps, Watermarks
+ [Tiff - a visual typeface diff tool.](http://tiff.herokuapp.com/)
A type diff tool that visually contrasts the differences between two fonts.
+ [Static Map Maker - a static map API helper](http://staticmapmaker.com/)
+ [Makerbook - The best free resources for creatives.](http://makerbook.net/)
+ [watermark.js - watermarks in the browser](http://brianium.github.io/watermarkjs/)
A javascript library for adding watermarks to image.
+ [WebPonize - webponize.github.io](https://webponize.github.io/)
(BROKEN)
[Top](#treehouseshow)
---
## Ep145: Justice, Carousels, Centering in CSS
+ [okor/justice](https://github.com/okor/justice)
Embeddable script for displaying web page performance metrics.
+ [How to make a carousel using only HTML and CSS (no JavaScript required!)](http://dancort.es/web-design/2015/05/17/how-to-make-carousel-only-html-css-no-javascript.html#target-item-1)
A article about making carousel using only html and css
+ [jsblocks - Better JavaScript MV-ish Framework](http://jsblocks.com/)
From simple user interfaces to complex single-page applications using faster, server-side rendered and easy to learn framework
+ [How to Center in CSS](http://howtocenterincss.com/)
A tool that helps center things in css.
+ [ECMAScript 6 compatibility table](ECMAScript 6 compatibility table)
[Top](#treehouseshow)
---
## Ep146: Dropdowns, Scrolling, Motion Blur
+ [CSS Mega Dropdown - CodyHouse](http://codyhouse.co/gem/mega-dropdown/)
A responsive and easy to customise mega-dropdown component.
+ [ReadRemaining.js - How long you'll need to read any text.](http://aerolab.github.io/readremaining.js/)
Tell your readers how long they'll need to get through all of your gibberish, with this clever jQuery plugin.
+ [Motion Blur Effect with SVG - Codrops](http://tympanus.net/codrops/2015/04/08/motion-blur-effect-svg/)
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
+ [ScrollWatch](https://edull24.github.io/ScrollWatch/)
Easily add lazy loading, infinite scrolling, or any other dynamic interaction based on scroll position.
+ [How to vertically center a clipped image with CSS — Jon Rohan](http://jonrohan.codes/fieldnotes/vertically-center-clipped-image/)
A blog post about how to vertically center a clipped image with css
[Top](#treehouseshow)
---
## Ep147: Web Features, Form Design, Color Pickers
+ [sgentle/caniuse-cmd · GitHub](https://github.com/sgentle/caniuse-cmd)
Caniuse command line tool
+ [The 10 Commandments of Good Form Design on the Web – Mono](http://mono.company/journal/design-practice/the-10-commandments-of-good-form-design-on-the-web/)
A article about the 10 commandments of good form design on the web
+ [Tiny Colorpicker: A lightweight cross browser color picker.](http://baijs.com/tinycolorpicker/)
Tiny Colorpicker is a crossbrowser lib that creates a color picker (form) input
+ [Mobile-Friendly Test](https://www.google.com/webmasters/tools/mobile-friendly/)
Test how easily a visitor can use your page on a mobile device
+ [lukehoban/es6features](https://github.com/lukehoban/es6features)
Overview of ECMAScript 6 features
[Top](#treehouseshow)
---
## Ep148: Web Design Trends, Sharing Buttons, Flexbox Techniques
+ [7 future web design trends](http://delighten.co.uk/7-future-web-design-trends/)
(BROKEN)
+ [Simple Sharing Buttons Generator by @fourtonfish](http://simplesharingbuttons.com/)
Create light-weight, mobile-friendly sharing buttons for Facebook, Twitter, Google+, and other social networks -- it's all completely free
+ [Useful Flexbox Technique: Alignment Shifting Wrapping - CSS-Tricks](https://css-tricks.com/useful-flexbox-technique-alignment-shifting-wrapping/)
A blog post about useful flexbox technique called alignment shifting wrapping
+ [When it comes to delivering the best possible user experience, how fast is fast enough? - SOASTA](http://www.soasta.com/blog/website-monitoring-fast-enough-user-experience/)
A blog post about delivering the best possible user experience
+ [Card Expansion Effect with SVG clipPath - Codrops](http://tympanus.net/codrops/2015/06/18/card-expansion-effect-svg-clippath/)
A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.
[Top](#treehouseshow)
---
## Ep149: Performance Tools, Material Design, Sliders
+ [Performance Tools - CSS-Tricks](https://css-tricks.com/performance-tools/)
A blog post about performance tools
+ [The Making Of "In Pieces"](http://www.smashingmagazine.com/2015/06/02/the-making-of-in-pieces/)
A article about designing an interactive exhibition with css clip paths
+ [Material Design Lite](http://www.getmdl.io/index.html)
A front end framework based on google material design
+ [Blueprint: Zoom Slider - Codrops](http://tympanus.net/codrops/2015/07/06/zoom-slider/)
A simple content slider with depth-like zoom functionality for a predefined area in each slide.
+ [Summernote - Super Simple WYSIWYG editor on Bootstrap](http://summernote.org/#/)
A wysiwyg editor on Bootstrap
[Top](#treehouseshow)
---
## Ep150: CSS Shapes, JavaScript, Font Combinations
+ [Working with Shapes in Web Design - CSS-Tricks](https://css-tricks.com/working-with-shapes-in-web-design/)
A blog post about working with shapes in web design
+ [purifycss/purifycss · GitHub](https://github.com/purifycss/purifycss)
A javasript plugin that removes unused CSS
+ [JS: The Right Way](http://jstherightway.org/)
A javascript guide
+ [airbnb/javascript](https://github.com/airbnb/javascript)
A javaScript Style Guide
+ [Great Font Combinations You Need to Try - Designmodo](http://designmodo.com/great-font-combinations/)
(BROKEN)
[Top](#treehouseshow)