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

CSS | CSS переменные, зачем они нам? CSS-переменные, или кастомные свойства, могут быть полезны для уменьшения количества повторяющегося кода в CSS, создания впечатляющих эффектов вроде смены тем на лету.

:root {
  /* объявляем переменную pad */
  --pad: 10px; 
}
p {
  /* используем переменную, если значение переменной недоступно или невалидно, используется фоллбэк*/
  padding: var(--pad, 10px 15px 20px);
}

Кастомные свойства можно использовать в медиавыражениях для управления отзывчивым дизайном.

:root {
  --gutter: 4px;
}
 
section {
  margin: var(--gutter);
}
 
@media (min-width: 600px) {
  :root {
    --gutter: 16px;
  }
}

Все тонкости и преимущества использования переменных описаны в статье

JS | Подстраивание высоты textarea под высоту содержимого Небольшой (3.5 KB) автономный скрипт для автоматической регулировки высоты текстового поля.

Чат сообщества Frontend-разработчиков Вступайте в чат Frontend Сообщество. Здесь мы: - Общаемся на разные темы - Помогаем в обучении и решении задач по разработке - Делимся опытом - Распространяем полезные ресурсы - Скидываем свои работы для получения оценок и обоснованной критики Будем рады как новичкам, так и опытным разработчикам :)

CSS | Tailwind CSS, атомарный подход к стилизации В статье расписаны принципы работы с css фреймворком Tailwind CSS, разобрано отличие от Bootstrap, описаны все преимущества атомарного подхода к стилизации блоков.

JS | Что вы знаете об undefined? В статье объясняется что такое undefined, как его избежать, значение undefined в массивах, отличие null и undefined. Подробно разобраны все нюансы и тонкости.

Где взять недорогие и качественные видеокурсы? Udemy - самый большой агрегатор видеокурсов с практическими заданиями, отзывами, рейтингами и недорогими ценами. А сейчас курсы с базовой стоимость в 10к можно купить за 999р

Время выполнения и потребление памяти Иногда бывает нужно проверить сколько времени выполняется скрипт и сколько памяти он при этом потребляет. Для этого есть такие инструменты, как xhprof, xdebug и другие. Но они требуют отдельной установки и настройки. Если же вам нужно провести простую проверку на время выполнения и потребление памяти, то можно сделать это добавив в код всего несколько строк.

CSS | БЭМ - справочник по неймингу Поиск правильного названия класса может довести вас до отчаяния. Даже самые опытные разработчики CSS не всегда сразу находят правильное имя. Этот инструмент призван помочь вам не потеряться в методологии БЭМ, предлагая варианты наименования для некоторых из наиболее распространенных веб-компонентов.

Laravel Zero PHP, помимо сайтов, используется для разработки консольных приложений. Например, таких популярных инструментов как composer, PHP-CS-Fixer или phpstan. Laravel Zero - это микрофреймворк для разработки таких приложений. Он основан на компонентах фреймворка Laravel. Поддерживает, среди прочего, работу с БД и файловой системой. Так же имеет средства для построения меню и отправки системных уведомлений для всех популярных ОС.

JS | Автоматические Яндекс.Карты Скрипт в примере по массиву адресов проводит геокодирование и выводит на карте маркеры с переданной информацией в балуне.

Валидация Во время работы с данными, особенно с данными, введенными пользователем, необходимо проверять их на корректность. Этот процесс называется валидацией. Для валидации данных на PHP существует большое количество библиотек. Как в составе крупных фреймворков, так и отдельных. Однако, если вы разрабатываете небольшое приложение, можно обойтись и встроенными средствами. Особенное место занимает функция filter_var, которая позволяет проверять данные большим количеством встроенных фильтров.

JS | Так ли сильно вам нужен JQuery? youmightnotneedjquery.com - справочник сравнивающий функционал JQuery и нативного JS, вводите в поиске метод JQuery и смотрите как это реализовать с помощью js.