Comprehensive knowledge
- Guide by TeamDev (RU) (HTML coding)
- Interactive learning by freeCodeCamp (Front-end / Full-stack)
- Interactive learning by The Odin Project (Full-stack)
- Front-end Handbook 2018 by FrontendMasters (Front-end / Full-stack)
HTML / CSS
- Front-end Handbook 2018 HTML & CSS learning chapter
- HTML5 Doctor - HTML references
- HTML Dog - HTML guides
- Pug - another HTML template engine, popular in NodeJS community
Flexbox:
Methodologies:
- BEM site, BEM styleguide (essential)
- SMACSS
- OOCSS article on Smashing magazine, Guide
- ITCSS article, ITCSS slides
- Atomic Design article
Books:
- "CSS: The Definitive Guide" by Eric Meyer
- "CSS3: The Missing Manual" by David McFarland
- "CSS Secrets" by Lea Verou
Frameworks:
CSS processors
Sass
Articles:
Code styleguide:
Tutorials, guides:
PostCSS
Noticable plugins:
Emails
JavaScript
Books:
How browsers work
Linters
React
Redux:
- "Getting Started with Redux" by Dan Abramov
- "Building React Applications with Idiomatic Redux" by Dan Abramov
Vue
- awesome-vue repository - A curated list of awesome things related to Vue.js
Build
Git
Fonts
- CSS Font Stack - default fonts availability on OSs
- Typekit - if you have an account and subscription, you can assemble fonts (event most of the paid ones) in kits to connect to your website
Design
UI/UX
Accessibility
Useful plugins and libraries
Common:
- lodash - utilities (Vanilla JS)
Sliders:
Lightboxes:
- Magnific Popup (jQuery)
Text trim:
Custom forms:
Custom scrolls:
IP information (location, etc):
Sprites:
- svg-sprite - svg
- spritesmith - png, jpeg, etc
Lazy loading (images):
Regression/visual testing:
Intersection:
- IntersectionObserver API - can be used with polyfills (use instead of inview.js and waypoints if possible)
Polyfills: