Типичный программист
81.4K subscribers
2.66K photos
893 videos
8 files
7.45K links
Всё самое интересное по программированию

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

VK: vk.com/tproger

Регистрация в перечне РКН: https://tprg.ru/mJwo
Download Telegram
Недавно Google выкатил Core Web Vitals — новые метрики, по которым планируется оценивать качество сайтов. О том, что это за метрики, мы писали в Веб-странице.

Сейчас они обновили два своих ключевых инструмента для измерения этих метрик:
— Google Search Console: https://tprg.ru/f9t4
— PageSpeed Insights: https://tprg.ru/5JSj

Пока разработчики говорят, что на ранжирование это ещё не влияет, но понятное дело, что уже практически всё готово для того, чтобы эта функциональность заработала.

#веб #chrome
This media is not supported in your browser
VIEW IN TELEGRAM
В Chrome начали тестировать фичу, которая отключает отображение элементов пути и параметров запроса в адресной строке. Видимым останется только домен сайта.

Пользователям предоставят несколько вариантов поведения:
— вернуть всё, как было, и показывать полный урл;
— отображать полный урл только при наведении курсора на адресную строку;
— сразу после открытия страницы показывать полный URL, но после начала взаимодействия с ней (прокрутка, клики) сократить до домена.

Мотив разработчиков — желание защитить пользователей от фишинга, манипулирующего параметрами в URL.

Как относитесь к такому нововведению?

#chrome
В новой версии iOS можно установить Chrome браузером по умолчанию, но из-за бага он сбрасывается после перезагрузки

Мало того, что разработчикам пришлось допиливать приложения под новые требования, они ещё должны были спросить разрешения у Apple. Google первой сделала всё как полагается, но оказалось, что быть браузером по умолчанию можно только до перезагрузки.

К тому же, если изменить почту по умолчанию, но оставить Safari, то ссылки электронной почты всё равно будут открываться в приложении Apple Mail, а не в стороннем почтовом клиенте.

Источник: Digger

#chrome #ios
7 расширений Сhrome, на которые стоит обратить внимание разработчикам

Браузеры — это не только приложения для просмотра сайтов, это ещё и платформы с кучей инструментов для эффективной работы программиста.

В статье рассказываем о 7 крутых расширениях Сhrome, которые облегчат работу и здорово сэкономят время:

https://tprg.ru/mgoX

#chrome
This media is not supported in your browser
VIEW IN TELEGRAM
30 Seconds of Knowledge — интересное расширение для Chrome, которое при открытии новой вкладки показывает какой-нибудь код-семпл с объяснением:

https://tprg.ru/gc3t

Удобно, что можно настроить темы и языки программирования.

#chrome
This media is not supported in your browser
VIEW IN TELEGRAM
Энтузиасты создали расширение для Chrome, которое заменяет пароли на пиксельные рисунки

Для создания и ввода паролей WeHatePasswords позволяет использовать сетку 7 на 7 пикселей и палитрой из 8 цветов. Созданные изображения хранятся в виде комбинации символов, которые просто так не подберёшь.

Само расширение стоит $10, но «потрогать» его можно и без покупки: https://tprg.ru/tzqJ

#chrome #безопасность
Как самому создать расширение для Google Chrome с нуля?

Для уверенного старта достаточно знать HTML, CSS и JS на самом базовом уровне. А после создания можно легко добавить своё расширение в браузер через раздел chrome://extensions/.

В этой статье мы рассмотрим создание самого простого расширения — запускатора избранных сайтов. И хотя расширение получится несложное, оно раскроет процесс создания и первого запуска:

https://tprg.ru/ZE8r

#веб #chrome
После перехода Chrome на платформу для расширений Manifest V3 блокировщики рекламы могут стать бесполезными

Начиная с версии Chrome 88 браузер получил возможность полноценно работать с Manifest V3. Однако с 17 января 2022 года в магазине приложений Chrome больше нельзя будет публиковать расширения на Manifest V2, а с января 2023 года они вообще перестанут поддерживаться. Разработчики обеспокоены, что из-за этого расширения могут работать с ошибками или вовсе оказаться бесполезными.

До Manifest V3 webRequest API позволял расширениям перехватывать запросы, перенаправлять их и модифицировать возвращаемое значение. После внедрения Manifest V3 разработчикам придется работать с declarativeNetRequest API, делегирующем обработку запросов на сам браузер. Он сможет отклонять операции, посчитав их нежелательными или опасными.

#веб #chrome
Microsoft стал настойчиво предупреждать юзеров, что Edge лучше Google Chrome

Теперь при попытке скачать браузер от Google, Edge показывает уведомления: «That browser is so 2008! Do you know what's new? Microsoft Edge» и «Microsoft Edge runs on the same technology as Chrome, with the added trust of Microsoft». А если сделать в Bing запрос «браузер» или «скачать браузер», появится рекомендация по установке Edge.

Справедливости ради, стоит отметить, что и Google иногда отправляет такие подсказки при использовании своих продуктов. Правда, в отличие от Edge, Chrome хотя бы можно спокойно удалить со своего ПК.

#microsoft #windows #chrome #edge
Если вы считаете навигацию на гитхабе неудобной и вам хотелось бы, чтобы всё было как в любимой IDE, советуем обратить внимание на Octotree.

