TreehouseShow

TeamTreeHouse's Weekly show notes

2 years after

TreehouseShow

Treehouse Show

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.(I 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.

The two hosts of the show are Jason Seifer(@jseifer) and Nick Pettit(@nickrp). Jim Hoskins(@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 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 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114

Ep1: CSS and JavaScript Tools


Ep2: Retinafy Your Website

Top


Ep3: Rails 4 and OS X Mountain Lion

Top


Ep4: LAMP on Mountain Lion

Top


Ep5: JavaScript Tools

Top


Ep6: Twitter Bootstrap and JavaScript for Cats

Top


Ep7: Web Development Tips

Top


Ep8: Writing Markdown

Top


Ep9: HTML5 Boilerplate

Top


Ep10: jQuery Fundamentals


Ep11: Moment.js and HTML5

Top


Ep12: Web Platform

Top


Ep13: LLJS, Navicons, and Framework Fights

Top


Ep14: Responsive Techniques, JavaScript MVC Frameworks, and Firefox 16

Top


Ep15: Adaptive Images and Responsive SVGs

Top


Ep16: Simple CSS Grids

Top


Ep17: Bootstrap, relogo, and Alfred

Top


Ep18: Backbone.js, Responsive Background Images, and HTML5 APIs

Top


Ep19: Memory management, wireframing, and JavaScript frameworks

Top


Ep20: Batch Icon Set, Bootstrap Goodies, Git Aliases, JavaScript Shopping Cart

Top


Ep21: HTML5 Mobile Apps

Top


Ep22: Explaining CSS and Landing Pages

Top


Ep23: Writing Error Messages, Navigation, and Documentation

Top


Ep24: JavaScript PDFS, CSS Transitions, and Web Design Trends

Top


Ep25: Web Developer Checklists

Top


Ep26: jQuery Releases, Favicons and CSS Optimization

Top


Ep27: Triangles, Sublime Text Plugins and HTML5 Geolocation

Top


Ep28: Collapsing Headers, Icon Fonts, and More

Top


Ep29: SVG Hacking

Top


Ep30: CSS and Frameworks w/ guest Ryan Carson

Top


Ep31: HTML Progress Element and JavaScript Sliders

Top


Ep32: SVGs, Dropdowns, and HTML5 Form Elements

Top


Ep33: Web Typography, CSS Patterns and Simple Icons

Top


Ep34: Accessibility, CSS Architecture, and Web Printing

Top


Ep35: JavaScript Tours and Pull Quotes

Top


Ep36: Sidebar Menus and Icon Stacks

Top


Ep37: Sublime Text 2 and Login Forms

Top


Ep38: JavaScript Design Patterns and CSS Windows

Top


Ep39: HTML Video and the Web as a Gaming Platform

Top


Ep40: iTunes Scrolling and Mobile Shelving

Top


Ep41: Reflections, Mobile Typography and Responsive Images

Top


Ep42: Flat UI Colors, Don't do's with jQuery and Usability

Top


Ep43: SVG and Icon Fonts, Typography and CSS Sliders

Top


Ep44: HTML5 Features, Responsive CSS Modules and Sass

Top


Ep45: UX, Sitemaps and JS Tours

Top


Ep46: Responsive Images and HTML5 Form Inputs

Top


Ep47: Dev Tool Secrets

Top


Ep48: Tablet friendly design, good ui, gif.js

Top


Ep49: App Store Screenshots, Regular Expressions, Programming Fonts

Top


Ep50: OAuth, Canvas, Dev Tools

Top


Ep51: JavaScript diagramming, SASS, HTML5 Elements

Top


Ep52: Reactive Programming, CSS Spacing, Image Loading

Top


Ep53: The ClassList API, CSS Frameworks, Animation

Top


Ep54: jQuery Plugins, Autoprefixer, CSS sprites

Top


Ep55: Web Typography, JavaScript Progress Bars, CSS 3D

Top


Ep56: Node.js, CSS Buttons, PNG Compression

Top


Ep57: CSS3 Multiple Backgrounds, Ember.js, Favicons

Top


Ep58: The Main Element, jQuery CLNDR, Keystrokes

Top


Ep59: Form Validation, Safari Push Notifications, JavaScript Performance

Top


Ep60: CSS Animations, CSS Sprites, Form Building

Top


Ep61: Request Autocomplete, Navicons, CSS Preprocessing

Top


Ep62: CSS Position: fixed-sticky, Flexbox, Google Web Designer

  • 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.

  • 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

    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.

  • Google Web Designer

    Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.

  • Full Screen Mario

    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


Ep63: Responsive Design, Rich Text Editing, Squircles

Top


Ep64: Touchscreen UI events, Sprite and checkbox animation, Lo-Dash

  • Touche.js

    It removes the delay that happen when you touch an element on page with your touch-screen device.

  • Motio

    Small JavaScript library for sprite based animations and panning

  • GridForms

    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

  • Lo-Dash

    A utility library delivering consistency, customization, performance, & extras. You will find it pretty fascenating if you've used Undescore.js .

  • CircleType.js

    Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle

  • Odometer

    TRANSITION NUMBERS WITH EASE

  • Frontend Dev Bookmarks

    A huge list of frontend development resources I collected over time. Pull requests are welcome. Website coming soon.

  • TreehouseShow

    This awesome List that YOU are scrolling right now! Thanks Treehouse. ;)

Top


Ep65: Contrast Ratio, Favicons, Offline Web Apps

Top


Ep66: JavaScript Formatting, Pie Charts, SVG Animation

Top


Ep67: Responsive HTML Emails, JavaScript Techniques, WebGL

Top


Ep68: JavaScript Templating, Flexbox, DevTools

Top


Ep69: JavaScript Footnotes, Geographic Autocompletion, Sortable Lists

Top


Ep70: URL Rewriting, Responsive Emails, QR Codes

Top


Ep71: Animated GIFs for Documentation, Chrome DevTools for Mobile, Grunt

Top


Ep72: Dynamic Tables, Progress Button Styles, Spinkit

Top


Ep73: Sprite Generation, Native HTML5 Apps, Color Schemes


Top Contributors

MHM5000 watkins amyalichkin nickjohnford orthographic-pedant