Snow

Реализовано без использования JS. Каждому элементу рандомно задается размер и время падения в SCSS.

#css

​Как использовать селектор :has() в CSS

По своей сути селектор :has() является реляционным псевдоклассом. Это означает, что он позволяет выбрать элемент на основе его отношений с другими элементами.

#css #ru

Друзья, сегодня рекомендуем отличный канал с материалами по тестированию!

🐞Тестировщик от бога — официальный канал сайта testengineer.ru.

Что отличает нас от кучи других каналов по тестированию:

— мы — один из самых крупных каналов по тестированию в телеграм существующий с 2019 года;
— мы пишем свои материалы: составили дорожную карту тестировщика, в которой собрали все, что надо знать для успешной работы;
— подготовили 🔥 большой учебник по тестированию, где собрали огромное количество материалов для обучения;
— мы проводим регулярные холиварные обсуждения — вот, например, подписчики рассказывают, как искали первую работу и какой была их первая зп;
— мы не постим ленту из хабра — все материалы, которые мы пишем или отбираем, мега-полезные. Перейдите в канал и убедитесь в этом сами.
— и многое-многое другое

Подписывайся на тестировщика от бога и узнай уже наконец разницу между тест-планом и баг-репортом 😇

Password Generator

Генератор паролей с использованием строчных и заглавных буквы, цифр и специальных символов. Реализован с помощью Clipboard.js.

#css

Creating Responsive Websites
Using HTML5 and CSS3

Автор: Varun Gor
Год издания: 2023

#html #css #en

Perlin Noise

Анимация голограммы. Реализована с помощью JavaScript и CSS.

#js

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

Ответ

​Декомпозиция — ваша суперсила

Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики. Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски. Это одно из самых важных качеств хорошего архитектора.

#js #angular #ru

Animated Upload Modal

Анимированная форма загрузки файла, созданная на HTML, CSS и JS.

#js

Замораживание объектов в JS

Давайте познакомимся с рядовым, но не слишком часто используемым методом для объектов в JS - .freeze()

.freeze() предотвращает добавление свойств к объекту, удаление старых свойств из объекта и изменение существующих, что довольно полезно в современной парадигме ООП.

Пример кода:

const obj = {foo: 'bar'};

Перед замораживанием: можно добавить, изменить или удалить свойства

obj.lumpy = 'woof';
delete obj.foo;

Замораживаем

Object.freeze(obj);

Так можно проверить

Object.isFrozen(obj); // === true

Теперь никакие изменения не произойдут

obj.foo = 'quux';

#js

How JavaScript Works

Автор: Jonathon Simpson
Год издания: 2023

#js #en

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

Ответ

Custom Radio Buttons

Пользовательские радио-кнопки, выполненные на чистом CSS.

#css

​Как сделать простой мини-календарь, выводящий текущий день?

В этой статье создадим мини-календарь с использованием HTML, CSS и JavaScript. Он будет отображать текущее число месяца, день недели, месяц и год. Вывод названия месяца и дня недели он будет осуществлять на том же языке, на котором отображается браузер.

#js #ru