Animated BottomBar

Набор из разных анимаций перехода, применяемых к элементам навигационного меню.

#js

​Как при помощи JavaScript определить, включен ли Caps Lock

Кто угодно может нажать Caps Lock в любой момент времени и не заметить этого. Вводя обычный текст, пользователи легко обнаруживают, что Caps Lock включен. Но когда вводится пароль, проблема не столь очевидна. В результате пароль не принимается, и это раздражает пользователя. В идеале разработчики могли бы предупреждать пользователя о том, что у него включен Caps Lock.

#js #ru

Text Animation

Анимация появляющегося текста. Написана на чистом CSS.

#css

CSS The Definitive Guide

Авторы: Meyer E.A., Weyl E.
Год издания: 2023

#css #en

Gooey Navigation

При наведении на элементы меню задействуются CSS-трансформации, параметры которых задаются через CSS-переменные.

#css

​12 Modern CSS One-Line Upgrades

12 современных возможностей CSS, качественно улучшающих DX или UX одной строкой кода.

#css #en

CSS Art - Sphere

Плавная анимация сферы. Написана на чистом CSS.

#css

Верстальщик от Бога - самый большой канал про верстку в телеграм.

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

Подписывайся, если ты:

- хочешь стать программистом и учишь верстку и фронтенд (у нас есть крутой чат, где можно задать вопросы)
- работаешь верстальщиком/фронтендером
- работаешь бэкендером, но хочешь быть в курсе последних тенденций в верстке и на фронтенде в целом

JavaScript for Web Developers

Автор: Mark Simon
Год издания: 2023

#js #en

90% - SVG Animation

SVG-анимация загрузки. Реализована с помощью JavaScript.

#js

​Насколько потолстел JavaScript к 2024 году?

Я немного отстал от современных тенденций фронтенд-разработки. Помню, были статьи на тему раздутия веб-среды, в которых писали, что средний размер страницы начал достигать нескольких мегабайтов!

И всё это время я жил с мыслью, что если средний размер страницы равен, скажем, 3 МБ, то JS-бандл должен составлять около 1 МБ. Естественно, основную часть объёма должно занимать содержимое, не так ли?

Что ж, проверить это можно лишь экспериментальным путём, чем я и займусь!

#js #ru

Social media icon

Иконки с эффектом при наведении. Создано на HTML и CSS.

#css

Crazy Pie Chart

Диаграмма, созданная из svg-картинки и анимированная при помощи библиотеки d3.

#js

Master of JavaScript Errors

Автор: Dragoslav Ivkovic
Год издания: 2023

#js #en

Credit Card Payment Form

Форма оплаты кредитной картой. Реализована с помощью CSS и JavaScript.

#js

Simplified JavaScript for VIPS

Автор: Ebenezer Don
Год издания: 2023

#js #en

Задачи по Front-end - канал с задачками и тестами по JS/CSS/HTML.

На канале вы найдете:
- тесты по Javascript;
- тесты по CSS;
- тесты по HTML;
- вопросы с собеседований с решением по JS, CSS, HTML

Подписывайтесь, решайте и предлагайте свои решения: @frontquizes

React Quickly

Авторы: Morten Barklund, Azat Mardan
Год издания: 2023

#js #react #en

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

Ответ

Cityscape

При нажатии на части сцены задаются различные CSS-классы, которые запускают анимации и трансформации.

#css