Что нового в Chrome?

Обзор новых функций Chrome 86: File System Access API, Web HID для игровых контроллеров и Multi-screen Window Placement API для управления окнами, новый псевдокласс :focus-visible и псевдоэлемент ::marker в CSS

ссылка →

Умрёт ли FTP? Расцвет и упадок протокола
История одного из самых старых протоколов Интернета, которому почти 50 лет. Интересно.

ссылка →

JetBrains запустила открытое тестирование Code With Me — нового расширения для совместной работы с кодом.

Заценить его можно в EAP-версии 2020.2 почти всех IDE от JetBrains.

В процессе тестирования расширение доступно бесплатно, потом его обещают сделать платным, но больше никакой информации нет.

blog.jetbrains.com/ru/blog/2020/09/28/code-with-me-eap/

Маленький лайфхак или почему я делаю фронтенд в Safari

Раньше для разработки фронтенда я использовал Google Chrome и понял то, что потом приходится делать «костыли» для других браузеров. (например, Safari)

Apple делают очень много для приватности в сети и за это их часто хейтят вебдэвы. Возьму личный пример — я работал над чат-ботом и поймал не одну ошибку, связанную с приватностью. Например, человек не мог получить звуковое уведомление без клика по области сайта (чтобы сайты не ставили аудио на фоне, например) или же проблема с подгрузкой скриптов с других источников с помощью Javascript (чтобы в подключаемые скрипты не могли внедрить вредоносный код).

Пиля фронтенд сразу в Safari я почти не ловлю багов в Chrome, Firefox и других браузерах. И не делаю потом костылей, соответственно. 👌

60+ самых ресурсов по веб-дизайну
Большой набор ресурсов для вдохновления по дизайну, типографии и тд.

ссылка →

🚀 Полное руководство по веб-производительности
Кучу способов ускорить работу вашего сайта. Структуризированно, на английском.

ссылка →

​​Хотите профессионально вырасти в PHP-разработке? Начните прокачивать навыки уже 14 октября на демо-уроке «Application Performance Monitoring на PHP» с Александром Пряхиным. Вы узнаете, что такое APM и чем он отличается от обычного мониторинга, посмотрите на коробочные решения и их применимость, разберете, что из этого всего можно сделать самостоятельно.

Демо-урок является частью онлайн-курса «PHP Developer. Professional». Используйте эту возможность попробовать курс, познакомиться с преподавателем и получить ценные знания. Для регистрации на занятие пройдите вступительный тест https://otus.pw/nWma/

#реклама

Не лайтхаусом единым: как проверить свой сайт со всех сторон
О сервисах для проверки доступности, качества кода, сетевых проверок, SEO и прочего.

статья →

Большой гайд по CSS-переменных
CSS-переменные поддерживаются веб-браузерами уже почти четыре года, а поддержка на уровне 95.8%, по данным Can I Use. Работать с CSS-переменными просто, они способны принести разработчику немалую пользу. Правда, часто фронтенд-программисты применяют CSS-переменные неправильно или не понимают особенностей работы с ними.

ссылка →

Кому интересно — на днях вышли Webpack 5 и npm 7

​​👀 FaceID и TouchID в вебе
Интересная статья о дополнительных способах аутентификации, которые уже доступны в Safari

ссылка →

Не используйте Moment.js

Есть аналог намного круче — Day.js, который написан на чистом JS и весит всего 2кб. При этом использует методы, которые использовались в Moment.js, чтобы переход не был болезненным.

гитхаб →