Useful links about front-end (web) development
HTML
- MDN | learn web development
- MDN | HTML
- MDN | Tutorials
- MDN | Forms
- MDN | Use HTML to solve common problems
- MDN | svg
- html5test.com
- fronteers.nl
- w3schools
- Inclusive inputs
- A Complete Guide To Accessible Front-End Components
JavaScript
- MDN | JavaScript Guide
- MDN | async await
- MDN | Promise
- MDN | array
- MDN | The Web animations api
- MDN | Class
- javascript.info
- frontend masters handbook 2019
- regex101
- Robust Client-Side JavaScript
- Eloquent JavaScript
- You Don't Know JS (book series) - 1st Edition
- Exploring ES6
- StateOfJS
- es6 learning
- TypeScript
- TypeScript tsconfig
- eslint
- JavaScript modules
- ViteJS
- ES6 Modules
- nodejs
- babel
- vegibit.com tag: javascript
- Douglas Crockford The Good Parts Examples
CSS
- MDN | the box model
- MDN | CSS reference
- MDN| Use CSS to solve common problems
- MDN | Flexbox
- MDN | Typical use cases of Flexbox
- MDN | Grids
- INTRODUCTION TO CSS GRID LAYOUT
- MDN | Handling common HTML and CSS problems
- CSS tricks
- THE ULTIMATE FLEXBOX CHEAT SHEET
- Invisible Content Just for Screen Reader Users
- Order of specificity w3c
- Order of specificity image
- Sass
- Less
- itcss Scalable and Maintainable CSS Architecture
- Object Oriented CSS
- postcss
- postcss/autoprefixer
- HTML for Icon Font Usage
- Animista
- css modules introduction
- cssreference.io
- Flexbox froggy
- css clip-path maker
- The Differing Perspectives on CSS-in-JS
- Using character escapes in markup and CSS
- should is prefix CSS
Styleguides / design system
- styleguides.io
- Huge styleguide
- Material.io
- Vue Material
- React | Material UI
- Svelte | Material UI
- Angular Material
React
- React
- create react app
- create react app with typescript
- MDN | Getting started with React
- MDN | Beginning our React todo list
- MDN | React resources
- react patterns
- react cheatsheet
- react resources
- nextjs
- Awesomejs.dev for react
Vue
- VueJS
- Vue cli - @vue/cli
- Server-Side Rendering
- The Complete SSR Guide
- pinia
- vuex
- NuxtJS
- Awesomejs.dev for vue
- vue-cli-plugin-prerender-spa
- Vuetify is a Vue UI Library
- BootstrapVue
- Vue-test-utils
Svelte
Other css/js Libraries / frameworks / web apis
- bootstrap
- purecss
- bulma
- semantic ui
- foundation
- materializecss
- base
- animatecss
- Angular
- d3js
- emberjs
- meteor
- stenciljs
- polymer
- Web components
- core-js
- lodash
- knockoutjs
- jQuery
- graphql
- apollographql
- jasmine
- jest
- cypress
- Storybook | Build bulletproof UI components faster
Web development
- MDN | Developer guides
- MDN | Understanding client-side JavaScript frameworks
- Git Immersion
- Web Fundamentals
- Resolving Git Conflicts
- Chrome DevTools
- Articles, tutorials and tools for modern front-end development
- The Ultimate Web Code Generator
- npm
- webpack
- github
- tool for automatically using Let’s Encrypt certificates
- Apache httpd
- Mod pagespeed
- git flow cheatsheet
- devhints.io
- easy bash prompt generator
- freecodecamp learn
- Browserlist
- Caniuse | Browser support tables for modern web technologies
- A List of Static Site Generators for Jamstack Sites