Все способы создания веб-компонентов
В статье сравнивается множество различных библиотек. Здесь вы найдёте подробные примеры с исходниками, сравнительный анализ с деталями компиляции, размеры пакетов и производительность в удобных диаграммах:
https://tprg.ru/UI7k
#фронтенд
В статье сравнивается множество различных библиотек. Здесь вы найдёте подробные примеры с исходниками, сравнительный анализ с деталями компиляции, размеры пакетов и производительность в удобных диаграммах:
https://tprg.ru/UI7k
#фронтенд
Шпаргалка по CSS
На CSS Values можно воспользоваться полнотекстовым поиском и фильтрацией по свойствам одной группы или свойствам с повторяющимся содержанием.
#css #фронтенд
На CSS Values можно воспользоваться полнотекстовым поиском и фильтрацией по свойствам одной группы или свойствам с повторяющимся содержанием.
#css #фронтенд
Вариации headers с использованием CSS Flexbox
Казалось бы, а в чём проблема расположить элементы в хедере? Но вариантов оформления много, и то, что в одном случае подходит, в другом скажется на адаптивности. Рекомендуем ознакомиться со статьёй, в которой автор разобрал более 17 различных вариаций и то, как с ними работать:
https://tprg.ru/0fjB
Предполагается, что у вас уже есть базовые знания о Flexbox.
#css #фронтенд
Казалось бы, а в чём проблема расположить элементы в хедере? Но вариантов оформления много, и то, что в одном случае подходит, в другом скажется на адаптивности. Рекомендуем ознакомиться со статьёй, в которой автор разобрал более 17 различных вариаций и то, как с ними работать:
https://tprg.ru/0fjB
Предполагается, что у вас уже есть базовые знания о Flexbox.
#css #фронтенд
UI-фреймворк в стиле киберпанк
Здесь хорошо всё: дизайн, звуковые эффекты, удобная документация, возможность использовать отдельные компоненты и настраивать анимацию. Не теряет свой «товарный» вид и на мобильных девайсах.
Фреймворк построен на базе React, JSS, Anime и Howler. На сайте представлена альфа-версия, которая проходит тестирование, так что API некоторых компонентов может измениться.
Сайт: https://arwes.dev/
Репозиторий: https://github.com/arwes/arwes
Как вам? Оцените по трёхбалльной шкале.
#фронтенд #дизайн
Здесь хорошо всё: дизайн, звуковые эффекты, удобная документация, возможность использовать отдельные компоненты и настраивать анимацию. Не теряет свой «товарный» вид и на мобильных девайсах.
Фреймворк построен на базе React, JSS, Anime и Howler. На сайте представлена альфа-версия, которая проходит тестирование, так что API некоторых компонентов может измениться.
Сайт: https://arwes.dev/
Репозиторий: https://github.com/arwes/arwes
Как вам? Оцените по трёхбалльной шкале.
#фронтенд #дизайн
Поздравляем с Днём программиста!
Надёжного бэкенда, качественного фронтенда, отзывчивого дизайна и вкусного кофе! А ещё игривого настроения, ведь сегодня мы предлагаем вам отдохнуть за играми, написанными на CSS:
https://tprg.ru/WwF4
#css #фронтенд
Надёжного бэкенда, качественного фронтенда, отзывчивого дизайна и вкусного кофе! А ещё игривого настроения, ведь сегодня мы предлагаем вам отдохнуть за играми, написанными на CSS:
https://tprg.ru/WwF4
#css #фронтенд
Основные инструкции Docker
Рассказываем о Docker-файлах, образах и инструкциях с подробным описанием и примерами. Вы узнаете, в чём отличие CMD от ENTRYPOINT, когда лучше использовать ADD, а когда — COPY, как определить, где контейнер будет хранить постоянные данные, и многое другое:
https://tprg.ru/AvgI
#docker #devops
Рассказываем о Docker-файлах, образах и инструкциях с подробным описанием и примерами. Вы узнаете, в чём отличие CMD от ENTRYPOINT, когда лучше использовать ADD, а когда — COPY, как определить, где контейнер будет хранить постоянные данные, и многое другое:
https://tprg.ru/AvgI
#docker #devops
Преподаватель Хекслета Никита Михайлов рассказал о влиянии контраста текста на доступность сайта. Из статьи вы узнаете:
— что такое коэффициент контраста;
— что такое относительная яркость;
— как вычислить коэффициент контраста;
— как контролировать контраст с помощью SASS.
https://tprg.ru/KZVR
#дизайн #фронтенд
— что такое коэффициент контраста;
— что такое относительная яркость;
— как вычислить коэффициент контраста;
— как контролировать контраст с помощью SASS.
https://tprg.ru/KZVR
#дизайн #фронтенд
3 полезных Telegram-скрипта
— bash-скрипт для выполнения бэкапа файлов и баз данных с отправкой уведомления в Telegram:
https://tprg.ru/G27k
— Уведомления об SSH–авторизации на сервере через своего Telegram–бота:
https://tprg.ru/Y9ZB
— Отправка сообщений и стикеров от бота в Telegram:
https://tprg.ru/L1nI
#веб #devops
— bash-скрипт для выполнения бэкапа файлов и баз данных с отправкой уведомления в Telegram:
https://tprg.ru/G27k
— Уведомления об SSH–авторизации на сервере через своего Telegram–бота:
https://tprg.ru/Y9ZB
— Отправка сообщений и стикеров от бота в Telegram:
https://tprg.ru/L1nI
#веб #devops
Bad UX формы
Интерактивная коллекция форм ввода телефонного номера с адовым UX. Автор собрал девять худших практик, наглядно продемонстрировав, что всякому решению — своё место:
https://fun.mishasaidov.com/badux
А на сколько форм хватит ваших нервишек? Проверьте себя.
#дизайн #ux
Интерактивная коллекция форм ввода телефонного номера с адовым UX. Автор собрал девять худших практик, наглядно продемонстрировав, что всякому решению — своё место:
https://fun.mishasaidov.com/badux
А на сколько форм хватит ваших нервишек? Проверьте себя.
#дизайн #ux
Catchpoint покупает Webpagetest
Webpagetest.org, который всегда был бесплатным и даже дефолтным инструментом для проверки производительности веб-проектов, сегодня был куплен компанией Catchpoint — лидером в области мониторинга цифрового опыта.
Представители Catchpoint уверяют, что сделка позволит расширить возможности Webpagetest и географию тестирования производительности Webpagetest.org. Объединение инфраструктуры глобальной сети мониторинга с чрезвычайно популярными возможностями веб-тестирования производительности имеет все шансы создать не имеющую аналогов платформу.
А вот что произойдёт с доступностью ныне бесплатного сервиса — другой вопрос.
Подробнее на официальном сайте Catchpoint:
https://tprg.ru/7Y6B
#devops
Webpagetest.org, который всегда был бесплатным и даже дефолтным инструментом для проверки производительности веб-проектов, сегодня был куплен компанией Catchpoint — лидером в области мониторинга цифрового опыта.
Представители Catchpoint уверяют, что сделка позволит расширить возможности Webpagetest и географию тестирования производительности Webpagetest.org. Объединение инфраструктуры глобальной сети мониторинга с чрезвычайно популярными возможностями веб-тестирования производительности имеет все шансы создать не имеющую аналогов платформу.
А вот что произойдёт с доступностью ныне бесплатного сервиса — другой вопрос.
Подробнее на официальном сайте Catchpoint:
https://tprg.ru/7Y6B
#devops
14 лучших инструментов для веб-дизайнера
Автор статьи включил в список актуальные инструменты, которые помогут в создании макетов, графики и обеспечат эффективное управление проектами:
https://tprg.ru/cEWT
#фронтенд #дизайн
Автор статьи включил в список актуальные инструменты, которые помогут в создании макетов, графики и обеспечат эффективное управление проектами:
https://tprg.ru/cEWT
#фронтенд #дизайн
Badoo перешёл на TypeScript
Как удалось перенести на TypeScript большую кодовую базу React UI-компонентов, рассказал один из фронтенд-разработчиков популярного сайта знакомств. В своей статье он затронул причины перехода, вопросы типобезопасности, единства кодовой базы, поделился особенностями планирования, анализа и результатами:
https://tprg.ru/Zg3o
#typescript
Как удалось перенести на TypeScript большую кодовую базу React UI-компонентов, рассказал один из фронтенд-разработчиков популярного сайта знакомств. В своей статье он затронул причины перехода, вопросы типобезопасности, единства кодовой базы, поделился особенностями планирования, анализа и результатами:
https://tprg.ru/Zg3o
#typescript
Рекомендуем книгу «Symfony 5: Быстрый старт», которая доступна онлайн на русском языке на официальном сайте Symfony:
https://tprg.ru/8iSZ
Книга включила в себя 30 шагов — от проверки рабочего окружения до изучения внутренностей PHP фреймворка: разберётся даже новичок.
#php #бэкенд #книги
https://tprg.ru/8iSZ
Книга включила в себя 30 шагов — от проверки рабочего окружения до изучения внутренностей PHP фреймворка: разберётся даже новичок.
#php #бэкенд #книги
👍1
Интерактивное руководство «JavaScript за 14 минут» на русском
В нём вы шаг за шагом будете узнавать новые особенности языка и сразу же применять знания на практике прямо в браузере:
https://tprg.ru/CB0d
Конечно, весь JavaScript за 14 минут вы не выучите, но это отличный способ освоить базис или просто вспомнить то, что уже подзабыли.
#javascript #фронтенд
В нём вы шаг за шагом будете узнавать новые особенности языка и сразу же применять знания на практике прямо в браузере:
https://tprg.ru/CB0d
Конечно, весь JavaScript за 14 минут вы не выучите, но это отличный способ освоить базис или просто вспомнить то, что уже подзабыли.
#javascript #фронтенд
Консольный клиент для GitHub
Недавно состоялся первый релиз инструментария GitHub CLI 1.0, который позволяет управлять своими проектами из командной строки. С его помощью можно заводить и просматривать сообщения об ошибках, создавать pull-реквесты, выводить статус проверок, управлять формированием релизов и многое другое.
Инструмент также предполагает создание скриптов с использованием GitHub API. Сборки доступны для Windows, macOS и Linux (deb, rpm). Код открыт под лицензией MIT.
Подробнее в официальном блоге GitHub:
https://tprg.ru/9ZgP
#devops #github
Недавно состоялся первый релиз инструментария GitHub CLI 1.0, который позволяет управлять своими проектами из командной строки. С его помощью можно заводить и просматривать сообщения об ошибках, создавать pull-реквесты, выводить статус проверок, управлять формированием релизов и многое другое.
Инструмент также предполагает создание скриптов с использованием GitHub API. Сборки доступны для Windows, macOS и Linux (deb, rpm). Код открыт под лицензией MIT.
Подробнее в официальном блоге GitHub:
https://tprg.ru/9ZgP
#devops #github
Let's Encrypt обновляет корневые сертификаты
Всё ли будет работать в привычном режиме, или от пользователей сервиса что-то потребуется?
Пользователям достаточно заглянуть в демо-версию получения ключей и сертификатов: это каталог с примерами файлов конфигурации, в которых подробно смоделированы профили сертификатов, и инструкцией по запуску. Суть в том, что команда сервиса разработала инструмент, который при соответствующей конфигурации сам может создавать все желаемые ключи и сертификаты.
Подробнее: https://tprg.ru/U6lM
#devops
Всё ли будет работать в привычном режиме, или от пользователей сервиса что-то потребуется?
Пользователям достаточно заглянуть в демо-версию получения ключей и сертификатов: это каталог с примерами файлов конфигурации, в которых подробно смоделированы профили сертификатов, и инструкцией по запуску. Суть в том, что команда сервиса разработала инструмент, который при соответствующей конфигурации сам может создавать все желаемые ключи и сертификаты.
Подробнее: https://tprg.ru/U6lM
#devops