Загрузка...Деструктурирующее присваивание в выражениях JavaScript позволяет извлекать данные из массивов или объектов при помощи синтаксиса, подобного объявлению массива или литералов в объекте.
Как получить длину JavaScript-объекта
В отличие от массивов и строк, объекты не имеют предопределенного свойства, которое возвращает их длину. Несколько способов получить длину Object в Javascript.
Javascript: вычисление расстояния между двумя точками на поверхности Земли
Расчёт расстояния между точками на поверхности Земли по их координатам с помощью Javascript
Когда в CSS использовать rem, em, px, или что-то другое
Использование только пикселей для CSS-размеров шрифта, контейнеров, отступов, позиционирования и пр. — путь простой, но тупиковый. Когда и какие единицы измерения лучше использовать
Расширение для Google Chrome: JavaScript+HTML+CSS
Расширения Google Chrome — это небольшие приложения, которые добавляют дополнительные функции в браузер и реализуются с использованием веб-технологий: HTML, CSS и JavaScript.
CSS многоточие после нескольких строк
CSS-свойство line-clamp помогает подрезать текст на определенное количество строк.
Что такое magic square? Алгоритм его генерации.
Magic square — это матрица N x N, в которой сумма чисел во всех столбцах, строках и диагоналях одинаковая, а каждое число используется только один раз.
Эффект искривлений с помощью SVG-фильтра
Использование подчеркивания, кружков и квадратов создает забавные результаты. Вы можете применить SVG-фильтр к любым HTML-элементам, включая сам текст ссылки
Набор переключателей на чистом CSS
MoreToggles.css — это библиотека на чистом CSS, которая предоставляет большое количество привлекательных переключателей. Вам нужно только добавить название CSS-класса для div.
Введение в создание веб-компонентов
Веб-компоненты состоят из 3 основных частей: Custom Element, Shadow DOM, HTML template. Вместе они реализуют функциональность, которую можно повторно использовать в любое время и в любом месте, не опасаясь конфликтов кода.
Микросервисный подход в веб-разработке: micro frontends
Микросервисная архитектура — это полная противоположность монолитной архитектуры. Используя такой подход вместо одного большого приложения, мы создаем набор небольших слабосвязанных и легко заменяемых модулей, которые взаимодействуют друг с другом.
Маскированный и слоёный CSS градиенты
Небольшой трюк с маской и слоёным градиентом (CSS linear-gradient) для четырёх углов контейнера.
Javascript алгоритм: Две строки
Пример алгоритма для поиска общих вхождений в двух строках, Javascript-функция twoStrings.
CSS Grid. Grid area на примере белорусского орнамента
Каждый элемент будет закрашенной клеточкой, расположенной в определенной позиции. Эта позиция будет задана через свойство grid-area.
CSS в console.log?
Добавить CSS в console.log? Если надо — очень просто!