​5 советов по повышению производительности Vue

Несколько способов повысить производительность, оптимизировать память и уменьшить количество повторного рендеринга на Vue:

— отказываемся от модификатора deep;
— применяем Object.freeze;
— используем функциональные геттеры и не только.

Подробнее обо всех приёмах читайте тут:
https://tprg.ru/jVTy

#vue

​Изучаем возможности нового CSS-правила @property

@property — это новое правило в CSS, которое предоставляет разработчикам создавать настраиваемые CSS-свойства, отказавшись от JavaScript с его registerProperty().

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

Подробнее о @property и его возможностях читайте тут:

https://tprg.ru/a4oE

#css

​7 HTML-атрибутов, о которых вы могли не знать

Думаете, что отлично знаете HTML? А что насчёт таких атрибутов, как cite, datetime, ping?

Про эти и другие интересные HTML-атрибуты читайте здесь:

https://tprg.ru/ZaYv

#html

Иллюстрированная шпаргалка по Flexbox CSS

Ещё одна шпаргалка с красивыми и наглядными иллюстрациями, но теперь уже по Flexbox.

Приятные глазу картинки помогут лучше запомнить все нюансы работы флексов:

https://tprg.ru/uEHc

#css

Современные сайты, как бабушки — не отстанут, пока не накормят печеньем

Сможете ответить на вопрос викторины ниже?

Убедительно просим не писать правильный ответ в комментарии!

#викторина

Адаптивные изображения: разные методы и тактики

Существуют различные методы создания адаптивных изображений, которые одинаково хорошо смотрятся в разных браузерах и на разных устройствах.

В этой статье разобрали некоторые из них:
https://tprg.ru/lKgL

#фронтенд #css

​Размещение и запуск Python сценария в Docker

Благодаря этому небольшому руководству, вы научитесь размещать свой Python-код в контейнерах Docker, просто следуя пунктам инструкции:

https://tprg.ru/q2r8

#бэкенд #python #docker

7 паттернов Vue, которые стоит использовать чаще

Если вы используете фреймворк Vue, то рекомендуем вам обратить внимание на несколько паттернов, которые присутствуют в официальной документации, но могли быть не замечены:

https://tprg.ru/Pjlc

#vue

Форма ввода email-адреса

Красивая форма ввода адреса электронной почты с проверкой на валидность, написанная на Vue. В зависимости от введённого текста, будет различная анимация.

Посмотреть код и попробовать можно тут:

https://tprg.ru/OopW

#фронтенд #vue #codepen

​Полноценная вложенность в CSS без препроцессоров

Похоже, что препроцессоры вскоре могут потерять свою актуальность. Посудите сами, уже появилось правило @property, которое позволяет создавать настраиваемые свойствами, теперь выясняется, что разработчики уже работают над возможностью нативной вложенности элементов в CSS.

Подробнее можно прочитать тут:

https://tprg.ru/dBrC

#фронтенд #css

При плохой адаптивности голова была бы посередине туловища

​Введение в TypeScript для начинающих

Если вам нравится JavaScript, но не хватает типизированности, то TS как раз для вас. В этой статье вы узнаете основные различия TypeScript и JavaScript, а также изучите основы TypeScript:

https://tprg.ru/0qNU

#typescript

Создание диагональных блоков на CSS

Диагональный блок может отлично выглядеть на странице и привлекать внимание при уместном использовании. А при правильном способе реализации он может быть ещё и простым в создании.

В этой статье как раз рассказывают о таком способе:

https://tprg.ru/Kzca

#фронтенд #css

​Ленивая загрузка с помощью React

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

Как реализовать ленивую загрузку на React — читайте тут:

https://tprg.ru/vQ6c

#javascript #react

​Отладка сдвигов на странице

Сдвиги на странице не всегда можно увидеть в процессе вёрстки, иногда они могут возникнуть уже во время взаимодействия со страницей.

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

https://tprg.ru/sm7l

#фронтенд

8 основных языков для бэкенда

Бэкенд — важная составляющая сайта. Способов реализации бэкенда масса, как и языков программирования, подходящих для его создания.

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

https://tprg.ru/H3u5

#бэкенд

Кто придумает аналогию смешнее?

​Перестаньте использовать !important

То, что !important в CSS нужно использовать крайне осторожно знают многие фронтенд-разработчики.

В этой статье вы узнаете почему так, и как правильно это свойство применять:

https://tprg.ru/mtTl

#css