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

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
JS | Автоматические Яндекс.Карты

Скрипт в примере по массиву адресов проводит геокодирование и выводит на карте маркеры с переданной информацией в балуне.
Laravel Zero

PHP, помимо сайтов, используется для разработки консольных приложений. Например, таких популярных инструментов как composer, PHP-CS-Fixer или phpstan.

Laravel Zero - это микрофреймворк для разработки таких приложений. Он основан на компонентах фреймворка Laravel. Поддерживает, среди прочего, работу с БД и файловой системой. Так же имеет средства для построения меню и отправки системных уведомлений для всех популярных ОС.
CSS | БЭМ - справочник по неймингу

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

Иногда бывает нужно проверить сколько времени выполняется скрипт и сколько памяти он при этом потребляет.

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

Если же вам нужно провести простую проверку на время выполнения и потребление памяти, то можно сделать это добавив в код всего несколько строк.
Где взять недорогие и качественные видеокурсы?

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

А сейчас курсы с базовой стоимость в 10к можно купить за 999р
JS | Что вы знаете об undefined?

В статье объясняется что такое undefined, как его избежать, значение undefined в массивах, отличие null и undefined. Подробно разобраны все нюансы и тонкости.
CSS | Tailwind CSS, атомарный подход к стилизации

В статье расписаны принципы работы с css фреймворком Tailwind CSS, разобрано отличие от Bootstrap, описаны все преимущества атомарного подхода к стилизации блоков.
Какой отступ будет между двумя блоками <div> и <p>
Anonymous Quiz
10%
20px
45%
30px
8%
10px
37%
50px
JS | Подстраивание высоты textarea под высоту содержимого

Небольшой (3.5 KB) автономный скрипт для автоматической регулировки высоты текстового поля.
This media is not supported in your browser
VIEW IN TELEGRAM
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 | Lightbox2, полноэкранный просмотр изображений в два клика

Lightbox2
- это скрипт, используемый для просмотра изображений в модальном окне. Его легко настроить и он работает во всех современных браузерах. Можно использовать как для просмотра отдельных изображений, так и для галереи.
Awesome PHP

Awesome PHP - GitHub репозиторий с огромным количеством ссылок на различные пакеты и инструменты для PHP.
Каким будет результат выполнения функции?
Anonymous Quiz
20%
"array
9%
"function"
32%
"object"
28%
"undefined"
10%
null
This media is not supported in your browser
VIEW IN TELEGRAM
JS | Генератор многоугольников для Яндекс.Карт

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