Все проблемы можно решить с помощью z-index: 1000

Таблица с CSS триггерами

Здесь вы найдёте некоторые свойства CSS и информацию о том, как они влияют на производительность браузерных движков:

https://csstriggers.com/

Разноцветные полосочки демонстрируют:

— Layout: перерасчет макета
— Paint: прорисовку макета
— Composite: компоновку макета

#фронтенд #css

Какие расширения тормозят ваш Chrome

DebugBear проанализировал 1000 популярных расширений браузера и сделал выводы на базе таких показателей:

— Время блокировки основного потока
— Задержка рендеринга страницы
— Время обработки в фоновом режиме
— Количество потребляемой браузером памяти

Если расширений нет, условный сайт загрузится за 40 мс. Если же вы установите Evernote или Grammarly, время загрузки возрастёт до 500 мс. А пока вы не начали массово искоренять расширения, посмотрите саму статью — там интересно:

https://tprg.ru/aeSt

#chrome

Когда ты архитектор, но ещё ты изучаешь CSS

У нас в телеге есть канал про самые важные и смешные IT события России, СНГ и мира, которые влияют на каждого из нас.

Залетайте: @your_tech

Улучшение совместимости Chromium

Разработчики браузера рассказали, какие проблемы совместимости будут исправлены в 2020 году.

Так, например, идёт работа над CSS Grid, Flexbox, элементами управления форм и даже скроллингом. Команда Chromium не из робкого десятка: ребята сами просят пользователей указывать на различные ошибки. С этой целью вы можете тегать их в Twitter, заводить тикеты и проходить небольшие опросы.

Более подробная информация и дополнительные ссылки лежат в статье:

https://tprg.ru/jJ3K

#браузеры

Баланс между нативными и кастомными селектами

Автор рассказывает, как из нативного и кастомного <select> слепить «гибрид», в чём его преимущества, а также объясняет разницу между меню, навигацией и контейнером <select>. Держите интересную статью от настоящего доктора Франкенштейна в мире веба:

https://tprg.ru/OWXg

#фронтенд #html

​Роль this в JavaScript

this указывает на объект, а вот на какой именно — зависит от контекста. Если использовать this в глобальной области видимости, он укажет на window, а если разместить внутри объекта — укажет на этот объект.

Вроде бы всё просто, но есть ещё ряд тонкостей, которые разобраны в статье:

https://tprg.ru/daEh

Автор затрагивает особенности стрелочных функций, ключевое слово new, вложенные объекты и прочие нюансы. Всё с примерами.

#javascript #фронтенд

Что может быть веселее?

Недавно PHP исполнилось 25 лет

В честь юбиляра компания JetBrains подготовила крутой таймлайн с основными событиями из истории популярного backend-языка. Посмотрите, с чего всё начиналось и какие изменения претерпел PHP:

https://tprg.ru/cO4R

#php #бэкенд

Шпаргалка по регуляркам JavaScript

Перевод статьи «Regex Cheat Sheet» для тех, кто всегда хотел держать регулярные выражения под рукой. 25 примеров вобрали самое необходимое — от игнорирования регистра до поиска символов и пробелов с дополнительными условиями.

Сохраняйте и пользуйтесь:

https://tprg.ru/RNqF

#javascript #фронтенд

Все, от него теперь не избавиться

​О Docker на пальцах

Всего полтора часа, которые заменят дни поиска в Google, раскуривания мануалов, проб, затыков и походов на Stack Overflow.

Автор простыми словами объясняет, что такое Docker и когда его использовать, после чего переходит к практической части. Плюс в том, что практика не ограничивается Hello World: вы научитесь работать с портами, поднимете временную БД, развернёте проект и задеплоите его, используя DockerHub.

#devops #docker

Использование компонентов с Bit

На сайте bit.dev можно найти компоненты из библиотек и приложений для переиспользования в своём проекте.

В этой статье читайте о том, как найти и как установить UI-компонент из Bit: https://tprg.ru/ctNQ

#фронтенд

Оригинальная 404 страница

Добавляем к изображению в браузере 3D-эффект

Оказывается, такое можно провернуть с помощью библиотеки Pixi.js. Автор туториала взял в качестве подопытного Пикачу и продемонстрировал всю магию JavaScript:

— видео: https://youtu.be/FgN2EENWPFc
— статья: https://tprg.ru/mCtR

#javascript #фронтенд

Рекомендации по защите Node.js

Автор объединил короткие, но действенные советы в статью и разбил её на три основных раздела:

— Безопасность при разработке приложения
— Безопасность сервера
— Безопасность платформы

Рекомендации основаны на OWASP Cheat Sheets и помогут заранее предусмотреть возможные проблемы. Сама статья лежит здесь:

https://tprg.ru/Yb4F

#безопасность #бэкенд #nodejs

Когда использовать panic, log.Fatal() и log.Error()

Статья разбирает по косточкам и на примерах основные принципы логирования:

https://tprg.ru/9GQh

Автор не открывает Америку, но делится полезными советами, которые в дальнейшем облегчат отладку кода. Материал разбирает примеры на Go, но описанные принципы применимы и к другим языкам.

#фронтенд #бэкенд #go

Мудрые слова

Запущено альфа-тестирование PHP 8.0.0

Свершилось! Скачать «черновой вариант» PHP 8.0 можно по ссылке: https://tprg.ru/6QVp

А ваши баг-репорты с нетерпением ждут здесь: https://bugs.php.net/

Примете участие в тестировании?

#php #бэкенд