Frontender Libs - обзор библиотек JS / CSS

👉 @sWebDev

Хотите заниматься iOS разработкой? Сделайте первые шаги на бесплатном интенсиве от OTUS и создайте простейшее приложения без единой строчки кода! Интенсив пройдет 6-7 мая и даст вам возможность активно протестировать обучение на онлайн-курсе «iOS Developer. Basic». 📌Программа интенсива: 6 мая Что такое XCode? Как «рисуются экраны» Добавим на экраны кнопки и поля ввода. Создадим экран авторизации. Создадим второй экран нашего приложения и добавим переход на него из окна авторизации. 7 мая Посмотрим, какие есть возможности что бы «бродить» по приложению. Добавим свою навигацию Создадим экран личных данных пользователя ( имя, фото, описание ). ⚡️В итоге получим простенькое приложение без единой строчки кода, но имеющее авторизацию, навигацию и экран пользователя. Регистрируйтесь, чтобы принять участие: https://otus.pw/2lmJ/

Макеты для верстки теперь в Telegram! Figma Макеты — уникальный канал, куда выкладываются дизайн-макеты в форматах Figma и PSD для верстки сайтов, практикуйтесь и добавляйте проекты к себе в портфолио! Подписывайся: @FigmaMaket🔥

Стилизация range slider Стандартный input type="range" даёт неплохие возможности кастомизации, но для сложной логики работы или нестандартного дизайна лучше воспользоваться js-плагинами. ion.rangeSlider - jQuery плагин простой в использовании и лёгкий в освоении Плюсы - Возможность настройки через дата атрибуты - Несколько скинов Минусы - зависимость от jQuery - максимум два ползунка noUiSlider - это легкий слайдер с поддержкой мультитач и множеством функций. Он поддерживает нелинейные диапазоны, не требует внешних зависимостей, поддерживает клавиатуру и отлично работает в адаптивном дизайне. Плюсы - Отсутствие зависимостей - Отличная документация - Полный программный контроль - Тонкая настройка всех параметров Минусы - Сложность в освоении 👉 @sWebDev

PHP | compact и extract compact - это функция, которая собирает массив из переменных по их именам. extract - функция создающая переменные в текущей области видимости по именам ключей массива. Будьте осторожны при использовании данных функций. Так как иногда они могут быть не очевидны. 👉 @sWebDev

👉 @sWebDev

Кастомные полосы прокрутки Оживить внешний вид сайта или сделать скроллбары не такими заметными можно и с помощью CSS, но для полноценных скроллбаров без JS не обойтись Nicescroll jQuery Plugin - небольшой jQuery плагин, оборачивает переданный элемент в свою разметку. Плюсы - Простота использования - Легкая кастомизация Минусы - Нет методов и событий PerfectScrollbar - плагин позволяющий получить максимум от скроллбаров, настраивается на любой вкус Плюсы - Множество опций - Подробная документация - Полный программный контроль, методы и события 👉 @sWebDev

👉 @sWebDev

JS | 14 уроков с основами JS Серия коротких, 3-6 минут, роликов с объяснением базовых возможностей JS, подойдет для тех кто совсем ничего не знает о программировании. 👉 @sWebDev

PHP | Нам точно нужен фреймворк? В статье автор рассказывает о том, какие вопросы должен задать себе разработчик, прежде чем выбрать фреймворк или отказаться от фреймворков вообще. 👉 @sWebDev

👉 @sWebDev

PHP | myclabs/deep-copy myclabs/deep-copy - PHP-пакет для создания копий объектов. В PHP уже есть оператор clone, который создает копии объектов. Но clone создает только копию переданного объекта. Если же объект имеет ссылки на другие объекты, то новому объекту будут переданы ссылки на те же самые объекты. DeepCopy рекурсивно обходит свойства объекта и создает их копии. 👉 @sWebDev

Работа с картами Яндекс.Карты API - предлагает платный и бесплатный тариф, ограничения бесплатного тарифа: 25 000 запросов в сутки в том числе 1000 запросов к геокодеру Плюсы - Отлично детализированная Россия - Есть расчет времени поездки с учетом пробок - Есть генератор карт, который не требует навыков программирования - Подробная документация Минусы - Бесплатную версию нельзя использовать в коммерческих проектах - Строгие лимиты на использование, после превышения карта отключится до конца месяца - Запутанная документация в которой довольно сложно разобраться - Запрет на модифицирование карты, нельзя удалять логотип Яндекса и перекрашивать карту Google Maps API - для использования нужно зарегистрировать платёжный аккаунт Google, каждый месяц даётся $200 на пользование сервисом, $7 за 1000 показов карт и $5 за 1000 запросов в геокодер. Плюсы - Детальная информация о местах, достопримечательностях, маршрутах, и прочем - Простая кастомизация карт - Хорошая документация Минусы - Документация на английском языке - Не такая детальная информация о России Leaflet - ведущая библиотека JavaScript с открытым исходным кодом для мобильных интерактивных карт Плюсы - Широкие возможности кастомизации - Множество плагинов, расширяющих функционал Минусы - Запутанная документация 👉 @sWebDev

👉 @sWebDev

PHP | PeachPie 1.0 Недавно состоялся релиз PeachPie 1.0 PeachPie - это компилятор кода на языке PHP для платформы .NET. Инструмент, предназначенный для миграции приложений с PHP на .NET, кроссплатформенной разработки и прочих экзотических задач. 👉 @sWebDev

Плагины для выбора дат Выбор даты частый гость на различных пользовательских формах, удобная работа с датами важная часть UX-дизайна Air Datepicker - минималистичный и лёгкий плагин с ненавязчивым дизайном Плюсы - Подробная документация на русском языке - Полный программный контроль, методы и события - Широкие возможности кастомизации Минусы - Последнее обновление было 5 лет назад jQueryUI Datepicker - плагин из набора jQueryUI Плюсы - Легкая стилизация встроенными средствами jQueryUI Минусы - Громоздкий дизайн по умолчанию - Зависимость от jQueryUI bootstrap-datepicker - хорошо подойдёт если вы собираете интерфейс на Bootstrap Плюсы - Стили берутся из стилей Bootstrap, всегда подходит под текущий дизайн - Удобный генератор нужных опций в документации Минусы - Если сильно изменить дефолтные стили Bootstrap - плагин может развалиться - Полная Зависимость от Bootstrap

Скользящие табы на чистом css Автор использует чекбоксы для отслеживания активного таба и применяет трансформацию для смещения подкладки.