markup useful materials

[smithua]

Препроцеcсоры
(Но стандарт в целом SASS, c расширение .SCSS)
https://sass-lang.com/
http://stylus-lang.com/
http://lesscss.org/
https://postcss.org/
https://www.postcss.parts/
Плагин для всего что при биде подставляет браузерные префиксы за вас
https://github.com/postcss/autoprefixer

CSS Архитектура проекта
(Никогда не следуйте слепо тому что написано, старайтесь подобрать под
свои нужды структура которая вам подходит)
https://zellwk.com/blog/css-architecture-3/
https://medium.com/@dannyhuang_75970/sass-project-structure-for-big-projects-8c4a740846ee

Преимущества и недостатки СSS - фреймворков
(Рекомендация, брать с фреймворков базовые стили, так как там учтены
все кроссбраузерные особенности, и добавлять уже модификаторами классы
что будут оформлять ваши компоненты)
https://github.com/twbs/bootstrap-sass
https://getbootstrap.com/
https://materializecss.com/
https://foundation.zurb.com/

Анимация (CSS Animate and others libraries) или лучше писать на чистом css + js
(Для простых анимаций используйте CSS свойства типа - “transition, animation”, для более сложной анимации используйте CSS + JS, в этом нет ничего плохого, так же для анимации SVG используются спец библиотеки)
https://daneden.github.io/animate.css/
http://snapsvg.io/
http://snapsvg.io/demos/#mascot
https://greensock.com/examples-showcases
https://wowjs.uk/

Для вдохновения и быстрого наброска прототипов
(Хороший ресурс, тут очень много разных демок, можете посмотреть что другие
люди делают с помощью HTML/CSS/JS и заодно можно сделать fork и поиграться самому с кодом)
https://codepen.io/
https://codepen.io/michellebarker/pen/GzzrGJ?editors=0100

Кастомные свойства в CSS
(CSS переменные)
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/
https://caniuse.com/#search=CSS%20Variables

jQuery
(Использовать можно, но нет смысла, на чистом JS писать уже не противно.
По этому пишите на чистом JS, темболее что все фреймворки используют чистый JS)
https://jquery.com/

Кто то спрашивал за билд вебпака, что при изменении файлов
В браузере не релоадилась страница с изменениями:
(Попробуйте эти серверы, вместо стандартного “webpack devserver” )
https://d22dkb9kbinceo.cloudfront.net/Screen-Shot-2019-02-22-18-20-31.57-1550852438.jpg