By Max BrockmanMay 22, 2014

Useful Links for Front-End Web Development

I've been in Code Fellows' Front-End UX Design & Development Accelerator for a couple weeks now, and some of the most useful info I've learned is a vast library of really great websites that talk about web design.

This is a really short list right now, but I will be updating this as frequently as possible. Also, I would love for anyone reading this to add a link to something they’ve found useful in the comments section. Just put it up there, because you never know how much you can help someone in a bind. ~Max

  • A practical guide to HTML and CSS is written by Shay Howe. It’s a great starting point for anyone who wants to know where they stand on their coding skillz.

  • Animate.css is a great page that shows you the code for the animations that you want using only CSS.

  • CanIuse.com is a fantastic resource that uses JSON files that are constantly updated in order to show you which browsers and their versions support your HTML/CSS features.

  • Flex-Box is the solution to all of your CSS positioning problems. Can I please just make a header with some elements that are responsive to size and are easy to center? Now you can.

  • 30 CSS Selectors you must memorize is an incredibly useful list of advanced CSS selectors that you can use to make your layout infinitely sexier and well written.

  • CSS-Tricks is a really useful and constantly updated page about CSS…tricks…

  • CSS Wizardry Harry Roberts is a big player in the front-end world. Look what he has to say. It’s probably important.

  • Document Object Model or the DOM, what’s that? This is Chris Coyier’s nice explanation of what the DOM actually is.

  • HTML5 Cheat Sheet list of HTML5 tags. Could be very useful for writing semantically correct HTML.

  • HTML5 Outliner is a tool that you paste your HTML into and it breaks it down into a reader generated outline. This is a great tool for judging how semantically correct your HTML actually is!

  • LearnLayout.com teaches you the deceptively difficult world of using CSS for layout. Go through the 19 steps 19 times, then you should be ok.

  • Resizer is an awesome tool created by Malte Wassermann to show adjustable screen sizes. This lends its self to responsive web design nicely.

  • Responsive Tables is a CSS-tricks article on creating responsive tables that look great on mobile and comp.

  • Scalable and Modular Architecture for CSS is an approach to web development written by Jonathan Snook. It’s a quick read that’s worth it.

  • Screen Sizes has a list of screen sizes for every relevant device out there!

  • CSS Lint is an awesome tool for cleaning up your CSS. Redundancy is the enemy here. We’re learning to completely utilize our code for efficiency and readability for both human and machine.

  • Sass Meister is a project that our fearless leader Dale Sande is a major part of. Very valuable tool if you’re using Sass to write CSS.

What are your favorite web development resources? Join the conversation on Reddit and Hacker News.

Check out more resources on Max’s blog.