Выявление устройств с сенсорными экранами на чистом CSS
В настоящий момент CSS-свойства медиа-запросов hover и pointer до сих пор находятся в черновике стандарта CSS4. Тем не менее, уже сейчас большинство браузеров добавили поддержку этих свойств.
В этой статье вы можете узнать, что это за свойства и как они помогают разработчикам при работе с сенсорными экранами:
https://tprg.ru/YVZm
#фронтенд #css
В настоящий момент CSS-свойства медиа-запросов hover и pointer до сих пор находятся в черновике стандарта CSS4. Тем не менее, уже сейчас большинство браузеров добавили поддержку этих свойств.
В этой статье вы можете узнать, что это за свойства и как они помогают разработчикам при работе с сенсорными экранами:
https://tprg.ru/YVZm
#фронтенд #css
10 лучших библиотек React-хуков
Хуки в React позволяют привязывать работы вашего кода к состоянию жизненного цикла страницы. Без них в настоящее время сложно представить React-разработку.
В этой статье представлены 10 библиотек хуков, которые можно использовать в современных проектах:
https://tprg.ru/I7H6
#react
Хуки в React позволяют привязывать работы вашего кода к состоянию жизненного цикла страницы. Без них в настоящее время сложно представить React-разработку.
В этой статье представлены 10 библиотек хуков, которые можно использовать в современных проектах:
https://tprg.ru/I7H6
#react
👍1
15 полезных инструментов для веб-разработки в 2021 году
В этой подборке вы найдёте базу сниппетов, шпаргалку для Bootstrap, помощник в создании файлов .gitignore и многое-многое другое, что пригодится каждому веб-разработчику:
https://tprg.ru/Wjh7
В этой подборке вы найдёте базу сниппетов, шпаргалку для Bootstrap, помощник в создании файлов .gitignore и многое-многое другое, что пригодится каждому веб-разработчику:
https://tprg.ru/Wjh7
Forwarded from Представляешь,
обновлённый JavaScript-движок в Google Chrome 91 ускорил браузер на 23%
Вообще, свежее обновление сконцентрировалось на производительности. Так, например, Windows-версия стала наа 22% менее требовательной к памяти компьютера:
https://tprg.ru/dYMC
Вообще, свежее обновление сконцентрировалось на производительности. Так, например, Windows-версия стала наа 22% менее требовательной к памяти компьютера:
https://tprg.ru/dYMC
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать неоновый текст с помощью CSS
Если хотите добавить своему сайту немного ламповости, то можно воспользоваться приёмом, который превратит текст в подобие неоновой вывески.
В этом руководстве вы пошагово научитесь создавать имитацию неоновых вывесок с различными анимированными эффектами:
https://tprg.ru/yBGS
#css #фронтенд
Если хотите добавить своему сайту немного ламповости, то можно воспользоваться приёмом, который превратит текст в подобие неоновой вывески.
В этом руководстве вы пошагово научитесь создавать имитацию неоновых вывесок с различными анимированными эффектами:
https://tprg.ru/yBGS
#css #фронтенд
Fiber’ы — новая фича в PHP 8.1
Файберы привнесли некое подобие асинхронности в PHP. Конечно, PHP по-прежнему остаётся синхронным, а то, что делают файберы в PHP чем-то напоминает многопоточность в Java.
Если вы ещё не работали с файберами и хотите узнать о них побольше — читайте в статье:
https://tprg.ru/KHfR
#php
Файберы привнесли некое подобие асинхронности в PHP. Конечно, PHP по-прежнему остаётся синхронным, а то, что делают файберы в PHP чем-то напоминает многопоточность в Java.
Если вы ещё не работали с файберами и хотите узнать о них побольше — читайте в статье:
https://tprg.ru/KHfR
#php
Server-Sent Events: Простая замена веб-сокетам
Server-Sent Events — это технология, которая позволяет отправлять уведомления в одностороннем порядке от сервера к веб-браузеру в виде DOM-событий. Она может оказаться особенно полезной, когда требуется передавать регулярно небольшие порции данных длительное время.
Подробнее об этой технологии вы узнаете в этом видео:
https://tprg.ru/OX5Q
#видео
Server-Sent Events — это технология, которая позволяет отправлять уведомления в одностороннем порядке от сервера к веб-браузеру в виде DOM-событий. Она может оказаться особенно полезной, когда требуется передавать регулярно небольшие порции данных длительное время.
Подробнее об этой технологии вы узнаете в этом видео:
https://tprg.ru/OX5Q
#видео
YouTube
Server-Sent Events: Простая замена веб-сокетам
Внимание! Канал заморожен, все видео по-умолчанию диприкейтед. Смотрите на свой страх и риск :)
---
Иногда нам нужно передавать данные с сервера небольшими порциями продолжительное время. При этом канал остаётся односторонним, а значит веб-сокеты будут избыточными.…
---
Иногда нам нужно передавать данные с сервера небольшими порциями продолжительное время. При этом канал остаётся односторонним, а значит веб-сокеты будут избыточными.…
Различные способы реализации v-model во Vue
Те, кто работали во Vue знают о директиве v-model, которая позволяет осуществлять двустороннюю привязку данных к элементам форм, например input, textarea и другим.
В этой статье вы узнаете о нескольких способах реализации v-model, подходящих для разных ситуаций:
https://tprg.ru/RNQu
#vue
Те, кто работали во Vue знают о директиве v-model, которая позволяет осуществлять двустороннюю привязку данных к элементам форм, например input, textarea и другим.
В этой статье вы узнаете о нескольких способах реализации v-model, подходящих для разных ситуаций:
https://tprg.ru/RNQu
#vue
Создание стилей с помощью флагов !default в Sass
Флаг
Здесь вы узнаете, как работать с
https://tprg.ru/BwxP
#css #sass
Флаг
!default позволяет устанавливать базовые стили при отсутствии альтернативных значений. Это удобно при работе с различными темами сайта, условной загрузке различных данных и так далее.Здесь вы узнаете, как работать с
!default на практике:https://tprg.ru/BwxP
#css #sass
Первое знакомство с Kubernetes: установка кластера k8s вручную
Если вы ещё не работали с Kubernetes, то эта статья поможет вам без лишних сложностей познакомиться с этим оркестратором. Научившись работать с ним, вы получите все преимущества, которые даёт оркестровка контейнеризированных приложений — быстрый деплой, удобное масштабирование и так далее.
Подробнее в статье:
https://tprg.ru/UhX4
#kubernetes #devops
Если вы ещё не работали с Kubernetes, то эта статья поможет вам без лишних сложностей познакомиться с этим оркестратором. Научившись работать с ним, вы получите все преимущества, которые даёт оркестровка контейнеризированных приложений — быстрый деплой, удобное масштабирование и так далее.
Подробнее в статье:
https://tprg.ru/UhX4
#kubernetes #devops
Я: да не нужны мне готовые макеты! У меня отличное чувство вкуса, я могу сам сделать красивый сайт без всяких фигм и дизайнеров!
Мой сайт:
Мой сайт:
Размещение JSON в CSS
Вам когда-нибудь приходило в голову засунуть JSON в CSS? Вот одному разработчику такая мысль пришла и оказалось, что CSS в общем-то не особо важно, что за стили и как они записаны, туда можно даже JSON записать, а потом извлечь его с помощью JavaScript. Зачем? Ну, например обойти CORS.
Подробнее об этом в статье:
https://tprg.ru/hWCK
#css #json
Вам когда-нибудь приходило в голову засунуть JSON в CSS? Вот одному разработчику такая мысль пришла и оказалось, что CSS в общем-то не особо важно, что за стили и как они записаны, туда можно даже JSON записать, а потом извлечь его с помощью JavaScript. Зачем? Ну, например обойти CORS.
Подробнее об этом в статье:
https://tprg.ru/hWCK
#css #json
Краткое руководство по методам call, apply и bind в JavaScript
Методы call, apply и bind очень часто используются в JavaScript, но при этом механизм их работы не всегда понятен и очевиден начинающим разработчикам.
Эта статья призвана понятно объяснить принцип работы этих методов с простыми примерами:
https://tprg.ru/rIs9
#javanoscript
Методы call, apply и bind очень часто используются в JavaScript, но при этом механизм их работы не всегда понятен и очевиден начинающим разработчикам.
Эта статья призвана понятно объяснить принцип работы этих методов с простыми примерами:
https://tprg.ru/rIs9
#javanoscript
Как загрузить правильные данные на стороне сервера с помощью React и Redux
Используя подход серверного рендеринга, нужно быть готовым к большому количеству различных компонентов и множеству вызовов API, если речь идёт о более-менее крупном проекте.
В этой статье вы научитесь правильно работать с данными, используя React и Redux:
https://tprg.ru/2qij
#react
Используя подход серверного рендеринга, нужно быть готовым к большому количеству различных компонентов и множеству вызовов API, если речь идёт о более-менее крупном проекте.
В этой статье вы научитесь правильно работать с данными, используя React и Redux:
https://tprg.ru/2qij
#react
Немного о том, как работает виртуальный DOM в React
В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.
Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:
https://tprg.ru/rKQn
#react
В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.
Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:
https://tprg.ru/rKQn
#react
9 JavaScript-приёмов для начинающих разработчиков
В этом видео вы узнаете о девяти не самых очевидных для начинающих разработчиков, но очень полезных приёмах:
https://tprg.ru/VKZH
#видео #javanoscript
В этом видео вы узнаете о девяти не самых очевидных для начинающих разработчиков, но очень полезных приёмах:
https://tprg.ru/VKZH
#видео #javanoscript
YouTube
9 JavaScript кодов Must Have для junior
00:00 Начало видео
01:00 Аргумент как объект
03:40 Функция генератор
05:30 Форматируем вывод JSON
07:30 Оператор опциональной последовательности
10:00 Деструктурирующее присваивание
12:40 Создание копии массива
14:20 Удаление дубликатов из массива
16:00 Приводим…
01:00 Аргумент как объект
03:40 Функция генератор
05:30 Форматируем вывод JSON
07:30 Оператор опциональной последовательности
10:00 Деструктурирующее присваивание
12:40 Создание копии массива
14:20 Удаление дубликатов из массива
16:00 Приводим…
10 самых популярных вопросов на собеседовании по JavaScript
На собеседованиях любят задавать вопросы, которые не всегда встречаются в реальной практике, но тем не менее знать их нужно, чтобы успешно пройти собеседование на желаемую позицию.
Здесь вы найдёте ответ на десять популярных вопросов по JavaScript, которые могут встретиться во время интервью:
https://tprg.ru/kWXd
#javanoscript
На собеседованиях любят задавать вопросы, которые не всегда встречаются в реальной практике, но тем не менее знать их нужно, чтобы успешно пройти собеседование на желаемую позицию.
Здесь вы найдёте ответ на десять популярных вопросов по JavaScript, которые могут встретиться во время интервью:
https://tprg.ru/kWXd
#javanoscript
This media is not supported in your browser
VIEW IN TELEGRAM
Переход к «Meta GSAP»: поиски «идеальной» бесконечной прокрутки
Работали когда-нибудь с JS-библиотекой GSAP?
В этой статье автор предлагает создать удобную бесконечную горизонтальную прокрутку, используя эту библиотеку:
https://tprg.ru/f48N
#фронтенд #javanoscript
Работали когда-нибудь с JS-библиотекой GSAP?
В этой статье автор предлагает создать удобную бесконечную горизонтальную прокрутку, используя эту библиотеку:
https://tprg.ru/f48N
#фронтенд #javanoscript
Сеть контейнеров — это не сложно
На первый взгляд тема контейнеров может показаться сложной и не понятной. По факту же контейнеры — это, по сути, изолированные процессы Linux. Они позволяют разбить логику приложения на отдельные элементы, которые взаимодействуют друг с другом.
В этой статье вы узнаете, как виртуализировать сетевые ресурсы, создать сеть контейнеров, которые будут взаимодействовать друг с другом, но при этом не будут мешать и так далее:
https://tprg.ru/Hhv1
#devops #kubernetes
На первый взгляд тема контейнеров может показаться сложной и не понятной. По факту же контейнеры — это, по сути, изолированные процессы Linux. Они позволяют разбить логику приложения на отдельные элементы, которые взаимодействуют друг с другом.
В этой статье вы узнаете, как виртуализировать сетевые ресурсы, создать сеть контейнеров, которые будут взаимодействовать друг с другом, но при этом не будут мешать и так далее:
https://tprg.ru/Hhv1
#devops #kubernetes