Front-end enthousiast | Frontend tools
HTML
- MDN | learn web development
- MDN | HTML
- MDN | Tutorials
- MDN | Forms
- MDN | Use HTML to solve common problems
- MDN | svg
- html5please.com
Vue
- VueJS
- Vue cli - @vue/cli
- Server-Side Rendering
- The Complete SSR Guide
- vuex
- NuxtJS
- Awesomejs.dev for vue
- vue-cli-plugin-prerender-spa
- Vuetify is a Vue UI Library
Other css/js Libraries / frameworks / web apis
JavaScript
- MDN | async await
- MDN | Promise
- MDN | array
- 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
- MDN | Class
- JavaScript modules
- ES6 Modules
- nodejs
- babel
- vegibit.com tag: javascript
- Douglas Crockford The Good Parts Examples
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
Styleguides / design system
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
- 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
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
Svelte
Libraries & Plugins
Bookmarklets & Online Tools
Debugging & Testing
Browser Addons
- Colorzilla
- MeasureIt
- Firebug
- View Source Chart
- Empty Cache Button
- Ghostery
- Live Reload
- What Font
- jQuery API Browser
- Window Resizer
Templates & Themes
Inspiration & Blogs
- CSS Tricks
- Smashing Magazine
- A List Apart
- 24 Ways
- CSS Wizardry
- UX Booth
- User Interface Engineering
- Codrops
- Webdesigner Depot
- Teamtreehouse Blog
- Dailyjs
- Dribbble
- CSS Mania
- Awwwards