Телеграм канал «WebDev+ | Веб-разработка»

Blendy — это крутая библиотека для JavaScript Создаёт плавные анимации между элементами. Совместима с React, Angular, Vue, Svelte $ pnpm install blendy @WebDev_Plus

Новый сайт posthog просто крутой Создаётся ощущение, что ты пользуешься полноценной операционной системой прямо в браузере. Особенно радует, когда компании проявляют креатив и добавляют интересные фишки в свои продукты, вместо того чтобы придерживаться скучных стандартных шаблонов :) @WebDev_Plus

Брось каплю дождя в любую точку и проследи её путь до океана. Неожиданно увлекательный и познавательный сайт. Источник: river-runner-global.samlearner.com @WebDev_Plus

Некоторые React-разработчики думают, что для использования тултипов нужно ставить библиотеку через npm install. Это не так Для иконок-кнопок можно просто использовать комбинацию атрибута title и текста для скринридеров с классом sr-only из tailwindcss. В итоге вы получите нативный тултип для лейбла и одновременно улучшите доступность (a11y). Нюанс: не стоит злоупотреблять атрибутом title для элементов, у которых уже есть лейбл! Я использую его только для интерактивных элементов без лейбла (иконки-кнопки) или для элементов, где текст может обрезаться троеточием (например, ссылки в навигации). @WebDev_Plus

Разработчики тратят на чтение кода больше времени, чем на его написание Вот лайфхак: I. Открой любой репозиторий II. Замени .com на .dev в URL III. Просматривай код прямо в VS Code Кодь с удовольствием 😁 @WebDev_Plus

Шпаргалка по самым важным методам объекта в JS // Получает собственные ключи объекта Object.keys({ a: 1, b: 2 }) // → ["a", "b"] // Получает значения свойств объекта Object.values({ a: 1, b: 2 }) // → [1, 2] // Преобразует объект в массив пар [ключ, значение] Object.entries({ a: 1, b: 2 }) // → [["a", 1], ["b", 2]] // Преобразует пары [ключ, значение] обратно в объект Object.fromEntries([["a", 1], ["b", 2]]) // → { a: 1, b: 2 } // Копирует свойства одного или нескольких объектов Object.assign({}, { a: 1 }, { b: 2 }) // → { a: 1, b: 2 } // Замораживает объект (изменения запрещены) const obj = { a: 1 } Object.freeze(obj) obj.a = 2 // → { a: 1 } // Запечатывает объект (нельзя добавлять или удалять свойства) const user = { name: "Ana" } Object.seal(user) delete user.name // игнорируется user.age = 30 // игнорируется // user → { name: "Ana" } // Проверяет, является ли свойство собственным (не унаследованным) Object.hasOwn({ a: 1 }, "a") // → true 👉 Гайды по JavaScript

Сегодня отмечается День программиста! 256-й день года выбран не случайно: Дата праздника объясняется расчетом: 2 (двоичная система исчисления) в степени 8 (количество битов в байте). То есть 2^8= 256. Поэтому в обычный год день программиста 13 сентября, а в високосный — 12 сентября С праздником, коллеги! ☺️ @IT_Portal