🔧 React Virtuoso — библиотека компонентов React для рендеринга больших наборов данных.
https://virtuoso.dev/
https://virtuoso.dev/
virtuoso.dev
Getting Started with React Virtuoso | React Virtuoso
React Virtuoso is a family of React components that display large data sets using virtualized rendering, automatically handling variable item sizes and changes in items' sizes.
Please open Telegram to view this post
VIEW IN TELEGRAM
Smashing Magazine
Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide — Smashing Magazine
In this guide, Pearl Akpan analyzes the methods and properties that make user interface solutions such as infinite scrolling, animating elements on scroll, or even the popular drag and drop achievable, and afterward, dives into some practical use cases for…
Как начать тестировать frontend: гайд для новичков
Рамиль Шайбаков, фронтенд‑разработчик в СберЗдоровье, в ходе проведения собеседований заметил одну закономерность — у большинства фронтендеров нет опыта в тестировании. Вот и решил исправить эту ситуацию и подготовил небольшой гайд, который поможет фронтенд‑разработчикам внедрить тестирование в своей компании и сделать в нем первые шаги.
Рамиль Шайбаков, фронтенд‑разработчик в СберЗдоровье, в ходе проведения собеседований заметил одну закономерность — у большинства фронтендеров нет опыта в тестировании. Вот и решил исправить эту ситуацию и подготовил небольшой гайд, который поможет фронтенд‑разработчикам внедрить тестирование в своей компании и сделать в нем первые шаги.
Хабр
Как начать тестировать frontend: гайд для новичков
Хабр, привет. Меня зовут Рамиль Шайбаков, я фронтенд‑разработчик в СберЗдоровье. Последние несколько лет я часто собеседую кандидатов на позицию frontend‑разработчика в нашу компанию и...
Разработка клиента Hacker News с использованием Alpine.js
Быстрое и элегантное введение в работу с Alpine.js на простом примере.
Читать
Быстрое и элегантное введение в работу с Alpine.js на простом примере.
Читать
Salai Vedha Viradhan
Build a Hacker News client using Alpine.js
If you want to sprinkle some interactivity to your websites without much hassle, Alpine.js might be something you are looking for. Alpine is one of those tools that when you look at it, you cannot pass by without adoring its simplicity of design. It is a…
#research #tools
На PortSwigger всегда выходят качественные исследования, на которые однозначно стоит обращать внимание. В одном из последних Гарет Хейс рассказывает об обнаружении server-side prototype pollution в JavaScript методом черного ящика, не вызывая DoS.
Более того, автор и команда разработали лаборатории для закрепления навыков и написали расширение для Burp Suite. Дерзайте.👇
Читать
На PortSwigger всегда выходят качественные исследования, на которые однозначно стоит обращать внимание. В одном из последних Гарет Хейс рассказывает об обнаружении server-side prototype pollution в JavaScript методом черного ящика, не вызывая DoS.
Более того, автор и команда разработали лаборатории для закрепления навыков и написали расширение для Burp Suite. Дерзайте.
Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
PortSwigger Research
Server-side prototype pollution: Black-box detection without the DoS
Server-side prototype pollution is hard to detect black-box without causing a DoS. In this post, we introduce a range of safe detection techniques, which we've also implemented in an open source Burp
Перевод статьи Андрея Ситника о создании минимального набора иконок, соответствующего большинству современных потребностей. По мотивам этой статьи также был создан онлайн-генератор.
Читать
Читать
Генератор favicon иконок для сайта
Генератор иконок для сайта
Минималистичный генератор favicon поможет создать иконку для сайта.
https://github.com/lit/lit/
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - lit/lit: Lit is a simple library for building fast, lightweight web components.
Lit is a simple library for building fast, lightweight web components. - lit/lit
Анимированный полет с помощью Theatre.js и React Three Fiber
Разбираемся, как отобразить 3D-сцену на веб-странице и перемещать по ней камеру во время прокрутки пользователем. Всего 50 строк кода.
Читать
Разбираемся, как отобразить 3D-сцену на веб-странице и перемещать по ней камеру во время прокрутки пользователем. Всего 50 строк кода.
Читать
Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Medium
The Next Generation of Front-end Development
Experience the Speed and Efficiency of neo.mjs Version 5
Отладка HD color с помощью панели стилей, улучшенный интерфейс брейкпоинтов, настраиваемые ярлыки рекордера, улучшенная подсветка синтаксиса Angular, реорганизация пункта Cache на панели Application: эти и многие другие новые фичи в DevTools (Chrome 111).
Читать
Читать
Хабр
Что нового завезли в DevTools (Chrome 111)
Отладка HD color с помощью панели стилей Новые цветовые типы CSS и пространства появляются в интернете! Не менее интересно, что DevTools получил новые инструменты, помогающие разработчикам создавать,...
Разработка на JavaScript без системы сборки
Использование различных инструментов сборки для таких вещей, как транспилинг и бандлинг, является достаточно стандартным в современной разработке JavaScript, но что, если вы хотите, чтобы все было просто?
Для простых вещей это не обязательно, — говорит Julia Evans. Естественно, это вызвало бурную дискуссию на Hacker News.
Использование различных инструментов сборки для таких вещей, как транспилинг и бандлинг, является достаточно стандартным в современной разработке JavaScript, но что, если вы хотите, чтобы все было просто?
Для простых вещей это не обязательно, — говорит Julia Evans. Естественно, это вызвало бурную дискуссию на Hacker News.
Julia Evans
Writing Javascript without a build system
Бесплатный курс для всех, кто любит качественные IT-публикации и хочет научиться интересно писать о программировании либо улучшить навыки письма.
Курс состоит из семи модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций. Ограничений на время прохождения заданий нет.
Курс будет интересен авторам, работающим в составе редакции, копирайтерам-одиночкам и просто программистам, которые хотят научиться интересно рассказывать о собственных проектах.
Материалы регулярно дополняются, обновляются и корректируется. Отвечаем на все учебные вопросы в комментариях курса.
Как стать автором «Библиотеки программиста» и получать гонорары за статьи?
➡️ Заполните анкету.
Если все ок, мы свяжемся с вами и обсудим дальнейшие шаги.
Please open Telegram to view this post
VIEW IN TELEGRAM
Цвета и цветовые пространства
Специально для тех, кто считает несправедливыми шутки про «покраску кнопок», ведущие подкаста с головой ушли в увлекательный и непростой мир представления цвета в компьютерных системах. Так вот, цвета — это очень сложно! Вместе с Андреем Ситником разбираемся почему.
Apple Podcasts | Google Подкасты | Яндекс Музыка
Please open Telegram to view this post
VIEW IN TELEGRAM
Apple Podcasts
Podlodka #305 – Цвета и цветовые пространства
Выпуск подкаста · Podlodka Podcast · 30.01.2023 · 1 ч. 36 мин.
Разбираемся, как предотвратить некоторые проблемы в React, которые могут возникнуть в local-first приложениях с асинхронным стейт-менеджером.
Читать
Читать
evilmartians.com
How to avoid tricky async state manager pitfalls in React—Martian Chronicles, Evil Martians’ team blog
Learn how to prevent some tricky problems in React that can arise when using asynchronous state managers and avoid breaking UIs, animations, and destroying UX
🎉 Ой, сегодня уже 23 февраля…
А вы не успели определиться с подарком? Держите тогда набор мастхэв от Proglib.academy
Мало? Ну штош, вот еще скидка 50% на все курсы:
1. Основы IT для непрограммистов
2. Математика для Data Science
3. Алгоритмы и структуры данных
4. Основы программирования на Python
5. Frontend Basic и тд.
⛹️♀️Поторопитесь, срок действия истекает 28 февраля ;)
Proglib.academy – это:
— более 800 000 разработчиков в IT-сообществе;
— программы разработаны преподавателями ВМК МГУ;
— решение реальных задач, которые дают на собеседованиях в компании размера FAANG;
— спикеры Яндекса, Revolut, Тинькофф и т.д.
💎 Подробнее о курсах: https://proglib.io/w/8fa9bb50
А вы не успели определиться с подарком? Держите тогда набор мастхэв от Proglib.academy
Мало? Ну штош, вот еще скидка 50% на все курсы:
1. Основы IT для непрограммистов
2. Математика для Data Science
3. Алгоритмы и структуры данных
4. Основы программирования на Python
5. Frontend Basic и тд.
⛹️♀️Поторопитесь, срок действия истекает 28 февраля ;)
Proglib.academy – это:
— более 800 000 разработчиков в IT-сообществе;
— программы разработаны преподавателями ВМК МГУ;
— решение реальных задач, которые дают на собеседованиях в компании размера FAANG;
— спикеры Яндекса, Revolut, Тинькофф и т.д.
💎 Подробнее о курсах: https://proglib.io/w/8fa9bb50