Teamtreehouse 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.(Personally find Exercise Your Creative quite fascinating)
There is Youtube Channel, iTunes feed or Bonus Content to watch these videos. Don't forget to check them out.
Two hosts of the show are Jason Seifer(@jseifer) and Nick Pettit(@nickrp). Jim Hoskins(@jimrhoskins) appears as well.
I personally use the show's links more than often. So I thought it would be a great idea to collect them all somewhere.
I really don't understand how, but you can [Contribute](https://github.com/MHM5000/TreehouseShow /wiki/Contribution "Contribute"). If you have any idea for this repo, just do it!
It's been more than a year from the first episode. It's probable that you find unactive(broken) links, updated versions of software or better replacements. All this repo does is keep tracking of this show.
- Retina JS
- How to Retinafy Your Website
- @thomasfuchs
- CSS3 PS: A CSS3 Photoshop Plugin
- Sublime Text 2 Tips for Beginners
- Sprite Cow
- OS X Mountain Lion Review
- Tiny PNG
- Spin.js
- Phusion Passenger Updates
- UI-Cloud
- Icon Monstr
- Speed Limit
- RWD Bookmarklet
- Add Notifications to Your Web App
- iOS Image Optimization Tricks
- Install Apache, MySQL, and PHP, on Mountain Lion
- SideTap
- gridster.js
- UI Parade
- Prism
- Subtle Patterns
- Understanding Design Patterns in JavaScript
- Zoomooz.js
- Prototypes
- Can I Use
- Cookie.js
- Gauge.js
- HTML5 Shim vs IE9 Emulation Mode
- Safari, Chrome Ship Proposed High-Resolution Image Solution
- Bootstrap 2.1.0 Released
- Date Picker for Bootstrap
- JS Reload
- BigVideo.js
- JavaScript for Cats
- Underscores
- cdnjs
- JustGage
- Typing Practice for Programmers
- 5 Design Tricks FaceBook Uses to Affect Your Privacy Decisions
- Free Python Books
- BigScreen
- Skitch
- jsPlumb
- Some Web Development Tips
- Complex navigation patterns for responsive design
- Avgrund
- MagicNav.js
- Glances
- Slabtext
- Marked
- Thinking Async
- Typicons
- Automatic Conditional Retina Images
- SneakPeekIt
- jQuery Pictures
- Holder.js
- Picturefill
- What The Key Code
- normalize.css
- Moom
- HTML5 Biolerplate 4.0
- HTML5 Boilerplate Changelog
- Firefox Beta 16
- JSbooks
- Tomorrow Theme
- jQuery Fundamentals
- Yeoman
- Bower
- This is Responsive
- Total Spaces
- ColorSense
- Underscore CLI
- Modern UI Icons
- Moment.js
- jQuery joyride
- Emmet for sublime
- USA Today beta
- iPhone 5 web site teardown
- Fresco JS
- 7 html5 features you might not know
- CSS Values
- Fokus
- flowplayer 5
- Cutting the Mustard
- IE for Mac
- WebPlatform
- KeyMaster
- Dom Monster
- Compass.app
- Source Code Pro
- LLJS
- The Semantic, Responsive Navicon
- JavaScript Stacktrace
- PHP The Right Way
- Anvil
- Verimail
- js2coffee
- Framework Fight!
- Setting Up My Perfect Developer Environment on OSX 10.8 Mountain Lion (DP3 Edition)
- Firefox 16 Released
- Responsivator
- 8 ways to make your single-page web app faster
- Patternify
- TodoMVC
- CSS FilterLab
- dbpatterns
- PFold
- Adaptive Images
- Snappy Dashboards with Redis
- Responsive SVGs
- Shortcat
- Enquire.js
- How to Customize Your Command Prompt
- Grid-A-Licious
- Simple Grid
- BootMetro
- Typeset.css
- Time Goes Responsive
- Powerful Command Line Tools For Developers
- CSS 3D Dropdown
- A Newb Guide to Git
- Backbone.viewkit
- Noise Texture Generator
- 5 More HTML5 APIs You Didn't Know Existed
- Responsive Background Images
- Sequel Pro
- Editable for Bootstrap
- jPanelMenu
- What Every Programmer Absolutely, Positively Needs To Know About Encodings And Character Sets To Work With Text
- Backbone Memory Management Techniques
- wireframe.cc
- Brand identity style guides from around the world
- Datepicker for Bootstrap
- Creating Your Own Sublime Text 2 Plugin
- Ratchet
- Crumble - jQuery Feature Tours
- microjs
- Batch
- 18 Useful Twitter Bootstrap Goodies You Should Know
- Must Have Git Aliases: Advanced Examples
- simpleCart(js)
- fastclick
- pickadate.js
- Heyoffline.js
- Bones
- Anatomy of a Native Feeling HTML5 iOS App
- Changing Times For Web Developers – 6 Tips You Should Read To Survive
- Adapting your Webkit Optimized Site for Internet Explorer 10
- Hammer
- Colour Schemes
- EpicEditor
- Tinytype
- Code smells in CSS
- CSS Explain
- xCharts
- Lorem Pixel
- The Node Beginner Book
- A 50-Point Checklist For Creating The Ultimate Landing Page
- alertifyjs
- Bootsnipp
- The 4 H's of Writing Error Messages
- jhere
- Performance Calendar
- Dash
- FooTable
- BERG Cloud Buttons
- Focal Point
- TinyNav.js
- Zippopotamus
- Conditionizr
- NumberHelpers
- All you need to know about CSS transitions
- jsPDF
- Designing a responsive, retina ready site
- 20 Hottest Trends To Watch Out For In 2013
- Workless
- How To Deal With Vendor Prefixes
- Web Developer Checklist
- Gradient Scanner
- Web Interface Lab
- Junior
- oriDomi
- Frank
- Sequence.js
- Easing Functions Cheat Sheet
- jQuery 1.9 Released
- Maki Icons
- Parley.js
- Understand the Favicon
- basket.js
- Using the HTML title attribute
- mincss
- Using the HTML5 Geolocation API
- CSS triangle generator
- Framer
- So You’re Going To Start A Huge New Web Project
- RubyJS
- My Top 10 Sublime Text Plugins
- Shadow DOM 101
- OverAPI
- How To Create a Simple Collapsing Header Effect
- Textillate.js
- Trello uses an icon font and so can you
- Blokk
- Backstretch
- Flight
- unsemantic
- A Primer to Front-end SVG Hacking
- Toolbar.Js
- Stately
- Dropzonejs
- Labels in Input Fields
- JavaScript function compatibility table
- Sassaparilla
- Hint.css
- Using the main element
- Groundwork CSS ? A Responsive HTML5, CSS & Javascript Framework
- Character Entity Reference Chart
- There Is No Breakpoint | Sparkbox
- typeahead.js
- How To Design For Android Devices
- 55+ Great and Useful Tools for Responsive Web Design
- The progress element | HTML5 Doctor
- Interactive Guide to Blog Typography
- Threesixty-slider by creativeaura
- Step-By-Step Landing Page Copywriting | Nathan Barry
- jQuery Learning Center
- The Web Font Combinator | A Web Typography Tool
- Icons DB - free custom icons
- SPOILER ALERT!
- svg.js - A lightweight JavaScript library for manipulating and animating svg
- Breaking down Amazon’s mega dropdown - Ben Kamens
- How to lose weight (in the browser)
- Preboot
- HTML5 forms input types | HTML5 Doctor
- Genericons - a free, GPL, flexible icon font for blogs!
- devref | HTTP Header Analyzer
- Typeplate » A typographic starter kit encouraging great type on the Web
- HTML's New Template Tag: standardizing client-side templating - HTML5 Rocks
- CSS3 Patterns Gallery
- The Beginner's Guide to JavaScript Date and Time
- Gumby - A Flexible, Responsive CSS Framework - Powered by Sass
- SVGeezy - a JS plugin for SVG fallbacks
- Simple Icons
- Mobile Emulation - Chrome Developer Tools — Google Developers
- Pixi.js the 2D webGL and canvas renderer released on github — goodboy©
- Sublimewebinspector
- Intro.js | A better way for new feature introduction and step-by-step users guide
- CSS Architectures: New Best Practices
- Desant - Open source landing pages
- Printing The Web | drublic
- Color Oracle
- Trip.js
- Pull Quotes with HTML5 and CSS — miekd
- jQuery Pin
- Using SVG | CSS-Tricks
- DevTools Extensions For Web App Developers
- Almost Flat UI
- Practical Tips from Top WordPress Pros
- Zurb Foundation 4
- ququplay/jquery-mobile-flat-ui-theme · GitHub
- Sidr - A jQuery plugin for creating side menus
- Lungo - HTML5 Cross-Device Framework
- Conor Muirhead // Designer
- Select2 3.3.2
- Tear-able Cloth on CodePen
- Pickadate.js
- Chardin.js
- Login and Registration Form with HTML5 and CSS3 | Codrops
- xyCSS.com : xy.css
- CSS @supports
- Setting up Sublime Text 2 | Alex MacCaw
- Metrize Icons • 300 Icons for Designers & Developers
- MagicSuggest
- CSS Masking - HTML5 Rocks
- jQuery Best Practices - CodeProject
- JavaScript Patterns
- Crocodoc
- windows
- csscss by zmoazeni
- digitalBush » Masked Input Plugin
- Polychart.JS
- Cypher by djave-co
- Dashing
- Cross browser compatible HTML5 videos | CatsWhoCode.com
- Mozilla is Unlocking the Power of the Web as a Platform for Gaming | The Mozilla Blog
- jQuery 2.0 Released | Official jQuery Blog
- jQuery Builder
- shame.css – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
- User Inter Faces
- Single page apps in depth (a.k.a. Mixu' single page app book)
- Responsive Multi-Level Menu | Codrops
- Quick 'n dirty iTunes 11 style scroller - CodePen
- Sly
- jQuery.Shapeshift
- Packery
- Pure CSS Peeling Sticky - CodePen
- Package Managers: An Introductory Guide For The Uninitiated Front-End Developer - Tech.Pro
- Niice. A search engine with taste.
- jakiestfu/Snap.js · GitHub
- BetterToggle jQuery Plugin
- Creating Realistic Reflections On Animated Glossy Elements
- Drawscript - convert Illustrator shapes into code
- Fullscreen Layout with Page Transitions | Codrops
- How To Customize Your CSS Buttons With Pictogram Icons | DesignWoop
- Typography in Mobile Design: Important Aspects and Examples - Designmodo
- estelle/clowncar · GitHub
- The Flattening of Design - NYTimes.com
- Flat UI Colors
- 5 Things You Should Stop Doing With jQuery | Flippin' Awesome
- ScriptCraft/docs/YoungPersonsGuideToProgrammingMinecraft.md at master · walterhiggins/ScriptCraft . GitHub
- Framer - Prototyping Tool
- Usability checklist | Userium | Catch common usability problems before user testing.
- Ghostlab
- Handy Sass Mixins - Web Design Weekly
- Hammer.js - A javascript library for multi-touch gestures
- Brackets
- hull, Reconciling SVG and Icon Fonts
- Ui Parade - Live Tools
- Avoiding Unnecessary Paints - HTML5 Rocks
- Typeplate » A typographic starter kit encouraging great type on the Web
- JavaScript Regular Expression Enlightenment - Tech.Pro
- Slider with Sliding Backgrounds | CSS-Tricks
- ClippyJS - Add Clippy or his friends to any website for instant nostalgia
- Movies in Color
- 5 HTML5 Features you need to know – Adnane Belmadiaf's Blog
- Pure
- Popcorn.js | The HTML5 Media Framework
- Sass Style Guide | CSS-Tricks
- Screensiz.es
- Principles of Flat Design - Designmodo
- Starters Guide to iOS Design
- SIX UX
- How to keep up to date on Front-End Technologies - The Recipe
- Gif Countdown - Real time updating countdown with automatic time zone detection.
- SlickMap CSS — A Visual Sitemapping Tool for Web Developers - Astuteo™
- Tourist.js
- least.js - Random & Responsive HTML 5, CSS3 Gallery with LazyLoad
- Free Responsive Testing Tool - Dimensions
- Midway.js | Automatically center responsive elements! | A project by Shipp Co.
- Say Goodbye to Painful Image Loads on Small Devices. Say Hello to Interchange. by ZURB
- A Guide to the New HTML5 Form Input Types
- Prinzhorn/skrollr
- Flippant.js
- Yes, you really can make complex webapps responsive
- Progression.js
- Ughck. Images. - daverupert.com
- Secrets of the Browser Developer Tools - Secrets
- iOS7 GUI PSD | Teehan+Lax
- JSDB.io - The Database of JavaScript Libraries
- Ladda
- philipwalton/html-inspector
- simple statistics
- magic css3 animations
- Creative Button Styles | Codrops
- A Couple of Best Practices for Tablet-Friendly Design | CSS-Tricks
- gif.js
- PortKit: UX Metaphor Equivalents for iOS & Android
- Lunatech Blog: What every web developer must know about URL encoding
- Native Form Elements
- Prepros :: Compile less, sass, scss, compass, stylus, cofffeescript, jade, haml, slim and markdown with live browser refresh.
- Real Shadow: Photorealistic Shadows
- GoodUI
- Designing App Store “screenshots” by Travis Jeffery of 37signals
- Debuggex: The online visual regex tester. Supports JavaScript and PCRE.
- Forecast Font
- JavascriptOO.com
- Style Guide Boilerplate
- AngularJS: an Overview - Glenn Stovall
- CSS filters, GIFs, and performance — What I Learned Building… — Medium
- Slant - What are the best programming fonts?
- Meet the Ipsums
- tracking.js
- Webflow - Design Responsive Websites Visually
- OAuth.io - OAuth that just works.
- Stylie. A graphical CSS animation tool.
- 9 Mind-Blowing Canvas Demos
- CSS Zen Garden: The Beauty in CSS Design
- Chrome DevTools Revolutions 2013 - HTML5 Rocks
- Macaw | The code-savvy web design tool.
- JointJS - JavaScript diagramming library.
- Test Responsive Web Design With Our Free Tool - Dimensions App
- SassMeister | The Sass Playground!
- Typer from LayerVault
- Element Index | HTML5 Doctor
- ZeroClipboard
- tidyTime.js
- Ractive.js - next-generation DOM manipulation
- MockUPhone - One Click to Wrap App Screenshots in Device Mockup!
- tracing-framework by Google
- paulirish/browser-logos
- Your app makes me fat — Serious Pony
- Spacing The Bottom of Modules | CSS-Tricks
- BARREL | Taking Control of Image Loading
- The classList API | HTML5 Doctor
- Animated Books with CSS 3D Transforms - Demo 1
- Animated GIFs the Hard Way
- Topcoat
- KineticJS HTML5 Canvas Framework
- Skeuocard by kenkeiter
- Cross Site Request Forgery in JS Web Apps
- Animate.css
- The Responsinator
- jQuery Boilerplate
- Autoprefixer
- Glue — glue 0.3 documentation
- Cardinal — Build more with less.
- Google Nexus Website Menu | Codrops
- Salvattore — A jQuery Masonry alternative with CSS-driven configuration.
- FT Fastclick | FT Labs
- Subtle Patterns | Free textures for your next web project.
- FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width.
- AdminJS: The Backend-Agnostic Administration Framework
- Responsive Images with Apropos
- NProgress: slim progress bars in JavaScript
- 1pxdeep | A flat Bootstrap 3 theme that changes color
- Thinkful | Javascript Best Practices Part 1
- Tridiv | CSS 3D Editor
- The iOS 7 Design Cheat Sheet - Ivo Mynttinen / User Interface Designer
- Type Hunting
- Random User Generator
- Unsplash
- An Absolute Beginner's Guide to Node.js
- Buttons - A CSS button library built with Sass and Compass
- Compress PNG Images Online
- Blind - A 1X Web Browser for Retina Displays - Mac OS X
- Formstone / Ben Plum
- Decoupling Your HTML, CSS, and JavaScript — Philip Walton
- explainshell.com - match command-line arguments to their help text
- Introducing CSS3 Multiple Backgrounds | Developer Drive
- Ember.js - Ember 1.0 Released
- audreyr/favicon-cheat-sheet
- favico.js - Make a use of your favicon
- iOS Dev Tools
- jpillora/xdomain
- UIBox - Tag: typeahead
- The main element | HTML5 Doctor
- HandJS - Home
- Height equals width with pure CSS
- Git Tips For Beginners Interested In Open Source
- CLNDR.js
- Mousetrap - Keyboard shortcuts in Javascript
- Why cards are the future of the web | Inside Intercom
- ChocolateChip-UI
- Formbuilder.js by dobtco
- Formance.js by Omar Shammas
- Photon | CSS 3D Lighting Engine
- json.human.js - Json Formatting for Human Beings
- Pattern Lab
- Safari Push Notifications - Apple Developer
- dat.GUI
- jsPerf: JavaScript performance playground
- D3.js - Data-Driven Documents
- parallax.js
- animo.js • Labs by Big Room Studios
- Formbuilder.js by dobtco
- completely.js
- Easily Remove Image Backgrounds Online - Clipping Magic
- jpillora/xdomain
- WebGL Filter
- Spritemapper
- requestAutocomplete - take my money, not my time - HTML5 Rocks
- Navicon Transformicons
- Prerender - AngularJS SEO, BackboneJS SEO, or EmberJS SEO
- ProCSSor - Advanced CSS Prettifier
- jonathanstark/FastActive · GitHub
- Optimizing UI icons for faster recognition « Boxes and Arrows
- benweet/stackedit · GitHub
-
filamentgroup/fixed-sticky · GitHub
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
The ultimate framework for building and validating responsive HTML5 forms.
-
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.
-
Eliminates layout thrashing by batching DOM read/write operations
-
Solved By Flexbox — Cleaner, hack-free CSS
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
To demonstrate smoother reveal menus in small contexts using CSS3 rather than animating with JavaScript.
-
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.
-
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.
-
Responsive Design Knowledge Hub
A simple well designed hub to access Responsive Design resources.
-
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
Over 200 easy to use CSS3 Icons. It will reduce the http Requests for you, too.
-
Git/Github Resources | Brad Frost Web
Great resources on how to learn working with git.
-
Making iOS 7 squircles using CSS3
How to make SQUIRCLES. Learn easy by TheCodePlayer.com
-
Build large client-side applications in a structured way.
-
Super Mario in Fullscreen
-
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.
-
It removes the delay that happen when you touch an element on page with your touch-screen device.
-
Small JavaScript library for sprite based animations and panning
-
A tiny Javascript/CSS framework that helps you make forms on grids with ease.
-
Animated Checkboxes and Radio Buttons with SVG
Animation and SVG used for checkbox/radio
-
A utility library delivering consistency, customization, performance, & extras. You will find it pretty fascenating if you've used Undescore.js .
-
Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle
-
TRANSITION NUMBERS WITH EASE
-
A huge list of frontend development resources I collected over time. Pull requests are welcome. Website coming soon.
-
This awesome List that YOU are scrolling right now! Thanks Treehouse. ;)
-
Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!
A great tool for Contrast Ratio
-
Favicon Generator - Generate favicon pictures and HTML
Favicon Generator. For real.
-
Ionicons: The premium icon font for Ionic Framework
A great icon font Licensed under MIT.
-
Crazy Javascript zeros!
-
Responsive design, screens, and shearing layers — Unstoppable Robot Ninja
A great read on RWD.
-
Improve the experience of your app when your users lose connection.
-
Snazzy Maps - Color Schemes for Google Maps
Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.
-
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!
-
Format user input to match a specified pattern
-
A JQUERY PLUGIN FOR SVG PATH ANIMATION
-
The JavaScript SVG library for the modern web.
-
PhysicsJS - A modular, extendable, and easy-to-use physics engine for javascript
A modular, extendable, and easy-to-use physics engine for javascript
-
JavaScript Style Guide
-
Creating Non-Rectangular Layouts with CSS Shapes
A great read on Creating Non-Rectangular Layouts with CSS Shapes.
-
stickUp - a free jQuery Plugin
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
Creating responsive pie charts for any device is a piece of pie.
-
Responsive HTML Emails: a Different Strategy - Fog Creek Blog
A good read on RWD in Emails.
-
Frequently Misunderstood JavaScript Concepts
Frequently Misunderstood JavaScript Concepts.
-
Building an amazing fullscreen mobile experience - HTML5 Rocks
Building an amazing fullscreen mobile experience.
-
Make your Payment forms a little better.
-
WebGL Shaders with Firefox Developer Tools
Live editing WebGL shaders with Firefox Developer Tools
-
A JavaScript book series launched through Kickstarter
-
Techniques for Responsive Typography | Codrops
A good read on Typography.
-
EndDash is a two-way binding javascript templating framework built on top of semantic HTML
-
The Ultimate Flexbox Cheat Sheet
THE ULTIMATE FLEXBOX CHEAT SHEET
-
Badoo Tech Blog :: 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
A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions.
-
A collection of helpful snippets to use inside of browser devtools
-
Choose the right color for your designs.
-
Advanced JavaScript Debugging with console.table()
Learn about a nifty little JavaScript debugging feature which is part of Chrome's developer tools.
-
A jQuery plugin for empowering footnotes.
-
Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin | Smashing Magazine
Blueprints For Web And Print.
-
Geocomplete - jQuery Geocoding and Places Autocomplete Plugin
An advanced jQuery plugin that wraps the Google Maps API's Geocoding and Places Autocomplete services.
-
Fold the DOM like paper.
-
List.js - Search, sort, filters, flexibility to tables, list and more!
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
Canvas and designing.
-
Sortable – Sorting tables since 2007
Drop-in script to make your tables sortable.
-
Alignment and sizing
-
URL Rewriting for the Fearful ? 24 ways
URL Rewriting
-
Easily make résumé out of your github.
-
Helps you write faster than ever.
-
Ink: A Responsive Email Framework from ZURB
Quickly create responsive HTML emails that work on any device & client. Even Outlook.
-
Make QRCode with js.
-
The HTML5 meter Element | CSS-Tricks
HTML meter Element
-
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.
-
A Collection of Section Separators
A collection of separator styles for horizontally dividing sections on a website.