Javascript js frontend
9.99K subscribers
421 photos
159 videos
15 files
309 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS или FrontEnd в целом - этот канал для вас.

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
FLIP image grid modal

Анимация реализована при помощи библиотеки gsap.

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Background | Pure CSS

Анимация движущегося фона, реализованная на чистом CSS.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Orbit (Game)

Игра на JS с несколькими отличающимися уровнями.

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Login form. Svg animation

Вёрстка создана на HTML и Sass. Рыба - анимированная svg-картинка.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
A Cubey Slider

Верстка реализована при помощи препроцессоров Pug и SCSS. В качестве языка программирования используется CoffeeScript.

#css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Sliding tabs 

Скользящая панель вкладок, реализованная на CSS (SCSS).

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS Tree

Дерево вкладок. Написано на чистом CSS.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Full Screen Portfolio Carousel

Карусель, созданная без использования дополнительных библиотек, на HTML, CSS и JS.

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Rating

Выставление рейтинга в виде звезд. Анимация реализована с помощью библиотеки GSAP.

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Selectionator

Список, раскрывающийся при наведении на меню выбора. Реализован с помощью CSS и jQuery.

#css #jquery
📱 Что будет выведено в консоль?

Ответ: true
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Gradient Button | Pure CSS

При наведении на кнопку меняется градиент ее заливки. Реализовано на чистом CSS.

#css
JavaScript. Что будет выведено в консоль?

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Only CSS: Paper Bird

Создано при помощи препроцессоров Pug и SCSS, без использования JS.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Hexagonal Loading Animation

Оригинальный загрузчик, созданный на HTML и CSS.

#css
JavaScript. Что будет выведено в консоль?

Ответ:
20
10
30
10
This media is not supported in your browser
VIEW IN TELEGRAM
User avatar list pile-up

Список аватаров пользователей, раскрывающийся при наведении. Реализован с помощью CSS и jQuery.

#css #jquery