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
加入频道
Media is too big
VIEW IN TELEGRAM
Оптимизация загрузки шрифтов на сайте

Несколько приёмов по оптимизации загрузки шрифтов. Использование Google Fonts.
Работа с наборами @font-face. Минимизация числа начертаний, загружаемых символов и не только.
Игра Stacker на чистом CSS3 и HTML5 (без использования JS)

Посмотреть на CodePen
Каталог визуализации данных 

https://datavizcatalogue.com/RU/
Media is too big
VIEW IN TELEGRAM
Изображения в формате WEBP

Эксперименты с форматом WEBP. Поддержка в браузерах.
Реальный коэффициент сжатия. Утилита CWEBP и её флаги.
Комментарии к экспериментам.
Онлайн генератор для наглядной демонстрации работы CSS свойства box-shadow

Посмотреть на CodePen
Вертикальное выравнивание текста в кнопках и инпутах

https://codyhouse.co/blog/post/vertical-text-alignment-in-buttons-and-inputs
React Hooks (хуки)

#1: React Hooks — useState
#2: React Hooks — useEffect
Создание 3D-иллюстраций с помощью CSS

https://frontend.horse/articles/creating-3d-illustrations-with-css/
Недоступность в картинках
Когда мы говорим про доступность, мне часто не хватает визуальной составляющей. «Недоступно для скринридера» — как это выглядит?

http://css.yoksel.ru/inaccessibility/
9 полезных приемов git branch, о которых вы могли не знать

https://levelup.gitconnected.com/9-useful-tricks-of-git-branch-you-might-not-know-a2bad3c54804
Эффект кругов на воде для изображений на JavaScript

Посмотреть на CodePen
This media is not supported in your browser
VIEW IN TELEGRAM
Визуализация популярности браузеров с 1994 по 2019
Search Bar: форма поиска с красивым эффектом

Посмотреть на CodePen
Media is too big
VIEW IN TELEGRAM
Задача по JavaScript от Яндекс — Морзе
Media is too big
VIEW IN TELEGRAM
CSS анимация для самых маленьких. Анимация логотипа на миллион долларов