Это крутое расширение для Chrome, которое умеет добавлять удобное дерево для навигации по репозиторию. Из приятного — последний апдейт меньше месяца назад и больше полумиллиона активных пользователей:

https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc

#chrome #github #инструменты
Состоялся релиз Chrome 99

Основные изменения новой версии:

— Проводится финальное тестирование нарушения работы сайтов после достижения браузером трёхзначной версии. При активации флага «chrome://flags#force-major-version-to-100» в заголовке User-Agent начинает выдаваться версия 100.

— В экспериментальном режиме Origin Trials реализована возможность включения тёмного режима оформления для web-приложений. Цвета и фон для тёмной темы выбираются при помощи нового поля color_scheme_dark в манифесте web-приложения.

— В Chrome для Android включено использование механизма Certificate Transparency. Он обеспечивает ведение публичного лога сертификатов, чтобы лучше отслеживать любые попытки скрытого создания поддельных записей.

— В CSS реализована поддержка каскадных слоёв. Они нужны, чтобы упростить управление стилями всего каскада

— В класс HTMLInputElement добавлен метод showPicker(), позволяющий отобразить готовые диалоги для заполнения типовых значений в полях <input> с типами «date», «month» и другими.

— Избавлены от префикса «-webkit» свойства «text-emphasis», «text-emphasis-color», «text-emphasis-position» и «text-emphasis-style».

Подробнее об этих и других изменениях и нововведениях можно почитать здесь: https://www.opennet.ru/opennews/art.shtml?num=56793

#веб #chrome
Google выпустила сотую версию браузера Chrome

В честь этого исторического момента компания представила сайт #100CoolWebMoments, на котором собраны самые значимые события, произошедшие с Интернетом с момента выпуска первой версии браузера:

https://developer.chrome.com/100/

Это первая версия браузера с трёхзначным номером, что ещё недавно сулило нарушение работы огромного числа сайтов. А готовиться к этому событию многие разработчики начали ещё за год.

В новой версии исправили 28 уязвимостей — из них 9 с высоким уровнем опасности. Добавили дополнительные функции для разработчиков, полностью перешли к новому дизайну иконки и добавили API для работы с несколькими мониторами. Теперь разработчики могут полноценно работать с несколькими дисплеями и адаптировать свои веб-приложения под такие сценарии работы.

#chrome #google #веб #интернет
В Google Chrome перестанут работать расширения для блокировки рекламы

В январе 2023 года компания планово обновит программный интерфейс для расширений до версии Manifest Version 3. Пока все приложения, блокирующие рекламу, работают на 2-ой версии. Но с января будет заблокирована возможность загружать дополнения на старом API и обновлять их.

И хотя уже установленные расширения на Manifest V2 будут работать до июня, блокировщики не смогут работать полноценно, так как нуждаются в постоянных патчах для корректной работы. Однако новый принцип блокировки рекламы до сих пор не реализован, а просто адаптировать старый алгоритм не получится.

#google #chrome #интернет
Если вдруг пропустили, на днях произошли полтора исторических события, связанные с Google Chrome

Во-первых, в Google Chrome (m108) появился режим экономии ОЗУ (до 30%) и режим энергосбережения

Вполне возможно, что мем про прожорливость хрома скоро станет неактуальным. Пока, правда, фичи экспериментальные, но попробовать их можно и сейчас.
Достаточно активировать два флага:
chrome://flags/#high-efficiency-mode-available
chrome://flags/#battery-saver-mode-available

А во-вторых, что действительно важно, Google Chrome теперь официально поддерживает Passkeys

Если вкратце, именно пароли в их настоящем виде — одна из самых главных заноз в мире кибербезопасности. Энтузиасты давно разработали интересный стандарт аутентификации WebAuthn, для которого пароли вообще не нужны. Инициатива со стандартом настолько зашла Apple, Google и Microsoft, что они собрались и обернули всё это дело в Passkeys.

Технология уже готова для массового использования, но до этого момента интеграция шла очень медленно. Google решили здорово ускорить этот процесс и с внедрением в Chrome беспарольная эра стала намного ближе.

Всё-таки не зря Chrome стал самым популярным браузером.

#google #chrome #интернет
Четыре новые функции CSS, которые обеспечивают плавную анимацию и переходы в новых версиях Chrome

Если у вас уже перестал дергаться глаз от времён, когда нужно было поддерживать IE, пришла пора обратить на новые фичи Chrome.

До них в CSS были пробелы в плавных анимациях. Это анимации для входа и выхода. И плавный переход на верхний уровень для закрываемых элементов, таких как диалоговые окна и всплывающие панели. В новых версиях 116 и 117 разработчики решили эти проблемы.

И вот как использовать новые фичи: https://tproger.ru/articles/chetyre-novye-funkcii-css-dlya-plavnoj-animacii-vhoda-i-vyhoda

#веб #chrome #фронтенд
Google Chrome теперь показывает, сколько оперативной памяти использует каждая вкладка

Пока функцию тестируют в Chrome Canary. Она показывает использование памяти в режиме реального времени при наведении курсора на открытую вкладку. Она работает даже тогда, когда включена функция «Экономия памяти».

Чтобы включить опцию, нужно перейти в Chrome://flags, включить «Использование памяти при наведении» и перезапустить браузер.

#google #chrome #интернет