В Chrome 136 устранят 20-летнюю уязвимость «перехвата истории браузера»

В Chrome 136 устранят 20-летнюю уязвимость «перехвата истории браузера»

Google наконец исправит в версии Chrome 136 уязвимость, которая позволяла сайтам просматривать историю браузера пользователя. Атаки с целью анализа браузерной истории впервые зафиксировали ещё 23 года назад. Читать далее

Подробнее
В EFF представили открытый инструмент для выявления фальшивых базовых станций

В EFF представили открытый инструмент для выявления фальшивых базовых станций

Фонд электронных рубежей (EFF) выпустил бесплатный инструмент с открытым исходным кодом под названием Rayhunter, предназначенный для выявления фальшивых базовых станций (IMSI-ловушек). Читать далее

Подробнее
Представлен хак, как на 100% CSS (без JavaScript) получить IP‑адрес пользователя на :root

Представлен хак, как на 100% CSS (без JavaScript) получить IP‑адрес пользователя на :root

Веб‑разработчик Jane Ori опубликовала на codepen.io демонстрацию хака под названием «100% CSS (без JavaScript) — получить IP‑адрес пользователя на :root». Читать далее

Подробнее
[Перевод] Наиболее эффективные методы улучшения Core Web Vitals

[Перевод] Наиболее эффективные методы улучшения Core Web Vitals

На протяжении многих лет сообщество веб-разработчиков накапливало знания об оптимизации производительности веб-приложений. Хотя каждая отдельная оптимизация может привести к улучшению работы сайта, совместное применение всех методов является довольно сложной задачей. Кроме того, лишь некоторые из них применимы к какому-либо конкретному сайту. Вопросы производительности могут быть не столь очевидны для тех, чья карьера не была связана с этой областью. Именно поэтому важно понимать, какие…

Подробнее
Frontend Адвент-Календарь 2024

Frontend Адвент-Календарь 2024

Не успеваете следить за последними новинками и трендами веб технологий? Этот адвент-календарь идеально подойдет для того, чтобы изучить и попробовать новые возможности CSS и JavaScript, появившиеся за последние годы. Читать далее

Подробнее
Опубликовали результаты State of CSS 2024

Опубликовали результаты State of CSS 2024

Пробежимся по самому интересному. Для тех, кто не курсе что это вообще такое. State of CSS - это ежегодный опрос разработчиков со всего мира о последних тенденциях CSS Фичи: Читать далее

Подробнее
В Chrome Canary стал доступен полностью кастомизируемый <Select>

В Chrome Canary стал доступен полностью кастомизируемый <Select>

Новость Это должно было когда то случится, вслед за разработкой нативного элемента popover, в 150й версии Chrome Canary появился запрос на обратную связь по элементу Select, у которого можно полностью изменять выпадающий элемент. Элемент будет состоять из следующих частей, представленных на картинке: Читать далее

Подробнее
Исследование: в 2024 году только 0,5% из топ-200 веб-сайтов мира используют валидный HTML

Исследование: в 2024 году только 0,5% из топ-200 веб-сайтов мира используют валидный HTML

Фронтенд-инженер, бывший сотрудник Google и Miro Йенс Оливер Мейерт провёл исследование, которое показало, что 199 из 200 самых популярных веб-сайтов используют неработающий HTML. Читать далее

Подробнее
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 9

HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 9

Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья — мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке. Сегодня мы рассмотрим следующие аспекты: какие сюрпризы есть при использовании свойства display; о чём нужно помнить при вёрстке кнопки «Показать пароль»; зачем нужны подсказки с помощью атрибута aria-label при разметке областей…

Подробнее
Factor and Block CSS — методология CSS

Factor and Block CSS — методология CSS

Hello, Developers!! Сегодня я расскажу о новой методологии для CSS, которая поможет вам сэкономить время на чтение и редактирование CSS-файлов. Методологию я придумал сам, если будут какие-то идеи, как улучшить её, буду рад обсудить это с вами в комментариях. Давайте же начнем. Читать далее

Подробнее
Полный гайд по CSS Flexbox с примерами из практики

Полный гайд по CSS Flexbox с примерами из практики

Привет! Сегодня мы поговорим про flexbox в css. Это очень важная тема, в которой должен разбираться каждый фронтенд-разработчик или верстальщик. Я покажу вам как flexbox работает на реальных примерах. А в конце статьи покажу лайфхаки, которыми сам постоянно пользуюсь на работе. Читать далее

Подробнее
Шпаргалка по XPath и CSS-селекторам

Шпаргалка по XPath и CSS-селекторам

Для написания автотестов используются XPath и CSS-селекторы. Они помогают найти элемент на странице, чтобы потом с ним как-то взаимодействовать (кликнуть, ввести текст, или что-то другое). Я видела много статей о том, что это вообще такое, но мне очень не хватало шпаргалки по разным селекторам, причем в разрезе «Вот он в CSS и он же в XPath» для сравнения. А мне такое для студентов надо. Поэтому решила сделать сама. Вдохновлялась страничкой «Xpath cheatsheet», но сделала на свой вкус —…

Подробнее