Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
@frontendproglib
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
About
Blog
Apps
Platform
Join
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​#tricks

Создаем анимированный фавикон

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

Проявим фантазию и анимируем важную иконку!

https://prglb.ru/5nzy7
6.2K views
👍 34👎 2
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​#css #tricks

Крутые эффекты с CSS Blend Mode

8 очень красивых примеров использования CSS режимов смешивания.

https://prglb.ru/xgv2
6.1K views
👍 12👎 2
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​#tricks

Движение модального окна по сложной траектории

Модальные окна обычно просто появляются. Это очень скучно. Иногда у них меняется масштаб или прозрачность — неплохо, но тоже не восторг. Давайте сделаем с ними что-нибудь странное :)

https://prglb.ru/31jb1
5.8K views
👍 13👎 22
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
#tricks

Раскрывающееся дерево (список) на JavaScript

https://www.youtube.com/watch?v=eD3TtGoGS9U
YouTube
Раскрывающееся дерево (список) на JavaScript
JavaScriptFEST: http://bit.ly/2OTUyBG
Курс JS: https://js.itgid.info
Пример с видео: http://tree.itgid.info
Курс вестки: https://html.itgid.info
Интернет магазин на Node: https://node.itgid.info
Плейлист: https://goo.gl/63osiv
Телеграм: https://yangx.top/jsrules…
6.4K views
👍 4👎 2
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​#css #tricks

15 забавных и вдохновляющих примеров CSS анимаций

https://prglb.ru/2weer
6.8K views
👍 29👎
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​#tricks #css #javascript #effects

Крутые эффекты движения текста

https://prglb.ru/5dfbv
6.3K views
👍 22👎
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​#javascript #tricks

25 полезных JS-сокращений

Экономьте каждую секунду своего времени - используйте короткие версии популярных конструкций.

https://prglb.ru/3thit
6.9K views
👍 36👎 4
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​#css #tricks

mix-blend-mode и эксперименты с текстом

https://prglb.ru/5bk40
7.8K views
👍 15👎
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​Можно ли вращать курсор с помощью CSS?

Можно => https://prglb.ru/7dw

#css #tricks
6.3K views
👍 23👎 1
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
​Невероятный bounce-эффект на чистом CSS

Перемещаем элемент в пределах вьюпорта без единой строчки JavaScript! Нестандартное применение анимаций — и никакого мошенничества

https://css-tricks.com/bounce-element-around-viewport-in-css/

#tricks #css
6.4K views
👍 22👎 1