TeamTreeHouse's Weekly show notes
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)
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.
If you feel like being awesome, please do Contribute. If you have any idea for this repo, just do it!
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.
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
|[There Is No Breakpoint||Sparkbox](http://seesparkbox.com/foundry/there_is_no_breakpoint)|
|[The progress element||HTML5 Doctor](http://html5doctor.com/the-progress-element/)|
|[Step-By-Step Landing Page Copywriting||Nathan Barry](http://nathanbarry.com/step-by-step-landing-page-copywriting/)|
|[The Web Font Combinator||A Web Typography Tool](http://font-combinator.com/)|
|[HTML5 forms input types||HTML5 Doctor](http://html5doctor.com/html5-forms-input-types/)|
|[devref||HTTP Header Analyzer](http://devref.com/)|
|[Intro.js||A better way for new feature introduction and step-by-step users guide](http://usablica.github.com/intro.js/)|
|[Printing The Web||drublic](http://drublic.de/blog/printing-the-web/)|
|[Login and Registration Form with HTML5 and CSS3||Codrops](http://tympanus.net/codrops/2012/03/27/login-and-registration-form-with-html5-and-css3/)|
|[Setting up Sublime Text 2||Alex MacCaw](http://blog.alexmaccaw.com/sublime-text)|
|[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/)|
|[Responsive Multi-Level Menu||Codrops](http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/)|
|[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/)|
|[5 Things You Should Stop Doing With jQuery||Flippin’ Awesome](http://flippinawesome.org/2013/05/06/5-things-you-should-stop-doing-with-jquery/)|
|[Usability checklist||Userium||Catch common usability problems before user testing.](http://userium.com/)|
|[Slider with Sliding Backgrounds||CSS-Tricks](http://css-tricks.com/slider-with-sliding-backgrounds/)|
|[Popcorn.js||The HTML5 Media Framework](http://popcornjs.org/)|
|[Sass Style Guide||CSS-Tricks](http://css-tricks.com/sass-style-guide/)|
|[Midway.js||Automatically center responsive elements!||A project by Shipp Co.](http://shipp.co/midway/)|
|[iOS7 GUI PSD||Teehan+Lax](http://www.teehanlax.com/tools/ios7/)|
|[Creative Button Styles||Codrops](http://tympanus.net/codrops/2013/06/13/creative-button-styles/)|
|[A Couple of Best Practices for Tablet-Friendly Design||CSS-Tricks](http://css-tricks.com/a-couple-of-best-practices-for-tablet-friendly-design/)|
|[Macaw||The code-savvy web design tool.](http://macaw.co/)|
|[SassMeister||The Sass Playground!](http://sassmeister.com/)|
|[Element Index||HTML5 Doctor](http://html5doctor.com/element-index/)|
|[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/)|
|[The classList API||HTML5 Doctor](http://html5doctor.com/the-classlist-api/)|
|[Google Nexus Website Menu||Codrops](http://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/)|
|[FT Fastclick||FT Labs](http://labs.ft.com/articles/ft-fastclick/)|
|[Subtle Patterns||Free textures for your next web project.](http://subtlepatterns.com/)|
|[1pxdeep||A flat Bootstrap 3 theme that changes color](http://rriepe.github.io/1pxdeep/)|
|[Tridiv||CSS 3D Editor](http://tridiv.com/)|
|[Introducing CSS3 Multiple Backgrounds||Developer Drive](http://www.developerdrive.com/2013/08/introducing-css3-multiple-backgrounds/)|
|[The main element||HTML5 Doctor](http://html5doctor.com/the-main-element/)|
|[Why cards are the future of the web||Inside Intercom](http://insideintercom.io/why-cards-are-the-future-of-the-web/)|
|[Photon||CSS 3D Lighting Engine](http://photon.attasi.com/)|
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).
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
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)|
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.
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.
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.
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. ;)
A great tool for Contrast Ratio
Favicon Generator. For real.
A great icon font Licensed under MIT.
A great read on RWD.
Improve the experience of your app when your users lose connection.
Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers.
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
A great read on Creating Non-Rectangular Layouts with CSS Shapes.
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.
A good read on RWD in Emails.
Building an amazing fullscreen mobile experience.
Make your Payment forms a little better.
Live editing WebGL shaders with Firefox Developer Tools
|[Techniques for Responsive Typography||Codrops](http://tympanus.net/codrops/2013/11/19/techniques-for-responsive-typography/)|
A good read on Typography.
THE ULTIMATE FLEXBOX CHEAT SHEET
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.
A collection of helpful snippets to use inside of browser devtools
Choose the right color for your designs.
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.
An advanced jQuery plugin that wraps the Google Maps API’s Geocoding and Places Autocomplete services.
Fold the DOM like paper.
Canvas and designing.
Drop-in script to make your tables sortable.
Alignment and sizing
Easily make résumé out of your github.
Helps you write faster than ever.
Quickly create responsive HTML emails that work on any device & client. Even Outlook.
Make QRCode with js.
|[The HTML5 meter Element||CSS-Tricks](http://css-tricks.com/html5-meter-element/)|
HTML meter Element
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.
A collection of separator styles for horizontally dividing sections on a website.
A good article on Creating Animated GIFs for Documentation
Chrome DevTools for Mobile
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.
Give your pages some headroom. Hide your header until you need it.
A new way to see Responsive Web Development.
A jQuery plugin for extracting dominant colors from images and applying it to its parent.
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it’s not just for tables.
Creative effects for loading buttons
Remove touch delay.
|[SpinKit||Simple CSS Spinners](http://tobiasahlin.com/spinkit/)|
A collection of loading indicators animated with CSS
jQuery Audit is a Chrome Developer Tools extension for auditing jQuery.
Freestyle is a simple, powerful way to define the look and feel of your app, via structured CSS and Sass.
is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.
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.
A nicer color palette for the web.
Check for web accessibility errors from Ruby
Awesome interactive globes for the web
A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on.
Generate Product Screenshots in Realistic Environments!
A small Sass library for setting type on the web.
A technique to make the loading of images appear smoother and faster
Recreate the hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for animating it on hover.
Swiping and reordering lists of elements on touch screens, no fuss.
This book will make you a better typographer
Best jQuery Plugins of 2013.
A free, fast and flexible framework for HTML5 game creation
Navigation for flexible layouts.
A vector UI kit for bootstrap 3
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/)|
A blog pody on designing an empty state
A blog post about a web font bug in Google Chrome
A task management system
Kinetic scrolling in JS
Checks if current page is visible
Reveals animations as you scroll
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
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
|[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 27 has been released!
A blog post about Sass
A blog post about JS
A single share button that includes them all
Tips for using Git
A pattern library
A project from Facebook for prototyping
HTML5 game development framework
An image lightbox
Custom checkboxes and more
Form label design blog post
When you might not need jQuery
Origins of symbols
A guide for frontend development
Keep your sublime settings synced
Discover Sass and Compass extentions
Drematically speed up your website’s navigation
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
Makes your writting bold and clear
Improves the offline experiance of your web application
Set your iframe’s permissions
Translate your apps
Static vs Liquid vs Responsive vs Adaptive
A progress indication
JSONP to HTML
A Simple guide to responsive design
Design and development standards to align and guide your project
Start and stop services installed with homebrew
Marrying elements for life
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
Responsive design for your ads
|[Web Font Generator for Mac OSX||FontPrep](http://fontprep.com/)|
Generate web fonts
A guide for well written code
|[Free mobile and web prototyping for designers||Marvel](https://www.marvelapp.com/)|
Prototype websites, web applications, etc…
Features of JS 6
Why accessibility is important
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/)|
SVG Icon set with support for CSS customisation
Tumblr blog on empty states
Use HTML5 across browsers
A simple frontend framework for prototyping
jQuery best practices
|[Random User Generator||FREE Photoshop Extension](http://randomuser.me/extension/)|
Generate users for designing interfaces in photoshop
A gamepad API
A new CSS framework based on bootstrap and foundation
Make predictions on what a user will do next
How to use flexbox in the best case scenario
A CSS and SASS styleguide
A gif tag with awesome features
Filter & Sort Jquery plugin
A flat theme for bootstrap
A blog post on getting started with Grunticon
Drag and drop library for two-dimensional, resizable and responsive lists
Full Featured HTML Framework For Building iOS Apps
The Best Email Designs in the Universe
Error Handling in Nodejs
Prepackaged patterns and components
How to correctly detect credit card type
Fit text to a specific width
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
Front end mobile framework
A wrapper around the code provided by a codrops article. Their code has been modified to allow more than one animatable element per page
CSS animations framework
Github cheat sheet
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
A streaming build system
New features in Sketch 3
Another build system…
How to use steps() in CSS animations
An automatic page load progress bar
Faster CSS layout debugging
A minimal and customisable typography stylesheet
A Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc
A jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website
A blog post about improving the payment experience
A library for simple, fast filtering and sorting of large collections
Terms for parts of CSS
Simple and responsive lightbox
Easily mix 2D and 3D content together on the same page.
A solution for responsive tables with complex data
An isometric graphics library for HTML5 canvas
|[Labelmask||Brad Frost Web](http://bradfrostweb.com/blog/post/labelmask/)|
Blog post about labelmask
Explore how different flexbox properties work and interact with different elements
Advanced animation paths with svg
A drop in replacement for jQuery’s .animate function with better performance
Transition effects for off-canvas sidebars
A growing library of simple icons
Iconic (a robust icon set) is now open source!
Best practices when making websites
Color picker widget with no dependencies
A plugin for editable content
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
A simple jQuery polyfill for the range slider for the HTML5 range slider element
Friendlier HTML form controls with a little CSS magic,
A rich text editor built for the modern web
Realistic terrain in 130 lines
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
Tips for implementing parallax scrolling
Statistics about stylesheets
The issues with hamburger menus and the alternatives
Checks if you have any CSS that you’re not using
A Grunt workflow for designing and testing HTML email templates with SCSS
Web design resources
Script-injected “async scripts” considered harmful
A blog post talking about the scroll up bar design pattern
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
|[App.js||Mobile webapps made easy](http://code.kik.com/app/2/index.html)|
A node webkit based GUI for SVGO
API server powered by Node JS
Single Element CSS Spinners
A lightweight fast slideshow plugin for jQuery
A hybrid of a textbox and select box
(BROKEN) A curated library of quality, well maintained jQuery and plain JS plugins and libraries
Progress bar inspired by daimajia
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
A blog post about slashing page load times with css font subsetting
Convert terminal recordings to animated gifs
How to make a bubble map with D3.js and TopoJSON
The principles of OOP in CSS
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
Blend modes (like in Photoshop) in CSS
A jQuery plugin for parallax scrolling
|[Adaptive Placeholders||The Circle Blog](http://blog.circleci.com/adaptive-placeholders/)|
Placeholders that adapt into labels
|[Inspiration for Article Intro Effects||Codrops](http://tympanus.net/codrops/2014/05/22/inspiration-for-article-intro-effects/)|
Blog post header transitions
A proxy for verifying and watching HTTP requests
Styles and effects for links
Performance scrolling with media queries
Web components for text to speech, and speech to text
How to use Sketch
Makes selected elements equal in height
Blog post about the will-change CSS property
A blog post about HTML5 form validation
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
|[A Couple of Use Cases for Calc()||CSS-Tricks](http://css-tricks.com/a-couple-of-use-cases-for-calc/)|
Calculation in css
Blog post about all the different share icons
Boilerplate & Tooling for Multi-Device development
A blog post about webpage rendering
A simple way for journalists, designers, and creators to weave interactive stories
And extended and updated to iOS 8 UI Kit for Sketch
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
An easy to use automated front end setup
A real-time charting library for building visualizations
The Simpsons characters made with HTML and CSS
A library for creating interactive time series graphs
Quickly find brand guidelines
Article about how pixels get onto your users’ screens
Why Web Components aren’t ready for production
A video showing where the hamburger icon came from
A blog post about the problem with avatars
A selection of SVG pattern backgrouns packed in a single CSS or SCSS file
Keyboard shortcuts to DOM elements
A modular, hackable, and open source browser
Fast front-end boilerplate and workflows
Why you should present information as the user needs it rather than just giving a manual
Responsive design applied to logos
Add material design inspired click and hover effects to buttons
A modern CMS to create and share
Quickly find documentation
A blog post about the picture element
18 surprising facts about jQuery
Browser support tables for different things
How to add captions and subtitles to HTML5 video
How to use CSS’s flexbox to set equal height
A guide to practical typography
Visual bootstrap builder
How to make distraction-free reading experiences
Dependency free, opt-in UI, customisable date (and time) picker
Weather icon animations made using CSS and one div per icon
|[The Web Manifest specification||HTML5 Doctor](http://html5doctor.com/web-manifest-specification/)|
Article from html5doctor.com about the web manifest specification
A site which tells you whether a CSS filter will cause a layout, paint, or composite change to help you improve page performance
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”
Dark theme for Google Chrome’s developer tools
|[Heatmap.js||Dynamic Heatmaps for the Web](http://www.patrick-wied.at/static/heatmapjs/)|
HTML5 mockups of popular devices
Beginner’s guide to AngularJS
How to structure CSS that’s going to be used on a large scale
Introduction to DPI and PPI
|[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
|[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”
|[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.
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
Develop time sheets with HTML5 and CSS3
High-level advice and guidelines for writing sane, manageable, scalable CSS
“Manipulate data from API responses with ease”
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”
|[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
A jQuery plugin for rotating cuboid animations
A lightbox that only partially covers the page
|[drawer||blivesta · drawer](http://git.blivesta.com/drawer/)|
Flexible drawer menu using jQuery, iScroll and CSS.