A guide for learning HTML, CSS, JavaScript, and other things I learned to love and loved to learn about world-making on the world wide web.
-
Shay Howe's 'Learn to Code HTML & CSS' This guy is the best. All of the material he covers is very well organized and thorough, extending way beyond the basics into stuff like performance, DOM tree traversal, semantics, accessibility, etc. The section on complex selectors is solid. I think this is the best intro course out there, hands down.
-
If you like video / interactive tutorials, Treeshouse is very good. Well worth the subscription. Try Treehouse Front End Web Development Track or Treehouse Web Design Track.
-
If you prefer physical books and visual learning, try HTML & CSS Design and Build Websites
-
P5.js Tutorials by Daniel Shiffman P5.js is a library developed by Lauren McCarthy to make coding accessible to artists, educators, designers, and beginners. It's really easy to get started with and really fun to use! Daniel Shiffman is an awesome teacher too!
-
If you don't want to learn code at all, try Webflow. Like Dreamweaver, but doesn't suck. Design visually. Creates clean, semantic code that’s ready to publish to the web, or hand off to developers.
-
Learn CSS Layout An awesome tutorial by Bocoup that teaches the fundamentals of CSS layout techniques.
-
CSS Diner A cute little game to help you learn CSS selectors.
-
CSS Positioning 101 You guessed it. Learn about positioning.
-
CSS Flexbox Free course by Wes Bos on Flexbox.
-
CSS Grid Course Free course by Wes Bos on CSS Grid.
-
CSS Grid Experiments Demos of CSS Grid by Jen Simmons.
-
HTML Semantics and Front End Architechture Because one day organizing your CSS will will be challenging and things like modular design methodologies (BEM, OOCSS, SMACSS, SUIT CSS) will come into your life.
-
Front-end Handbook The Holy Grail of Front-End Resources. Everything you need to know about HTML, CSS, DOM, and JavaScript. If you're thinking j-o-b, this handbook has it all!
-
Free Code Camp My favorite place to learn all of the things w a supportive community. All. For. F-R-E-E.
- http://caniuse.com/
- http://html5please.com/
- http://cssvalues.com/
- https://www.browserling.com/
- http://browsershots.org/
- The Manual A design journal for the web.
- A Book Apart Series Thoughtfully edited and curated books by A List Apart that introduce both essential skills and emerging practices in web design and development, e.g. mobile first, responsive design, content strategy, typography, CSS3, HTML5, etc. Each book is only about 100 pages, so save your 💊 Adderall.
- Smashing Magazine Design and developer stuff.