A list of useful design/developer links and articles
Open, friendly and conversational community for software developers.
Information about current popular front-end tools, languages and frameworks.
30 Vanilla Javascript tutorials taught by Wes Bos.
A good screenshot plugin for Chrome, able to grab specific sections and entire page in browser.
Emmet is a shortcode library for HTML & CSS. Extremely useful and something I use everyday.
A great article on what Languages, Frameworks and Tools that are up and coming in 2017.
I always try to see what other tools developers and designers use. There is always something better on the horizon, plus if its free its even better.
A google made tool to test mobile optimization.
A browser game to learn CSS Grid.
Create a full project/site on codepen's in browser tools. Try it on a project for free.
A CSS Methodology to help you organize and maintain your stylesheet in a meaningful and reusable way.
An open source CSS framework based on modern methodologies and techniques; BEM, OOCSS, and SASS.
Learn CSS Grid from Rachel Andrew, a well known web developer and advocate for CSS Grid.
Easy font pairing. Generate font combinations with deep learning.
A great site to learn about the basics of CSS Layout.
A site with style guides for websites from idividuals and companies.
A great site from Shay Howe on learning the basics of HTML & CSS.
Before Grid layout there was Flexbox! From the makers of Grid Garden. Learn CSS Flexbox and play a game at the same time!
A great site to learn how Javascript works. It will go through how Javascript will execute and step through the code line by line.
An exhausted list of links for modern web development.
A documentation for CSS styles with great examples and explanations.
Mozilla's guide for CSS Grid. Very nice visuals with code examples.
CSS-Tricks complete guide to CSS Grid. Another good resource for learning CSS Grid.
Javascript API Markup. The JAM Stack is a new development stack for the modern web.
A comprehensive searchable list of APIs to use for your next big project.
A starter kit for web typography. A great project to implement better typography to your website.
A Chrome extension web playground. An offline version of codepen only available for the Chrome browser.
A single page with a lot of useful commands for Vim.
A quick start web tool to easily get up and running on a React, Angular or Ionic project.
An easy browser based tool to test responsive websites.