Frontender Libs - обзор библиотек JS / CSS – Telegram
Frontender Libs - обзор библиотек JS / CSS
8.1K subscribers
2.04K photos
735 videos
4 files
247 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Какого типа media query не существует?
Anonymous Quiz
16%
All
49%
Speech
18%
Device
16%
Print
This media is not supported in your browser
VIEW IN TELEGRAM
PHP | Deployer

Deployer - написанный на PHP инструмент для автоматического развертывания ваших веб-приложений.

Имеет готовые сценарии развертывания для популярных фреймворков. Легко кастомизируется и настраивается для всех остальных.
JS | Доступ к аппаратным возможностям устройства через api

Статья поможет вам выбрать лучший API для связи с аппаратным устройством (например, веб-камерой, микрофоном и т. д.) через браузер. Статья поможет если вы знаете общий вариант использования, который хотите решить (например, доступ к видео), но не знаете, какой API использовать, или задаетесь вопросом, есть ли другой способ добиться этого.
PHP | Какая строка будет в переменной $str
Anonymous Quiz
55%
Hello world
13%
Hello ()
32%
Hello $g->getName()
Плохие привычки от которых пора отказаться

Вы жалуетесь на сложность css или js, думаете что можете реализовать всё используя только html+css, считаете tailwind ужасным или считаете его спасением фронтенда? Тогда эта статья для вас.

Ироничная статья о вредных привычках которыми страдают многие фронтендеры, с полезными советами для избавления от них.
JS | Доступ и управление css переменными

Объединение мощи js и css может сильно облегчить создание сложных манипуляций с макетом, когда использовать только css невозможно, а реализация на js получается раздутой из-за неудобного управления стилями и разметкой.

В статье разобран комплексный подход - используя скрипты в css переменные записываются координаты курсора и элемент следует за мышью уже с помощью css.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | SmolCSS - просто не значит плохо

SmolCSS - это коллекция небольших CSS-фрагментов которая служит как кратким справочником, так и напоминанием о том, насколько простым и мощным стал CSS.

Коллекция содержит сетку на flex и grid, автоматическое центрирование, умные отступы, респонсивную галерею и многое другое и всё это без использования скриптов.

Все элементы снабжены ссылками на CodePen.
HTML | Автотесты, теперь и для разметки

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

Подробнее в статье.
PHP | TemporaryDirectory

spatie/temporary-directory - пакет для работы с временными директориями внутри системной временной директории.

Устанавливается через composer и не требует настройки.
This media is not supported in your browser
VIEW IN TELEGRAM
JS | Таймер на сайт, легко и удобно

Сервис e-timer.ru - это бесплатный онлайн генератор таймера обратного отсчета для сайта.
Множество настроек отображения позволяют оформить его в нужном стиле, работает на jQuery.
👍1
PHP | Скачивание файлов

Если Вы в вашем приложении отдаете файлы на скачивание, то не забудьте передать правильные заголовки ответа.
CSS | Поговорим о кроссбраузерности

Какие браузерные движки сейчас используются, что такое вендорные префиксы, как использовать css-хаки, как проверить верстку на нескольких браузерах и платформах разом, всё это и примеры кроссбраузерности в статье.
Каким будет цвет текста div
Anonymous Quiz
45%
Черный
55%
Серый
PHP | WSDL2PHP

wsdl2phpgenerator-cli - консольное приложение для генерации PHP классов из файлов WSDL.

Полученные классы сильно упрощают работу с SOAP сервисами.
JS | Подробности о фильтровании массивов

В этой статье вы узнаете то, как работает вроде бы незамысловатый filter() в JavaScript и увидите разные вариации его глубокого применения.