meetup resources

mojo.md

• https://github.com/robbyrussell/oh-my-zsh ❤️
• https://github.com/robbyrussell/oh-my-zsh/wiki/Cheatsheet#git https://www.iterm2.com/ (osx)

Design and code my personal website from start to finish:

• https://www.youtube.com/playlist?list=PLqGj3iMvMa4KeBN2krBtcO3U90_7SOl-A

Flexbox all the things!:

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/

• https://youtu.be/G7EIAgfkhmg

• https://youtu.be/qpdxiIDzg6Q ❤️

• https://github.com/Heydon/fukol-grids

• http://codepen.io/theskillwithin/pen/QNBxyr

• http://www.flexboxpatterns.com/

• https://css-tricks.com/designing-a-product-page-layout-with-flexbox/

Sematics

• http://codepen.io/theskillwithin/pen/QKawNx ( ul nav list )
• http://maintainablecss.com/
• <header> <nav> <footer> <section> <article>
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl
• http://learnlayout.com/

Centering in CSS

• https://css-tricks.com/centering-css-complete-guide/
• https://www.youtube.com/watch?v=hIG-fZ2042k

misc awesome

• https://css-tricks.com/findingfixing-unintended-body-overflow/ (got some overflow on mobile? and use body overflow-x: hidden )
• https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
• background-size: cover
• http://youmightnotneedjquery.com/

CSS Transitions:

• https://youtu.be/NZelrwd_iRs | https://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/
• https://www.youtube.com/playlist?list=PLqGj3iMvMa4LvJ8VctoXnPI0dtE40wfid (animation series)
• https://youtu.be/8NGNKBIA_eI (discover perspective property)