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

Для связи - art.diontev@ya.ru
Download Telegram
JavaScript | Практика #81

Каков правильный синтаксис JavaScript для изменения содержимого элемента `p`?
Anonymous Quiz
53%
document.getElementById("demo").innerHTML = "Hello World!";
18%
document.getElement("p").innerHTML = "Hello World!";
9%
#demo.innerHTML = "Hello World!";
20%
document.getElementByName("p").innerHTML = "Hello World!";
Разбираемся с цветами, палитрами, фильтрами CSS и не только

Карманный справочник о том, как работать с цветом в CSS и вебе в целом. Он начинается с теоретических основ и содержит множество инструментов и примеров работы с градиентами, анимацией, SVG.
Создание multi-select компонента

В этом посте автор делится мыслями о том, как создать компонент с несколькими вариантами выбора.

Демо - https://gui-challenges.web.app/multi-select/dist/
CSS | Теория #12

Какое свойство CSS управляет размером текста?
Anonymous Quiz
11%
text-size
5%
font-style
82%
font-size
2%
text-style
Репликация анимации частиц с помощью Three.js

Демо - https://dnacapitalreplica.netlify.app/
Скрытые функции Google Chrome, которые должен знать каждый разработчик

Chrome Dev Tools - один из наиболее часто используемых инструментов среди веб-разработчиков. Но у него есть некоторые удивительные функции, о которых большинство разработчиков не знают.

В этой статье рассказывается о 5 лучших экспериментальных функциях Chrome Dev Tools, которые должен попробовать каждый разработчик.
JavaScript | Практика #82
#js_practice_easy
JavaScript | Практика #82

Существует ли свойство `MIN_VALUE` в объекте `Number`?
Anonymous Quiz
62%
true
38%
false
Error Boundaries в React: препарируем лягушку

Автор поста делится мнением, почему при обработки ошибки в render-фазе в React, необходимо использовать Error Boundaries.
Vue.js для проекта на Bitrix

Автор делится реализацией, которая поможет привести к понятной схеме разделения ответственности разработчиков и удобному внедрению Битрикс-компонентов с Vue-приложениями.
JavaScript | Практика #83
#js_practice_medium
JavaScript | Практика #83

Что будет в консоли?
Anonymous Quiz
28%
true, true, false
23%
false, true, false
9%
true, false, true
40%
true, true, true
Раскрывающиеся секции с помощью CSS Grid

При работе с таблицами иногда появляется задача сделать дополнительный скрытый блок с расширенной информацией. Автор статьи, используя гриды, показывает, как реализовать такой блок.
JavaScript | Теория #18

Где правильно размещать код JavaScript?
Anonymous Quiz
4%
В <head> секции
31%
В <body> секции
65%
Можно размещать и в <head>, и в <body>
Как реализовать темный режим с помощью CSS и 3 простых строк JavaScript

В статье автор расскажет, как сделать переключатель темы для сайта. Рассматривается самый простой вариант с использованием CSS переменных и переключения класса элемента в JS.
Структурирование HTML страниц

Автор статьи рассказывает о своем подходе к созданию структуры HTML с небольшими примерами вёрстки.
JavaScript | Практика #84
#js_practice_easy
Запустилась Дока — опенсорсный справочник по веб-разработке

Дока — это опенсорсный справочник с документацией, который веб-разработчики пишут для веб-разработчиков.

Вводная статья с комментариями от создателей.
CSS | Практика #10
#css_practice_easy
CSS | Практика #10

Как разбить текст на три колонки?
Anonymous Quiz
17%
column-width: 3
13%
column-rule: 3
30%
column-span: 3
40%
column-count: 3