Вышел Firefox 117

Вышел Firefox 117

Стала доступна версия Firefox 117. Теперь браузер поддерживает автоматический перевод веб-контента. Однако поддержка автоматического перевода Firefox не основана на облаке, а скорее опирается на локальные ресурсы. Это позволяет ей работать, когда устройство находится в автономном режиме. Читать далее

Подробнее
[Перевод] Что нового в Lighthouse 10

[Перевод] Что нового в Lighthouse 10

Lighthouse - это инструмент для аудита веб-сайтов, который помогает разработчикам с помощью возможностей и диагностики улучшить пользовательский опыт их сайтов. Lighthouse 10 доступен в командной строке через npm и в Chrome Canary. В ближайшие недели он появится в стабильном Chrome в Chrome 112 и в PageSpeed Insights. Читать далее

Подробнее
[recovery mode] Добавление масштабирования при ширине экрана менее чем body min-width в Firefox и Safari

[recovery mode] Добавление масштабирования при ширине экрана менее чем body min-width в Firefox и Safari

В этом мини туториале я расскажу вам о том, как решить проблему отсутствия масштабирование страницы при ширине экрана меньше чем body min-width в браузерах Firefox и Safari, с помощью функции, решающей эту проблему. Читать далее

Подробнее
[Перевод] Знакомство с профилировщиком производительности вашего браузера

[Перевод] Знакомство с профилировщиком производительности вашего браузера

В какой-то момент своей карьеры вы, возможно, просматривали вкладку «Производительность» в инструментах разработки вашего любимого браузера. В конце концов вы попытались создать profile, но, вероятно, быстро разочаровались. Высокая плотность отображаемой информации делает ее немного подавляющей и несколько пугающей. Я был там, я понимаю тебя! Хорошая новость: кривая обучения на самом деле не такая крутая! Как только вы усвоите несколько концепций, он внезапно станет вашим самым ценным…

Подробнее
[Перевод] CSS: работа с текстом на изображениях

[Перевод] CSS: работа с текстом на изображениях

Вы можете встретить компонент пользовательского интерфейса, у которого есть текст над изображением. В некоторых случаях в зависимости от используемого изображения текст будет трудно прочитать. У этой проблемы есть несколько различных решений, таких как добавление градиента или затемнение изображения, наложение тени на текст и другие. Этот прием будет полезен не только frontend и веб-разработчикам, но и ui/ux-дизайнерам. Написать эту статью меня вдохновил твит от Эдди Османи, работающего

Подробнее