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
加入频道
План развития веб-разработчика в 2019 году
Эта статья поможет быть в курсе современных тенденций.

https://github.com/kamranahmedse/developer-roadmap
Вот пример десяти прекрасных анимаций созданных на CSS

Чистый CSS отличается хорошей стандартизированностью, он может повысить производительность (GPU), обеспечить обратную и прямую совместимость, и это может быть самый эффективный способ создания анимаций.

https://webdesign.tutsplus.com/articles/pure-css-animation-inspiration-on-codepen--cms-30875
Как сделать JavaScript локализацию с помощью jQuery.i18n

https://medium.com/better-programming/how-to-do-javascript-localization-with-jquery-i18n-1320ff5d7a4e
Дайджест свежих материалов из мира фронтенда за последнюю неделю №385 (14 — 20 октября 2019)

https://habr.com/ru/post/472298/
CSS Triggers - подробная информация обо всех CSS-свойствах

https://csstriggers.com/
Избыточная вариативность во Front-end Stack: суть и причины
В этой статье я хочу поделиться своим взглядом на Front-end Stack и ответить на вопрос, почему во Front-end так много разных фреймворков и что способствует появлению новых. Также хочу выделить критерии, по которым лично я выбираю те или иные технологии в крупных проектах.

https://dou.ua/lenta/articles/front-end-stack-variability/
Предварительная загрузка шрифтов

Автор статьи, перевод которой мы сегодня публикуем, хочет рассказать о том, почему он выполняет предварительную загрузку шрифтов даже тогда, когда не должен этого делать.

https://habr.com/ru/company/ruvds/blog/470870/
Остановка анимации во время изменения размера окна

https://css-tricks.com/stop-animations-during-window-resizing/
CSS эффекты и возможности 🔥

1) Кнопки при наведении — https://youtu.be/MVfTVHZe6Co
2) Стилизация radio кнопок — https://youtu.be/Rp7NjHNWxjA3
3) Страница ошибки 404 — https://youtu.be/RHza42bvxhk
4) Анимирование checkbox — https://youtu.be/gYXC-m31FUM
5) Форма авторизации — https://youtu.be/MhpnK8bpaMw
6) Стилизация select — https://youtu.be/R-1Hh--SrX0
7) Адаптивный слайдер на CSS — https://youtu.be/1CZhGDU5cWM
Быстрый, но полный, курс по Flexbox

#1 Основные понятия https://youtu.be/nj3blnduwz0
#2 Размеры элементов https://youtu.be/y7BEjsQ7JlY
#3 Выравнивание элементов https://youtu.be/Z6FTBwIrk0I
#4 Направления осей https://youtu.be/ULxfki5NUY8
#5 Строки и колонки https://youtu.be/jz_fUjDeXF8
Про Flutter, кратко: Основы

https://habr.com/ru/post/430918/
Полезные сервисы для веб-разработчика

#1. Справочники, фигуры, градиент, текстуры! https://youtu.be/r1je5rfX7DA

#2. PNG, Анимация, Полигоны и Треугольники! https://youtu.be/CylSThBqvA8

#3. Графика для сайта https://youtu.be/HiplFzXud_s

#4. Видео для сайта! https://youtu.be/GHphx94lC0o
7 самых популярных фреймворков Node.js в 2019 году

https://x-team.com/blog/most-popular-node-frameworks/
Frontend-спринт: 100 быстрых советов по HTML, CSS и JavaScript

https://proglib.io/p/100-frontend-tips