Перед современными родителями рано или поздно встаёт проблема регулирования отношений между ребенком и Internet. После некоторых поисков я нашел оптимальное для себя решение – программу E2guardian, которая является продолжением проекта DansGuardian. О последнем на Хабр вышло несколько статей, однако DansGuardian не поддерживается с 2013 года, а официальный сайт был удален вместе с размещенными на нем материалами. В то же время информационное наполнение справочной системы E2guardian не настолько обширное, как его предтечи. E2guardian, позволяет существенно снизить вероятность случайной встречи ребенка с нежелательными материалами, а также подстраховать от непреднамеренной, но потенциально опасной активности (посещение фишинговых сайтов, скачивание инфицированых файлов), однако требует настройки, особенностями которой и хотелось бы поделиться. В этой статье я рассмотрю только вариант локальной установки и базового конфигурирования программы под Debian 11.
Читать далееhttps://habr.com/ru/post/700108/?utm_campaign=700108&utm_source=habrahabr&utm_medium=rss
У YouTube уже давно есть такая фишка как главы (chapters) для быстрой навигации по частям видео. Огромный недостаток текущей реализации - просмотр списка глав осуществляется в стороннем блоке за пределами плеера, т.к. в театральном и полноэкранном режимах до него непросто добраться. Намного удобнее, кажется, отображать оглавление прямо в плеере. Поправим это с помощью расширения (Chrome, Firefox).
Читать далееhttps://habr.com/ru/post/698344/?utm_campaign=698344&utm_source=habrahabr&utm_medium=rss
https://habr.com/ru/post/690496/?utm_campaign=690496&utm_source=habrahabr&utm_medium=rss
https://habr.com/ru/post/678852/?utm_campaign=678852&utm_source=habrahabr&utm_medium=rss
В какой-то момент своей карьеры вы, возможно, просматривали вкладку «Производительность» в инструментах разработки вашего любимого браузера. В конце концов вы попытались создать profile, но, вероятно, быстро разочаровались. Высокая плотность отображаемой информации делает ее немного подавляющей и несколько пугающей. Я был там, я понимаю тебя!
Хорошая новость: кривая обучения на самом деле не такая крутая!
Как только вы усвоите несколько концепций, он внезапно станет вашим самым ценным инструментом для устранения узких мест в производительности.
Эта статья даст вам несколько ключей к пониманию того, как работает профайлер и как правильно его использовать.
Давайте полностью забудем о console.log и console.time, сегодня мы погрузимся в профилировщик производительности!
https://habr.com/ru/post/668008/?utm_campaign=668008&utm_source=habrahabr&utm_medium=rss
https://habr.com/ru/post/653803/?utm_campaign=653803&utm_source=habrahabr&utm_medium=rss
https://habr.com/ru/post/653827/?utm_campaign=653827&utm_source=habrahabr&utm_medium=rss
Вчера на работе разработчик обратился ко мне с проблемой. Разговор шел примерно так...
Читатьhttps://habr.com/ru/post/651877/?utm_campaign=651877&utm_source=habrahabr&utm_medium=rss
У YouTube есть возможность оставлять в комментариях временные метки для видео. Просто пишем в комментарии время в формате hh:mm:ss и YouTube сам превратит это в ссылку. Небезызвестный музыкальный сервис Soundcloud позволяет показывать комментарии к трэкам прямо на таймлайне. Так почему бы не сделать такое же в YouTube?!
Читать далееhttps://habr.com/ru/post/647081/?utm_campaign=647081&utm_source=habrahabr&utm_medium=rss
В заключительной части разберём, как добавить точку останова с условием, использовать console.log
, не используя console.log
, что делать, если хочется глубже погрузиться в отладку JavaScript, и даже как принять участие в разработке браузера.
https://habr.com/ru/post/592095/?utm_campaign=592095&utm_source=habrahabr&utm_medium=rss
В третьей части ищем ошибку при удалении задачи из списка дел, и попутно путешествуем во времени разбираемся со стеком вызовов в отладчике.
https://habr.com/ru/post/588981/?utm_campaign=588981&utm_source=habrahabr&utm_medium=rss
Продолжаем погружаться в отладку с Firefox DevTools. Во второй части разбираем, что такое точки останова в отладчике, как ими пользоваться и почему они — замена console.log
.
https://habr.com/ru/post/587516/?utm_campaign=587516&utm_source=habrahabr&utm_medium=rss
Используете для отладки JavaScript-кода только console.log
? Есть способ получше! Отладчик в Firefox DevTools помогает быстро находить ошибки в коде и бережёт ваши нервы и время.
https://habr.com/ru/post/586776/?utm_campaign=586776&utm_source=habrahabr&utm_medium=rss
Если вы пользуетесь устройством с небольшой диагональю дисплея, то наверное замечали, что на некоторых сайтах "липкие" плашки отъедают значительную часть экрана. Прибавим к этому меню браузера и операционной системы, зачастую узкий экран (16х9) и, в итоге, остаётся не так много вертикального пространства. Расширение Bar Breaker решает эту проблему (доступно для Chrome и Firefox).
Читать далееhttps://habr.com/ru/post/579614/?utm_campaign=579614&utm_source=habrahabr&utm_medium=rss
Состоялся релиз web-браузера Firefox 92, сообщает Techradar. Новая версия, как сообщают разработчики, обеспечивает пользователей усиленными протоколами защиты данных, исправлены мелкие недочеты и улучшена производительность браузера, а также разработчики продлили срок поддержки версий 78.14.0 и 91.1.0.
Кроме этого, версия Firefox 93 перешла в стадию бета-тестирования, релиз которой намечен на 5 октября.
Основные нововведения Firefox 92:
- Появилась возможность автоматического проброса на HTTPS с использованием протокола HTTPS в DNS вместо HTTP-заголовка Alt-Svc (HTTP Alternate Services, RFC-7838), что позволяет серверу определять альтернативный способ обращения к сайту. При отправке DNS-запросов, помимо записей A и AAAA для определения IP-адресов, теперь также запрашивается DNS-запись HTTPS, через которую передаются дополнительные параметры установки соединения.
- Реализована поддержка корректного воспроизведения видео в полном цветовом диапазоне RGB.
Читать далееhttps://habr.com/ru/post/577290/?utm_campaign=577290&utm_source=habrahabr&utm_medium=rss
https://habr.com/ru/post/553114/?utm_campaign=553114&utm_source=habrahabr&utm_medium=rss
Вы можете встретить компонент пользовательского интерфейса, у которого есть текст над изображением. В некоторых случаях в зависимости от используемого изображения текст будет трудно прочитать. У этой проблемы есть несколько различных решений, таких как добавление градиента или затемнение изображения, наложение тени на текст и другие. Этот прием будет полезен не только frontend и веб-разработчикам, но и ui/ux-дизайнерам. Написать эту статью меня вдохновил твит от Эдди Османи, работающего над Google Chrome.
Здесь я рассмотрю различные подходы и решения этой проблемы, а также то, как передать пользовательский интерфейс фронтенд разработчику таким образом, чтобы гарантировать, что UI реализован в соответствии с макетом дизайна, поскольку некоторые детали в CSS можно легко упустить.
Приятного чтенияhttps://habr.com/ru/post/551850/?utm_campaign=551850&utm_source=habrahabr&utm_medium=rss
https://habr.com/ru/post/549854/?utm_campaign=549854&utm_source=habrahabr&utm_medium=rss
Вот уже пару лет, как я рекомендую всем моим знакомым использовать Firefox, как браузер для повседневного серфинга в интернете. Я люблю этот браузер за его гибкость в настройке, скорость и заботу о приватности. Много раз на форумах меня спрашивали про какие-то отдельные случаи по настройке, поэтому я решил написать статью с подробным описанием настроек, как шпаргалку для себя и чтобы делится ею, в случае новых вопросов.
Надеюсь она немножко поможет в популяризации этого чудесного браузера.
Читать далееhttps://habr.com/ru/post/548064/?utm_campaign=548064&utm_source=habrahabr&utm_medium=rss
Увидев вот эту публикацию про браузерные войны, я хотел бы представить альтернативное наблюдение за тем, как мы докатились до такой жизни. Но Дрю ДеВолт уже всё сказал за меня.
Начиная с первых войн между Netscape и IE, главным инструментом в конкуретной борьбе браузеров стала функциональность. Вот только стратегия неограниченного роста и расширения — совершенно безумная. Слишком долго мы позволяли ей продолжаться.
С помощью wget я скачал все 1217 спецификаций W3C, опубликованных на текущий момент. Существенная часть из них должна быть реализована в браузере, чтобы современный веб работал. Я подсчитал объём этих спецификаций. Как думаете, насколько сложен современный веб?
Читать далееhttps://habr.com/ru/post/541196/?utm_campaign=541196&utm_source=habrahabr&utm_medium=rss