Ищешь годный материал по front end разработке?
FrontEndDev - канал для продвинутых веб-разработчиков.
На канале найдешь свежие статьи, фишки JS и TS, туториалы по современным фреймворкам, лучшие практики разработки и многое другое.
Рекомендуем подписаться - @front_end_dev
FrontEndDev - канал для продвинутых веб-разработчиков.
На канале найдешь свежие статьи, фишки JS и TS, туториалы по современным фреймворкам, лучшие практики разработки и многое другое.
Рекомендуем подписаться - @front_end_dev
Предпросмотр увеличенных изображений
Просмотр увеличенных изображений - обязательный атрибут интернет магазинов и различных галерей
Elevate zoom - многофункциональный плагин позволяет настраивать размеры и положение области просмотра
Плюсы
- Несколько режимов отображения увеличенного изображения
- Ясная документация
Минусы
- Показывает увеличение сразу по ховеру без возможности сделать по клику
image-zoom.js - показывает увеличенное изображение, ничего лишнего
Плюсы
- Прост в использовании
- есть модуль для React
Минусы
- Ограниченный функционал
Panzoom - увеличивает сам элемент, можно использовать для любых типов контента: изображения, видео, текст, canvas и тд.
Плюсы
- Полный программный контроль
- Множество настроек работы
- Отлично подходит для просмотра SVG
- Не требует jQuery
PinchZoom.js - плагин для работы с тач-девайсами.
Плюсы
- Поддерживает жесты
- Не зависит от jQuery
Минусы
- Не работает на десктопе
Просмотр увеличенных изображений - обязательный атрибут интернет магазинов и различных галерей
Elevate zoom - многофункциональный плагин позволяет настраивать размеры и положение области просмотра
Плюсы
- Несколько режимов отображения увеличенного изображения
- Ясная документация
Минусы
- Показывает увеличение сразу по ховеру без возможности сделать по клику
image-zoom.js - показывает увеличенное изображение, ничего лишнего
Плюсы
- Прост в использовании
- есть модуль для React
Минусы
- Ограниченный функционал
Panzoom - увеличивает сам элемент, можно использовать для любых типов контента: изображения, видео, текст, canvas и тд.
Плюсы
- Полный программный контроль
- Множество настроек работы
- Отлично подходит для просмотра SVG
- Не требует jQuery
PinchZoom.js - плагин для работы с тач-девайсами.
Плюсы
- Поддерживает жесты
- Не зависит от jQuery
Минусы
- Не работает на десктопе
PHP | var_dump и print_r
var_dump и print_r - функции, часто используемые для дебага приложений.
Они обе выводят информацию о переданный переменных. Но с некоторыми отличиями.
var_dump может принимать сколько угодно аргументов. А print_r может вместо вывода возвращать результат выполнения, для этого достаточно передать true вторым аргументом.
👉 @sWebDev
var_dump и print_r - функции, часто используемые для дебага приложений.
Они обе выводят информацию о переданный переменных. Но с некоторыми отличиями.
var_dump может принимать сколько угодно аргументов. А print_r может вместо вывода возвращать результат выполнения, для этого достаточно передать true вторым аргументом.
👉 @sWebDev
PHP | vlucas/phpdotenv
vlucas/phpdotenv - PHP-пакет загружающий данные из файлов .env
Файлы .env - простой и удобный способ хранить логины, пароли и другие настройки, которые не должны храниться в системах контроля версий.
👉 @sWebDev
vlucas/phpdotenv - PHP-пакет загружающий данные из файлов .env
Файлы .env - простой и удобный способ хранить логины, пароли и другие настройки, которые не должны храниться в системах контроля версий.
👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Форматирование данных в input
Cleave.js - идеально подходит для форматирования чисел: дат, номеров банковских карт, номеров телефонов, валют.
Плюсы
- Простота использования
- Умное форматирование номера телефона
- Простой синтаксис
Минусы
- Сложно переопределить поведение по умолчанию
Inputmask - комбайн для форматирования всего как угодно.
Плюсы
- Множество коллбэков
- Богатый инструментарий для задания масок
- Возможность тонкой настройки масок
Минусы
- Настройка маски может занять продолжительное время
- Нет автоматической маски для телефона
Cleave.js - идеально подходит для форматирования чисел: дат, номеров банковских карт, номеров телефонов, валют.
Плюсы
- Простота использования
- Умное форматирование номера телефона
- Простой синтаксис
Минусы
- Сложно переопределить поведение по умолчанию
Inputmask - комбайн для форматирования всего как угодно.
Плюсы
- Множество коллбэков
- Богатый инструментарий для задания масок
- Возможность тонкой настройки масок
Минусы
- Настройка маски может занять продолжительное время
- Нет автоматической маски для телефона
This media is not supported in your browser
VIEW IN TELEGRAM
Скользящие табы на чистом css
Автор использует чекбоксы для отслеживания активного таба и применяет трансформацию для смещения подкладки.
Автор использует чекбоксы для отслеживания активного таба и применяет трансформацию для смещения подкладки.
Плагины для выбора дат
Выбор даты частый гость на различных пользовательских формах, удобная работа с датами важная часть UX-дизайна
Air Datepicker - минималистичный и лёгкий плагин с ненавязчивым дизайном
Плюсы
- Подробная документация на русском языке
- Полный программный контроль, методы и события
- Широкие возможности кастомизации
Минусы
- Последнее обновление было 5 лет назад
jQueryUI Datepicker - плагин из набора jQueryUI
Плюсы
- Легкая стилизация встроенными средствами jQueryUI
Минусы
- Громоздкий дизайн по умолчанию
- Зависимость от jQueryUI
bootstrap-datepicker - хорошо подойдёт если вы собираете интерфейс на Bootstrap
Плюсы
- Стили берутся из стилей Bootstrap, всегда подходит под текущий дизайн
- Удобный генератор нужных опций в документации
Минусы
- Если сильно изменить дефолтные стили Bootstrap - плагин может развалиться
- Полная Зависимость от Bootstrap
Выбор даты частый гость на различных пользовательских формах, удобная работа с датами важная часть UX-дизайна
Air Datepicker - минималистичный и лёгкий плагин с ненавязчивым дизайном
Плюсы
- Подробная документация на русском языке
- Полный программный контроль, методы и события
- Широкие возможности кастомизации
Минусы
- Последнее обновление было 5 лет назад
jQueryUI Datepicker - плагин из набора jQueryUI
Плюсы
- Легкая стилизация встроенными средствами jQueryUI
Минусы
- Громоздкий дизайн по умолчанию
- Зависимость от jQueryUI
bootstrap-datepicker - хорошо подойдёт если вы собираете интерфейс на Bootstrap
Плюсы
- Стили берутся из стилей Bootstrap, всегда подходит под текущий дизайн
- Удобный генератор нужных опций в документации
Минусы
- Если сильно изменить дефолтные стили Bootstrap - плагин может развалиться
- Полная Зависимость от Bootstrap