Этот раздел делал в первую очередь для себя. Это своего рода памятка для различных ситуаций, мои наработки, поэтому они достаточно краткие и не досконально расписанные. Видео не снимаю, так как это отнимает очень много времени. Если и буду снимать видео уроки, то для них будет отведен свой раздел на сайте.
Если этот раздел будет кому то полезен и так же как и мне удобен, то пожалуйста, можете пользоваться.
Шпаргалки по Верстке. Начальные шаблоны и типовые блоки. Начинаем работу с HTML + CSS. Базовые шаблоны.
Шпаргалки по Скриптам. Примеры некоторых скриптов, а также интересные разработки полезные для сайта, как собственные, так и где то подсмотренные.
Шпаргалки по Эффектам. Различные эффекты для сайтов, анимации, скроллинг, видимость, и т.п. Расходящиеся круги от кнопки, постепенное появление блоков и др.
Шпаргалки по Элементам. Код элементов для сайта, примеры, как собственные разработки, так и типовые, стандартные.
Шпаргалки по ModX. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по WordPress. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по OpenCart. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по ProcessWire. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Bitrix. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Yii2. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этом фреймворке.
Шпаргалки по VueJS. Подключение, базовые скрипты, принципы работы. Создание и связь компонентов. Натяжка верстки, разработка сайта или SPA на этом фреймворке.
Шпаргалки отрывки кода. Приводятся примеры непростых проектов, отрывки кода из практики, сложные и интересные решения.
Шпаргалки по Photoshop. Начальные настройки, плагины и шаблоны. Представлены работы и описаны текстом последовательность действий.
Вариант как можно сделать дополнительную защита от спама на формах сайта на CMS ModX при помощи дополнительного поля.
Примеры осуществления отступов для якорей от верхнего края экрана на чистом CSS.
Вариант как можно сделать маркер текущей страницы в меню сайта на CMS ModX.
Пример создания слайдера с управлением из под админки с использованием плагина Advanced Custom Fields PRO.
Вариант реализации нижней раскрывающейся мобильной панели.
Примеры осуществления ленивых загрузок для элементов. Ленивая загрузка div. Ленивая загрузка img.
Рассмотрим пример настройки Git и сборки проектов на ProcessWire.
Пример получение и вывод минимальной цены из категории. Пример вывода минимальной цены для каждой категории на главной странице и в каталоге.
Пример дополнительной защиты от спама на сайте WordPress при использовании плагина ContactForm7.
Рассмотрим пример установки плагинов и модулей на CMS ProcessWire. Список нужных и полезных модулей.
Еще один метод посадки верстки ProcessWire по блочной структуре.
Пример того, как сделать верстку по типу содержания в книгах, с точками. Или блок с какими либо параметрами разделенных точками по всей ширине.
Так как в WordPress не предусмотрено склонение меток в зависимости от числа, то пришлось воспользоваться простой функцией, которая делает это.
Пример того, как можно легко сделать select'у placeholder.
Пример как можно сделать фильтрацию по диапазону цены с использованием плагина фильтра Search and Filter, JS библиотеки touch-punch, и написанием небольших скриптов. Добавляем сортировку по цене и выносим ее за пределы фильтра.
Примеры вывода статуса о наличии товара в WooCommerce.
Пример формирования отчета Excel на PHP. Формируется файл в формате CSV и открывается в Excel, который затем можно отредактировать и сохранить в нужном вам формате.
Пример формирования отчета PDF на PHP с использованием библиотеки DomPDF.
Пример того, как добавить отзывы на карточку товара интернет магазина на WordPress и WooCommerce и сделать для них стили. Написание скрипта валидации формы отзывов.
В шпаргалке рассмотрены пример пошагового создание личного кабинета на Woocommerce. Добавление функционала сравнение товаров и закладки.
В шпаргалке рассмотрены пример создания Sitemap.xml и Robots.txt для WooCommerce.
Пример того как можно передавать какие либо данные при наведении на какой либо элемент. Этот метод к примеру можно использовать при передачи наименования товара в модалку при наведении на карточку.
В шпаргалке рассмотрены пример создания функционала "Купить в один клик" на сайте WooCommerce и WordPress с использованием плагина ContactForm.