JavaScript Daily | Frontend
317 subscribers
354 photos
151 links
Всё самое интересное из мира веб-разработки за сегодня.

Для связи - art.diontev@ya.ru
Download Telegram
https://youtu.be/DxSjlTKvmS8
Рассматриваются почти все доступные способы сделать две колонки с помощью HTML и CSS.
Флексбоксы, флоаты, гриды и несколько безумных вариантов.
Создание toggle-компонента с помощью современных техник. Изучив исходники, можно обнаружить много интересных свойств, в том числе и тех, которые обрабатывают системный UI.
Какого псевдоклассы у ссылки НЕ существует?
CSS | Теория #6
Anonymous Quiz
29%
link
4%
hover
11%
active
54%
click
4%
focus
Креативное меню с интересными движениями и превью содержимого при наведении на элемент. Доступны исходник в формате HTML, CSS, JS.
JavaScript | Практика #67
#js_practice_hard
Какой будет результат?
JavaScript | Практика #67
Anonymous Quiz
19%
true false
38%
true true
43%
false true
Theatre.js — JS библиотека для анимации с графическим интерфейсом. Анимирует DOM, WebGL и любую другую JS переменную
CSS | Практика #5
#css_practice_easy
Как правильно выбрать параграфы с классом `warning`?
CSS | Практика #5
Anonymous Quiz
15%
warning { }
7%
p { }
74%
.warning { }
7 полезных атрибутов HTML, которые вы, возможно, не знаете

HTML достаточно прост в освоении. Но современный стандарт позволяет использовать довольно функциональные возможности. 7 полезных атрибутов HTML, о которых вы можете не знать.
JavaScript | Практика #68
#js_practice_easy
Практики в JavaScript, от которых лучше избавиться

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

"Вредные" практики JavaScript: от чего нужно отказаться прямо сейчас. Список плохих привычек разработчика с примерами.
Использование современных форматов изображения: AVIF и WebP

Статья о том, как современные форматы изображений (AVIF или WebP) могут реализовать сжатие до 50% и обеспечить минимальный размер файла, сохраняя при этом визуально привлекательный вид.
Сравнение современных медиа форматов с детальным описанием принципов работы.
CSS | Практика #6
#css_practice_easy
Code Review – зачем и как использовать в команде?

Статья будет интересна тому, кто не сталкивался с Code Review в своей практике. Автор не охватил все плюсы и минусы этого процесса, но для начального понимания материал подойдет хорошо.
JavaScript | Практика #69
#js_practice_easy
Что будет в консоли?
JavaScript | Практика #69
Anonymous Quiz
25%
2, 3 4, 5
29%
1, 2 2, 3
38%
1, 2 3, 4
8%
1, 3 4, 5
Mirrored Light Orb Cursor Movement

Реализация двух шаров со свечением, которые зеркально следуют за курсором пользователя.

Немного CSS box-shadow и ~16 строк нативного JavaScript.