A fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging.
A free, thorough and open source guide anyone could use to learn about the practice of front-end development.
A practical guide on how to add accessibility information to HTML elements using the WAI-ARIA (Accessible Rich Internet Applications) spec.
Available as a Chrome Extension, command line app or Node module, Lighthouse is a Google-built tool for auditing Web pages for a variety of issues.
An attempt to shed some light on the invisible parts of CSS, such as the rendering process, the box model, and more.
Thoughts on why React has become so popular, so quickly, along with a demonstration of the core principles.
Can’t find the right job? Want companies to apply to you? Try Hired.com.
Getting Started with Neat 2.0, A Lightweight and Flexible Sass Grid tutorial
Case Study: My First Practical CSS Grid Layout tutorial
CSS Grid Layout and PostCSS: Now ‘KISS’ tutorial
What happens when you combine a new powerful specification with a great processing tool?
Augmented Reality in 10 Lines of HTML (with AR.js and A-Frame) tutorial
Individualizing CSS Properties with CSS Variables tutorial
Block Formatting Contexts and Lists with ‘display: flow-root’ tutorial
Resolves the issue of weird padding/margins around floated elements.
Debugging CSS for UI Responsiveness tutorial
CSS properties and values that trigger reflows are costly when it comes to page and UI responsiveness.
The Ultimate Guide to Hiring a Front-end Developer
Our team has coded thousands of web and mobile projects. Learn how we hire the best front-end developers.
Code My Views
Automated Web Accessibility Testing with aXe video
Creating Music with the Web Audio API video
A well produced 30 minute talk.
Stylelint: A Modern CSS Linter With Over 150 Checks tools
.. and support for the latest CSS features.
Maxime Thirouin, David Clark, Richard Hallows
mq-scss: A Sass Mixin for Formulating Media Queries tools
Try Bugsnag, and Get a Free T-Shirt 👕 tools
Embedo: A Modern Social Media Embed Plugin code
For Facebook, Twitter, Instagram, YouTube and Pinterest content.
SVG Icons for Popular Brands and Technologies code
Quite developer/tech focused and lots to choose from.
Across Tabs: Easy Comms Between Cross Origin Browser Tabs code
Further info, documentation and a demo.