Рассказ о поиске себя в мире Фронтенда! Чем ты отличаешься от остальных разработчиков?
➡️ youtu.be/lOkecH37sAs
➡️ youtu.be/lOkecH37sAs
YouTube
Фронтенд-разработчики такие разные... Стоп, а какие?
Вы когда-нибудь задумывались чем вы отличаетесь от соседа по опенспейсу? Чем вы лучше или хуже? Как вообще объяснить эту разницу?
0:00 Пролог
1:54 Персонаж #1
3:38 Персонаж #2
5:11 Персонаж #3
6:37 Персонаж #4
8:23 Персонаж #5
9:33 Персонаж #6
11:00…
0:00 Пролог
1:54 Персонаж #1
3:38 Персонаж #2
5:11 Персонаж #3
6:37 Персонаж #4
8:23 Персонаж #5
9:33 Персонаж #6
11:00…
This media is not supported in your browser
VIEW IN TELEGRAM
No library emoji slider
Слайдер для выражения эмоций. Например, можно использовать для получения отзывов от посетителей на сайте.
#codepen #css #html #js
@about_javascript
Слайдер для выражения эмоций. Например, можно использовать для получения отзывов от посетителей на сайте.
#codepen #css #html #js
@about_javascript
👍6🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Loaders
Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении.
#css #html
https://codepen.io/vank0/pen/mARwLg
Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении.
#css #html
https://codepen.io/vank0/pen/mARwLg
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Love
Анимированная сцена, выполненная с помощью CSS и JavaScript.
#html #css #js
https://codepen.io/al-ro/pen/BaaBage
@about_javascript
Анимированная сцена, выполненная с помощью CSS и JavaScript.
#html #css #js
https://codepen.io/al-ro/pen/BaaBage
@about_javascript
👍4👎2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация загрузки
Оригинальная анимация загрузки. Отлично подойдет для сайтов, где будет уместна подобная иконка.
#js #css #html #coden
https://codepen.io/kira-code/pen/BaYGwYg
Оригинальная анимация загрузки. Отлично подойдет для сайтов, где будет уместна подобная иконка.
#js #css #html #coden
https://codepen.io/kira-code/pen/BaYGwYg
👍4👎2❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Glass Morphism
Приятная анимация кнопок.
#js #css #html #coden
https://codepen.io/katarzynamarta/pen/rNdbbVq
@about_javascript
Приятная анимация кнопок.
#js #css #html #coden
https://codepen.io/katarzynamarta/pen/rNdbbVq
@about_javascript
👍7🔥3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Little Gallery
Небольшой пак фотографий/картинок в виде карточек, которые анимируются вот таким способом. Непонятно на сколько это практично, но как минимум это забавно.
#js #css #html #coden
https://codepen.io/yoann-b/pen/abEjWgq
Небольшой пак фотографий/картинок в виде карточек, которые анимируются вот таким способом. Непонятно на сколько это практично, но как минимум это забавно.
#js #css #html #coden
https://codepen.io/yoann-b/pen/abEjWgq
👍3❤2🔥1
Создаём сайт портфолио с крутой анимацией
Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно:
— синхронизация вертикальных слайдов,
— CSS анимация скролла с инерцией,
— анимация при наведении.
Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU
#html #css #json
@about_javascript
Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно:
— синхронизация вертикальных слайдов,
— CSS анимация скролла с инерцией,
— анимация при наведении.
Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU
#html #css #json
@about_javascript
YouTube
Создание сайта портфолио с крутой анимацией (HTML CSS JavaScript)
💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/bundle/
В этом уроке мы рассмотрим создание сайта портфолио с диагональным плавным скроллом. Мы рассмотрим нестандартный способ синхронизации вертикальных слайдов на JS и инверсию движения…
В этом уроке мы рассмотрим создание сайта портфолио с диагональным плавным скроллом. Мы рассмотрим нестандартный способ синхронизации вертикальных слайдов на JS и инверсию движения…
👍5❤4🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
You Must Build a Lighthouse
Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома, - радиокнопка, при активации которой задействуются CSS стили.
#html #css
https://codepen.io/ivorjetski/pen/OJXbvdL
Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома, - радиокнопка, при активации которой задействуются CSS стили.
#html #css
https://codepen.io/ivorjetski/pen/OJXbvdL
👍5❤1