A few good learning or reference resources for front-end for all levels.
“Reasons HTML and CSS might make you say what the fuck. A curated list of commonly frustrating HTML and CSS quandaries, miscues, and dilemmas.”
“CSS is a mess. We all love it, but it’s a mess. I liken it to English: there are a bunch of rules, and you can learn them. But sometimes you’re better off just trying shit and seeing what works and what doesn’t. Magic is a codification of what I’ve learned in that crazy process.The material in this textbook is intermediate-to-advanced. It assumes an understanding of the CSS syntax, cascading and inheritance, and commonly used selectors. It also assumes you’ve had enough experience with CSS to have learned not to make these common mistakes anymore.
I teach a weekly course to HubSpot engineers for which this is the textbook. The potions listed on the home page are used for the workshops in the latter half of each lesson.”
“It’s a little game to help you learn CSS selectors. Type in the correct selector to complete each level. Get help on the right.”
“Standards for developing flexible, durable, and sustainable HTML and CSS.”
“This site teaches the CSS fundamentals that are used in any website’s layout.
I assume you already know what selectors, properties, and values are. And you probably know a thing or two about layout, though it may still be a rage-provoking activity for you. If you want to learn HTML and CSS from the beginning, you should check out this tutorial. Otherwise, let’s see if we can save you some fury on your next project.”
Beginners guide to HTML/CSS
“A Beginner’s Guide to HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.”
We just gather all the stuff from top developers and put here. Since it come from exceptional folks, we could say that it is “the right way”, or the best way to do so.”
“This application is designed to help beginners grasp the powerful concepts behind branching when working with git. We hope you enjoy this application and maybe even learn something!”
“Learn to code interactively, for free.”
“Learn Meteor and build faster & simpler web apps, as we teach you how to build a real-time Meteor app from scratch.”
Big list of frontend resources