Coding

• Inserts
  • border-radius explanation
  • CSS Glyphs
  • gradients
• How to not break things
  • inline/block/inline-block
  • Chrome Developer Tools

Fancy Extras

• Page Expansion
  • colorbox
  • fancybox
  • Animated Collapsible Div
• CSS sprites
  • tut 1
  • tut 2
  • tut 3
  • haxx
• Tooltips
  • Tooltip Generator
  • Styles Inspiration
• Scrolling
  • smooth scrolling
  • jquery scrollbar
  • jscrollpane
  • parallax1, parallax2
  • detecting scroll position
  • anchor scrolling
  • side scrolling
• Cool CSS
  • hover.css
  • more hover
  • more hover
  • circle hover
  • box hover
  • animation menus
  • animate.css
  • CSS animations
  • Skillbar animation
  • CSS Graphs
  • box-shadow insp
  • sloped edges
  • CSS transform
  • CSS transform animation
  • CSS hexagon
  • circletype
  • animated transitions
  • sticky footer 1
  • sticky footer 2
• Other Stuff
  • image preview
  • masao audio player
  • CSS shapes 1
  • CSS shapes 2
  • CSS shapes polyfill
  • full-page bg
  • datatables
  • gradients

Fonts

• Teach me how to font
  • http://hellohappy.org/beautiful-web-type/
  • http://femmebot.github.io/google-type/
  • https://github.com/chrisnager/tiny-google-fonts/blob/gh-pages/index.html
  • https://www.smashingmagazine.com/2014/03/taking-a-second-look-at-free-fonts/
  • flow-type.js
  • idk what I was doing
  • http://fontpair.co/
  • https://www.typewolf.com/recommendations
  • https://webtypography.net/toc/
  • 100 free fonts
• Resources
  • Camy's Stash

Graphics

• Patterns
• colourlovers
• BUTTON FONTS PLAYTHING YO

Photoshop

• batch actions
• image processor

Language

• disappointed with/in/by
• Sleeping Beauty

Just in Case

• Text-to-HTML
  • http://ckeditor.com/
  • https://www.tinymce.com/
• Reference
  • https://mathiasbynens.be/demo/jquery-size