Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
Обработка короткого и длинного содержимого в CSS

https://ishadeed.com/article/css-short-long-content/
Максимальная оптимизация изображений для веба в 2021 году

https://www.industrialempathy.com/posts/image-optimizations/
Макеты с плавной горизонтальной прокруткой

https://tympanus.net/codrops/2020/12/08/horizontal-smooth-scroll-layouts/
Реализация текста с глитч-эффектом на CSS за 3 минуты

https://dev.to/jh3y/css-glitchy-text-reveal-in-3-minutes-24pb
Создайте динамический Sitemap с помощью Next.js

https://codebycorey.com/blog/nextjs-sitemap
CSS var в rgba или удобное использование цветов в Sass

https://bookflow.ru/css-var-v-rgba-ili-udobnoe-ispolzovanie-tsvetov-v-sass/
Как создавать адаптивные страницы и цветные темы с минимальным CSS

https://www.freecodecamp.org/news/responsive-pages-and-color-themes-with-minimal-css/
Стилизация цепочек комментариев

https://css-tricks.com/styling-comment-threads/
30 Seconds of Code
Репозиторий содержит короткие фрагменты кода JavaScript на все случаи жизни, от конвертации из градусов Фаренгейта в градусы Цельсия, до подсчета дней недели между двумя датами.

https://github.com/30-seconds/30-seconds-of-code
Что можно добавить в переменную CSS?

https://codersblock.com/blog/what-can-you-put-in-a-css-variable/
Как загружать шрифты так, чтобы побороть FOUT и сделать Lighthouse счастливым

https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/
Параллакс-эффект с помощью CSS Sticky

https://codepen.io/hexagoncircle/full/JjRYaZw
Утилитарный класс для покрытия элементов

https://css-irl.info/a-utility-class-for-covering-elements/
Как правильно создавать HTML-формы: семантика

https://austingil.com/how-to-build-html-forms-right-semantics/ #html