Что такое Core Web Vitals
Вы, вероятно, уже слышали о Core Web Vitals? Это факторы оценки сайта от Google. От них между прочим зависит как именно будет ранжироваться ваш сайт и многое другое.
В этой статье подробно рассказывается, как работает Core Web Vitals и как теперь с этим жить:
https://tprg.ru/2ciU
Вы, вероятно, уже слышали о Core Web Vitals? Это факторы оценки сайта от Google. От них между прочим зависит как именно будет ранжироваться ваш сайт и многое другое.
В этой статье подробно рассказывается, как работает Core Web Vitals и как теперь с этим жить:
https://tprg.ru/2ciU
Соотношение сторон в CSS
Изображения — важная составляющая красивого сайта. Правильно расположить изображение и настроить его размеры можно различными способами. Обычно, для заполнения блока картинкой можно воспользоваться object-fit: cover, но это не лучшее решение, потому что в некоторых ситуациях картинка будет просто плохо выглядеть.
Сегодня есть возможность использовать aspect-ratio и вот об подробнее расскажет автор статьи:
https://tprg.ru/ZIMt
#css
Изображения — важная составляющая красивого сайта. Правильно расположить изображение и настроить его размеры можно различными способами. Обычно, для заполнения блока картинкой можно воспользоваться object-fit: cover, но это не лучшее решение, потому что в некоторых ситуациях картинка будет просто плохо выглядеть.
Сегодня есть возможность использовать aspect-ratio и вот об подробнее расскажет автор статьи:
https://tprg.ru/ZIMt
#css
Как обеспечить авторизованный доступ к видеоконтенту
Представьте, что вы договорились с правообладателем на размещение у себя на сайте определённого видеоконтента, который должен быть доступен только авторизованным пользователям. Что делать? Как разграничить доступность видео?
Существуют различных решения этой задачи. О них рассказывает СTO видеоплатформы Kinescope Кирилл Шваков:
https://tprg.ru/5zFs
Представьте, что вы договорились с правообладателем на размещение у себя на сайте определённого видеоконтента, который должен быть доступен только авторизованным пользователям. Что делать? Как разграничить доступность видео?
Существуют различных решения этой задачи. О них рассказывает СTO видеоплатформы Kinescope Кирилл Шваков:
https://tprg.ru/5zFs
Паттерны доступности зуммирования изображений
В любом приличном интернет-магазине есть возможность увеличить изображение товара, чтобы лучше его рассмотреть. А задумывались ли вы каково пользователям, которые не могут просто навести курсор и нажать на изображение, а вынуждены в силу своих физических особенностей использовать другие устройства ввода?
В этой статье автор рассказал с какими проблема сталкиваются такие пользователи и какие паттерны существуют на сегодняшний день, решающие эту проблему:
https://tprg.ru/nFVy
В любом приличном интернет-магазине есть возможность увеличить изображение товара, чтобы лучше его рассмотреть. А задумывались ли вы каково пользователям, которые не могут просто навести курсор и нажать на изображение, а вынуждены в силу своих физических особенностей использовать другие устройства ввода?
В этой статье автор рассказал с какими проблема сталкиваются такие пользователи и какие паттерны существуют на сегодняшний день, решающие эту проблему:
https://tprg.ru/nFVy
Библиотека Video.js
Обратите внимание на эту библиотеку, если у вас стоит задача добавить видео на ваш сайт. С помощью этой библиотеки можно разместить на странице удобный плеер, который работает со многими платформами, привлекательно выглядит и имеет множество плагинов, расширяющих его стандартные возможности:
https://tprg.ru/Vo6K
#библиотека
Обратите внимание на эту библиотеку, если у вас стоит задача добавить видео на ваш сайт. С помощью этой библиотеки можно разместить на странице удобный плеер, который работает со многими платформами, привлекательно выглядит и имеет множество плагинов, расширяющих его стандартные возможности:
https://tprg.ru/Vo6K
#библиотека
Не вглубь, а вширь. Композиция против реальности в React
Эта статья на наглядном примере объясняет насколько важно использовать принцип повторного использования в компонентах React, а также какие последствия могут возникнуть в случае отказа от него. Рекомендуем к прочтению.
https://tprg.ru/ztkM
#react
Эта статья на наглядном примере объясняет насколько важно использовать принцип повторного использования в компонентах React, а также какие последствия могут возникнуть в случае отказа от него. Рекомендуем к прочтению.
https://tprg.ru/ztkM
#react
Основы Angular: привязка стилей в Angular с ngStyle
Если вы только начинаете работать с Angular, то эта статья вам придётся кстати. Здесь автор показывает, как работать со стилями в компонентах Angular и как использовать директиву ngStyle:
https://tprg.ru/q43u
#angular
Если вы только начинаете работать с Angular, то эта статья вам придётся кстати. Здесь автор показывает, как работать со стилями в компонентах Angular и как использовать директиву ngStyle:
https://tprg.ru/q43u
#angular
Пишем простейший GitHub Action на TypeScript
GitHub Actions позволяет настраивать выполнение определённых процессов при срабатывании триггеров, например push, внешнего события и так далее.
Статья в первую очередь для тех, кто ещё не работал с GitHub Actions, но хочет попробовать. Хотя и опытным разработчикам некоторые вещи могут оказаться полезными.
https://tprg.ru/jEUe
#typescript
GitHub Actions позволяет настраивать выполнение определённых процессов при срабатывании триггеров, например push, внешнего события и так далее.
Статья в первую очередь для тех, кто ещё не работал с GitHub Actions, но хочет попробовать. Хотя и опытным разработчикам некоторые вещи могут оказаться полезными.
https://tprg.ru/jEUe
#typescript
Самоучка из Индии изучил фронтенд на телефоне
Стыдиться собственной лени или удивляться упорству парня — каждый решит сам. Но факт остаётся фактом, молодой человек сделал себе рабочее место из мобильного телефона и подключённой к нему клавиатуры.
Подробнее здесь:
https://tprg.ru/2J54
#новости
Стыдиться собственной лени или удивляться упорству парня — каждый решит сам. Но факт остаётся фактом, молодой человек сделал себе рабочее место из мобильного телефона и подключённой к нему клавиатуры.
Подробнее здесь:
https://tprg.ru/2J54
#новости
Что почитать: Дуглас Крокфорд «Как устроен JavaScript»
Эта книга подойдёт опытным разработчикам, которые уже давно работают с JavaScript, но хотят ещё больше усовершенствовать свои навыки. Здесь автор рассказывает о множестве нюансов, фишек и необычных методах языка в приятной подаче.
#книги
Эта книга подойдёт опытным разработчикам, которые уже давно работают с JavaScript, но хотят ещё больше усовершенствовать свои навыки. Здесь автор рассказывает о множестве нюансов, фишек и необычных методах языка в приятной подаче.
#книги
Крутой редактор градиента для CSS
У этого редактора есть сразу несколько приятных особенностей — возможность создания слоёв для background'a, возможность хранить результаты в облаке, готовые изображения можно сразу использовать в виде CSS-кода, а также есть коллекция уже готовых к использованию рисунков.
Попробовать можете тут:
https://tprg.ru/jg54
#css #фронтенд
У этого редактора есть сразу несколько приятных особенностей — возможность создания слоёв для background'a, возможность хранить результаты в облаке, готовые изображения можно сразу использовать в виде CSS-кода, а также есть коллекция уже готовых к использованию рисунков.
Попробовать можете тут:
https://tprg.ru/jg54
#css #фронтенд
Псс, идеальную работу найти не желаете?
У нас на сайте есть специальный раздел с вакансиями, где вы можете настроить все необходимые параметры для нахождения той самой работы мечты. Мы самостоятельно проверяем каждую вакансию, прежде чем опубликовать её, поэтому вы можете быть уверены в её правдивости.
Ну, а если сразу ничего не нашлось, то вы можете подписаться на нашу рассылку от нашего бота ВКонтакте или Telegram, а мы пришлём вам вакансию по вашим критериям, когда она появится
#вакансия #работа
У нас на сайте есть специальный раздел с вакансиями, где вы можете настроить все необходимые параметры для нахождения той самой работы мечты. Мы самостоятельно проверяем каждую вакансию, прежде чем опубликовать её, поэтому вы можете быть уверены в её правдивости.
Ну, а если сразу ничего не нашлось, то вы можете подписаться на нашу рассылку от нашего бота ВКонтакте или Telegram, а мы пришлём вам вакансию по вашим критериям, когда она появится
#вакансия #работа
Понимание декораторов JavaScript
Декорирование — это просто обёртывание одного фрагмента кода другим, тем самым декорируя его. Это даёт возможность объединить функции, расширив их возможности. Функции высшего порядка, кстати, тоже являются вариантом декораторов.
Давайте разберёмся подробно, как работают декораторы, где применяются и зачем нужны:
https://tprg.ru/h7mz
Декорирование — это просто обёртывание одного фрагмента кода другим, тем самым декорируя его. Это даёт возможность объединить функции, расширив их возможности. Функции высшего порядка, кстати, тоже являются вариантом декораторов.
Давайте разберёмся подробно, как работают декораторы, где применяются и зачем нужны:
https://tprg.ru/h7mz
Идеальные подсказки с clip-path и mask-image в CSS
Современные возможности CSS позволяют создавать сегодня действительно красивые и уникальные страницы. Красивые всплывающие подсказки с текстом или даже изображением отличный тому пример.
В этой статье автор рассказал и показал, как можно сделать такие подсказки на чистом CSS и также упомянул на что стоит обратить внимание, чтобы избежать проблем с их созданием:
https://tprg.ru/ULbB
#css #фронтенд
Современные возможности CSS позволяют создавать сегодня действительно красивые и уникальные страницы. Красивые всплывающие подсказки с текстом или даже изображением отличный тому пример.
В этой статье автор рассказал и показал, как можно сделать такие подсказки на чистом CSS и также упомянул на что стоит обратить внимание, чтобы избежать проблем с их созданием:
https://tprg.ru/ULbB
#css #фронтенд
Различия между Docker, containerd, CRI-O и runc
Считается, что Docker позволяет работать с контейнерами. Это действительно так, но только отчасти. Для работы с контейнерами используется множество инструментов, взаимодействующих с Docker — Dockershim, CRI и так далее.
В этой статье попытались понятно объяснить, как всё-таки работает экосистема контейнеров и из чего она состоит:
https://tprg.ru/CKSb
#docker #kubernetes
Считается, что Docker позволяет работать с контейнерами. Это действительно так, но только отчасти. Для работы с контейнерами используется множество инструментов, взаимодействующих с Docker — Dockershim, CRI и так далее.
В этой статье попытались понятно объяснить, как всё-таки работает экосистема контейнеров и из чего она состоит:
https://tprg.ru/CKSb
#docker #kubernetes
Понимаем каррирование в JavaScript
Каррирование — это одна из базовых возможностей языка, которая позволяет нам превратить функцию с несколькими аргументами в последовательность различных вложенных функций. Такой метод нередко применяется в практике.
Как это работает и где можно такое встретить, вы можете узнать здесь:
https://tprg.ru/Tq75
#javascript
Каррирование — это одна из базовых возможностей языка, которая позволяет нам превратить функцию с несколькими аргументами в последовательность различных вложенных функций. Такой метод нередко применяется в практике.
Как это работает и где можно такое встретить, вы можете узнать здесь:
https://tprg.ru/Tq75
#javascript
5 приёмов по разделению «бандла» и «ленивой» загрузке компонентов в React
JavaScript и React предоставляют нам возможность очень легко разделять наш код на несколько независимых файлов-компонентов. Это не только позволяет проще читать и использовать код, но и дарит возможность загружать только те файлы, которые нужны нам в конкретный момент.
В этой статье вы найдёте 5 способов, как можно разделить код и использовать его с ленивой загрузкой:
https://tprg.ru/97HB
#react #javascript
JavaScript и React предоставляют нам возможность очень легко разделять наш код на несколько независимых файлов-компонентов. Это не только позволяет проще читать и использовать код, но и дарит возможность загружать только те файлы, которые нужны нам в конкретный момент.
В этой статье вы найдёте 5 способов, как можно разделить код и использовать его с ленивой загрузкой:
https://tprg.ru/97HB
#react #javascript
Промисы в JavaScript: then(f, f) vs. then(f).catch(f)
Промисы в JS позволяют получить значения их выполнения или отказа сразу двумя способами — указать в then сразу два аргумента для успешного выполнения и ошибки, а также с помощью последовательного вызова then и catch. В двух этих способах есть важные различия.
Подробнее о них читайте в статье:
https://tprg.ru/6HAa
#javascript
Промисы в JS позволяют получить значения их выполнения или отказа сразу двумя способами — указать в then сразу два аргумента для успешного выполнения и ошибки, а также с помощью последовательного вызова then и catch. В двух этих способах есть важные различия.
Подробнее о них читайте в статье:
https://tprg.ru/6HAa
#javascript