Beginner or veteran, there's always more to learn.
This is not just another list! At notMyFirstCodeo we want everyone to get involved. If you find a good resource, read our contributing guidelines and help this grow!
HTML and CSS are the foundations you need to begin your journey as a web developer. You'll use HTML to define the structure, and CSS to add the style. The resources below will help you get there.
SEE RESOURCES
| Website | Description |
|---|---|
| freeCodeCamp | Free course to learn Web Development. |
| Interneting Is Hard | Friendly web development tutorials for complete beginners. |
| Learn to Code HTML & CSS | The guide covers a variety of web design and development topics, ranging from beginner to advanced skill levels. |
| HTML Elements | HTML elements reference by MDN. |
| HTML Entity | HTML Entity Reference by CSS-Tricks. |
| HTML Shark | Smart moves and dirty tricks for coding websites, effects and elements in HTML. |
| CSS3 Properties | CSS reference by MDN. |
| CSS Reference | A free visual guide to CSS. |
| CSS Layout | A collection of popular layouts and patterns made with CSS. |
| Modern CSS Solutions | A series examining modern CSS solutions to problems. |
| CSS Diner | A fun game to help you learn and practice CSS selectors. |
| Flexbox Froggy | A game that helps you to learn CSS Flex. |
| CSS TRICKS - Flexbox | A Complete Guide to Flexbox. |
| Grid by Example | Everything you need to learn CSS Grid Layout. |
| Grid Garden | A game for learning CSS Grid. |
| CSS TRICKS - A Complete Guide to Grid | A comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements. |
| Learn CSS Grid | A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh. |
| Can I Use | Up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. |
| CSS Effects | CSS Animations. |
| Keyframes | Create basic or complex CSS @keyframe animations with a visual timeline editor. |
| Animista | Play with a collection of ready to use CSS animations. |
| BEM | BEM naming cheat sheet. |
| Autoprefixer | Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes. |
| CSS Formatter | Online CSS Formatter, CSS Beautifier. |
| Placeholder | How To Use Our Placeholders. Just specify the image size after our URL and you'll get a placeholder image. |
| DevProjects | Practice your coding skills with free HTML/CSS projects. Projects vary from beginner to advanced level. |
| HTML Cheat Sheet | A Complete HTML Cheat Sheet to help you master HTML. |
| CSS Cheat Sheet | Brush up on your CSS Skills with this comprehensive Cheat Sheet. |
| HTML and HTML5 Interview Questions | A Complete list of HTML Interview Questions to help you ace your interview. |
Thanks goes to these wonderful people (emoji key):
 Sam 🖋 |
This project follows the all-contributors specification. Contributions of any kind welcome!