Accessibility
- 24 Accessibility - Dennis Deacon
- A collection of accessible scripts, made in ES2015 - van11y
- Accessibility Checklist - irekrog
- Accessible Charts with ARIA - tenon.io
- bitsofco.de
- Block Links, Cards, Clickable Regions, Etc. - Adrian Roselli
- Creating accessible menus and mega menus - levelaccess
- hiddedevries.nl
- Form design: from zero to hero all in one blog post - Adam Silver
- How to Use ARIA Effectively with HTML5 - Sitepoint
- IT Accessibility Handbook - NC State University
- The ARIA Role Matrices - whatsock
- The new guidelines in WCAG 2.1 explained - Alexander Skogberg
- Web Accessibility Checklist - a11yproject.com
- What is WAI-ARIA - Marco
Accessibility Guides
- A11Y Style Guide - Carrie Fisher
- Design System - codyhouse.co
- Design system - gov.uk
CSS
- 30 seconds of CSS - atomiks
- An intro to CSS Grid - Lotte Jackson
- Axiomatic CSS and Lobotomized Owls - Heydon Pickering
- Collection of CSS snippets - justmarkup
- Every layout - Heydon Pickering & Andy Bell
- Front-end Architecture, Brand Variables - Etch
- Grid Layouts - Patrick Brosset
- Learn CSS Grid - Jonathan Suh
- Modern CSS - Stephanie Eckles
- My favorite CSS hack - Gajus Kuizinas
- Sticky hero section - Codyhouse
CSS - Flexbox
- A Visual Guide to CSS3 Flexbox Properties - Dimitar Stojanov
CSS - Grid
- Grid to Flex - @una
- The difference between width and flex basis - gedd.ski
Design
- Design Resource Sites - CSS Tricks
Fonts
General
- A collection of free single-purpose online tools for web developers... - Tiny helpers
- Free Essential eBooks for Web Designers & Web Developers - Bradley Nice
- Front-End case studies - andrew--r
- Front-End Developer Handbook 2018 - Cody Lindley
- Front-End Developer Handbook 2017 - Cody Lindley
- Inclusive Web Design Checklist - Heydon Pickering
- Ludicrously Fast Page Loads - Nate Berkopec
- Markdown: Syntax - John Gruber
- Modern JS Cheatsheet - mbeaudru
- On writing less damn code - Heydon Pickering
- Shortcuts.design, keyboard shortcuts - Michel van Heest
- The best front-end hacking cheatsheets — all in one place - Free Code Camp
- The Simplest Way to Load CSS Asynchronously - filamentgroup
- Using Jekyll & GitHub Pages - Donovan Hutchinson
HTML
- A Beginner’s Guide to HTML - praxent.com
- HEAD : A free guide toelements - Josh Buchea
- Front-End Checklist - codeburst.io
- HTML5 Cheatsheet - makeawebsitehub.com
- Managing Heading Levels In Design Systems - Heydon
Interview
- Front end developer handbook - devJang
Jekyll
- A perfect guide for cracking a JavaScript interview (A developer’s perspective) - Naren Arya
- Becoming a Jekyll God - Garth Braithwaite
Images
- Essential Image Opitimisation - Addy Osmani
JS
- 30 seconds of Code - Chalarangelo
- A brief history of Javascript - Sebastián Peyrott
- Creating a JS library - Checkman
- ES6 cheatsheet - Swizec Teller
- Getting Started with Webpack 2 - Drew Powers
- Javascript Defering snippet - Max Bock
- JavaScript Stack from Scratch - verekia
- JS for all of us - Ben Howdle
- Lazy loading guidance - Google
- Plain JS - Pixabay
- Lazy loading images using intersection observer - Dean Hume
- Learn JavaScript Essentials - Eric Elliot
- Offline forms - Max Bock
- Preloading Images in Parallel with Promises - Hugo Giraudel
- Setting up Webpack, Babel and React from scratch - Stanko
- The Modern Javascript Tutorial - Javascript.info
- You don't know JS - getify
Fonts
JS - Frameworks
- The ultimate guide to JavaScript Frameworks - javascriptreport.com
JS - React
- React Resources - Kristian Heruc
- Using Redux with React Hooks - https://thoughtbot.com/
JS - Redux
- 5 ways to connect to redux actions - Adam Bene
JS - Vue
- 5 Awesome Boilerplates/Templates For VueJS Projects - Vuejs Developers
- 4 AJAX Patterns For Vue.js Apps - vuejsdevelopers.com
- 4 Essential ES2015 Features For Vue.js Development - vuejsdevelopers.com
- How to Emit Data in Vue - Sunil Sandhu
- Intro to Vue.js - CSS-Tricks
- Understanding scoped slots in Vue.js - Cristi Jora
- Using Vue Observable as a State Store - Austin Cooper
- Vue Mastery
- Vue Patterns - learn-vuejs
Laravel
- Four ways to pass data from Laravel to Vue - Andrew Schmelyun
- Using VueJS with a lumen powered API - Liquidlight
Module Bundler
- Setting up webpack for Any Project - Scotch
Performance
- A Guide to the Responsive Images Syntax in HTML - CSS Tricks
- Font Chcklist - zachleat.com
- Front-End Performance Checklist - pe7er
- Understanding the critical rendering path - bitsofcode
- Speeding up the web with the Save-Data header - Nooshu
- Lazy load responsive images in 2020 - Andrea Verlicchi
React/Redux
- React/Redux Links - markerikson(github)
SASS/CSS preprocessor
- Getting To Know Stylus - Hugo Giraudel
- SASS Control scope - CSS Tricks
Server
- Apache server configs - h5bp-bot
Styleguides
- Instargram brand resources - instagram.com
- Marvel Styleguide - marvelapp.com
SVG
- Animate SVG with CSS - Jonathan Suh
- CSS: Flexible Repeating SVG Masks - Tylet Gaw
- Illustrator to SVG - CSS-Tricks
- Pocket Guide to Writing SVG - Joni Trythall
- Understanding the SVG viewBox - the newcode.com