HTML5

• HTML5 Canvas cheat sheet (http://roblaplaca.com/examples/canvasHelloWorld/)
• HTML5 Doctor's HTML5 Element Chooser Flowchart (http://html5doctor.com/downloads/h5d-sectioning-flowchart.pdf)
• HTML5 Bleeding Edge APIs (http://dret.typepad.com/dretblog/html5-api-overview.html)
• HTML5 Browser Tester (http://html5test.com/)
• So youre going to start a new huge web project (http://css-tricks.com/so-youre-going-to-start-a-new-huge-web-project/)
• 5 HTML5 Features you need to know -- Adnane Belmadiaf's Blog (http://daker.me/2013/05/5-html5-features-you-need-to-know.html)
• Popcorn.js | The HTML5 Media Framework (http://popcornjs.org/)
• RWD Bookmarklet - test your responsive site on different devices (http://responsive.victorcoulon.fr/)
• How to add notifications to your web app (http://www.fngtps.com/2012/how-to-add-notification-center-notifications-to-your-web-app/)
• Avoid unnecessary paints - HTML5 Rocks, ie., hover while scrolling demands a lot of repaints, when you scroll DOM readies the part of the site above and below (http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/)
• Using HTML5 Geolocation API tutorials (http://www.sitepoint.com/using-the-html5-geolocation-api/)
• 5 More HTML5 APIs You Didn't Know Existed (http://davidwalsh.name/more-html5-apis)
• Editable for Bootstrap, editing in place content whatever that means (http://vitalets.github.com/bootstrap-editable/#)
• HTML5 Video cheatsheet (http://www.w3.org/2010/05/video/mediaevents.html)
• Regix editor (http://regexpal.com/), the code patterns you used to try to learn ie., regex pattern of ^\d{5}$ for Zipcode
• Webkit 3D Matrix tester (http://cssglue.com/matrix)
• Browser web standards acid test (http://acid3.acidtests.org/)
• HTML5 accessibility - work in progress November 2014 (http://www.html5accessibility.com/)

CSS

• CSS3 Click Chart (http://css3clickchart.com/)
• Slider with Sliding Backgrounds by CSS-Tricks (http://css-tricks.com/slider-with-sliding-backgrounds/)
• Typeplate - A typographic starter kit encouraging great type on the web | if you have boostrap most likely it's already available(http://typeplate.com/)
• Zurb CSS Framework - creates grids easily (http://foundation.zurb.com/)
• Pure -- Responsive CSS Templates (http://purecss.io/)
• UI Parade - Live Tools (http://livetools.uiparade.com/index.html)
• Reconciling SVG & Icon Fonts - live updates site icon fonts & svgs use the app Sketch, point to svg folder and the css will be coded automagically (http://blog.hull.io/post/47939445232/reconciling-svg-and-icon-fonts)
• Screensize.es (http://screensiz.es/)
• Ceasar -- CSS Easing Animation (http://matthewlein.com/ceaser/)
• Transitions
  • W3C Transition Timing Functions (http://www.w3.org/TR/css3-transitions/#transition-timing-function-property)
  • cubic-bezier.com (http://cubic-bezier.com/)
  • ceaser easing animation tool (http://matthewlein.com/ceaser/)
• Nose Texture Generator (http://www.noisetexturegenerator.com/)
• Sprite Cow (http://www.spritecow.com/)
• How to Retinafy Your Site Flowchart / (twitter.com/thomasfuchs) (http://mir.aculo.us/2012/06/26/flowchart-how-to-retinafy-your-website/)
• CSS3 PS: A CSS3 Photoshop Plugin (http://css3ps.com/)
• CSS Triangle generator (http://apps.eky.hk/css-triangle-generator/)
• Responsive BG Images (http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios)
• Baseline (http://basehold.it/)
• Pictograms
  • http://icomoon.ico
  • http://symbolset.com
  • http://pictos.cc
• ImgOptim (http://imageoptim.com/)
• CSS Content Folding (

http://css-tricks.com/content-folding/)

SASS

• Sass Style Guides | CSS-Tricks (http://css-tricks.com/sass-style-guide/)

Javascript & Jquery

• TIP: Use double slash instead of https or http for the link to the jquery CDN file //ajax
• ProcessingJS (http://processingjs.org/)
• gridster.js - intuitive grid jquery (http://gridster.net/)
• Super Scrolloma (http://johnpolacek.github.com/superscrollorama/)
• Popcorn.js The HTML5 Media Framework (http://popcornjs.org/)
• Retina JS - looks for retina images for retina images (http://retinajs.com/)
• Spin.js - creates the loading spinner / doesnt require jquery (http://fgnass.github.com/spin.js/)
• Prism - syntax highlighting on your site (http://prismjs.com/)
• Javascript Regular Expressions, when to use them - Tech.Pro (http://tech.pro/tutorial/1214/javascript-regular-expression-enlightenment)
• Clippy.js - add Clippy or his friends to any website for instant nostalgia (http://www.smore.com/clippy-js)
• Panel for jQuery, it will pull the content to a <div> so it might change the structure of your markup + css (http://jpanelmenu.com/)
• contribute to the community by adding your tests (http://jsperf.com/)
• Researching the Performance costs of JavaScript MVC Frameworks | Filament Group, Inc., Boston, MA (http://www.filamentgroup.com/lab/mv-initial-load-times.html)

Web Design

• UI-Cloud, search site for UI (http://ui-cloud.com/)
• UI Parade, similar to UI-Cloud. Can click on the source (http://www.uiparade.com/)
• Principles of Flat Design (http://designmodo.com/flat-design-principles/)
• Starters Guide to iOS Design (http://taybenlor.com/2013/05/21/designing-for-ios.html)
• Tiny PNG (http://tinypng.org/)
• Icon Monster (http://iconmonstr.com/)
• Movies in Color (http://moviesincolor.com/)
• mothereffing animated gif (http://mothereffinganimatedgif.com/)
• gif ninja (http://gifninja.com/)
• Evil Icons (http://evil-icons.io/)
• Design Considerations: Text on Images | CSS-Tricks (http://css-tricks.com/design-considerations-text-images/)
• Responsive Type With Only CSS — Medium (https://medium.com/@ryanallen_com/responsive-type-with-only-css-82b846370cc9)
• Twitter Emoji (Twemoji) (http://twitter.github.io/twemoji/)

UX / UI / ixD research

• Everybody Scrolls. (http://hugeinc.com/ideas/perspective/everybody-scrolls)
• Drag and Drop Interaction Ideas | Codrops (http://tympanus.net/codrops/2014/11/11/drag-and-drop-interaction-ideas/)

Dev't Tools

• Slowy App - Simulate connection speeds, ie., for 3G or LTE, etc (http://slowyapp.com/)
• Meteor - Automatic update (http://meteor.com/)
• Shadow DOM 101 - not fully standardized, api in-flux, new standard for presenting diff. widgets for your site. Some of your selectors might conflict so sol'n is metaDOM called shadowDOM (http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/)
• OverAPI cheatsheet, my Chrome web app (http://overapi.com/)
• Sequel Pro, for databases (http://www.sequelpro.com/)
• Behind the scenes details, What every programmer absolutely, positively needs to know about encodings and character sets to work with text (http://kunststube.net/encoding/)
• Using APPCACHE - The offline cookbook - JakeArchibald.com (http://jakearchibald.com/2014/offline-cookbook/)

iOS / Mac

• iOS Image Optimization Tricks (http://www.dwellable.com/blog/Tech-iOS-Image-Tricks)
• Install Apache, MySQL, PHP on Mountain Lion (http://coolestguyplanettech.com/downtown/install-and-configure-apache-mysql-php-and-phpmyadmin-osx-108-mountain-lion)
• PhoneGap.com (http://phonegap.com/)
• Practical ARIA Examples (http://heydonworks.com/practical_aria_examples/)

Mobile

• Framer UI Tester (http://www.framerjs.com/)
• SideTap - allows to copy the UI Design pattern of having a nav list on the side (http://sidetap.it/)
• Backbone.viewkit Backbone.js plugin managing views & transition for mobile (https://github.com/scttnlsn/backbone.viewkit)