JS | Знакомство с canvas

Элемент <canvas>, добавленный в HTML5, предназначен для создания графики с помощью JavaScript.

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

SVG | SMIL анимация - тяжело в учении, легко в бою

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

SMIL анимация создаётся средствами самого noscript документа, предоставляет больше возможностей и работает всегда.

Подробный разбор всех возможностей в статье.

JS | Огромная коллекция разнообразных плагинов

unheap.com - отсортировал массу плагинов для jquery и нативного js по пяти категориям:
- ui
- формы
- медиа
- навигация
- разное

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

CSS | Игра на знание css-селекторов

Игра с нарастающей сложностью показывает как использовать самые разные селекторы и их комбинации, к каждой задачке идёт описание работы требуемого селектора.

JS | Так ли сильно вам нужен JQuery?

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

Валидация

Во время работы с данными, особенно с данными, введенными пользователем, необходимо проверять их на корректность. Этот процесс называется валидацией.

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

Однако, если вы разрабатываете небольшое приложение, можно обойтись и встроенными средствами.

Особенное место занимает функция filter_var, которая позволяет проверять данные большим количеством встроенных фильтров.

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, описаны все преимущества атомарного подхода к стилизации блоков.