ШПАРГАЛКИ

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

Если этот раздел будет кому то полезен и так же как и мне удобен, то пожалуйста, можете пользоваться.

ВЕРСТКА


Шпаргалки по Верстке. Начальные шаблоны и типовые блоки. Начинаем работу с HTML + CSS. Базовые шаблоны.

СКРИПТЫ


Шпаргалки по Скриптам. Примеры некоторых скриптов, а также интересные разработки полезные для сайта, как собственные, так и где то подсмотренные.

ЭФФЕКТЫ


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

ЭЛЕМЕНТЫ


Шпаргалки по Элементам. Код элементов для сайта, примеры, как собственные разработки, так и типовые, стандартные.

MODX


Шпаргалки по ModX. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

WORDPRESS


Шпаргалки по WordPress. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

OPENCART


Шпаргалки по OpenCart. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

PROCESSWIRE


Шпаргалки по ProcessWire. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

BITRIX


Шпаргалки по Bitrix. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

YII2


Шпаргалки по Yii2. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этом фреймворке.

VUEJS


Шпаргалки по VueJS. Подключение, базовые скрипты, принципы работы. Создание и связь компонентов. Натяжка верстки, разработка сайта или SPA на этом фреймворке.

ОТРЫВКИ КОДА


Шпаргалки отрывки кода. Приводятся примеры непростых проектов, отрывки кода из практики, сложные и интересные решения.

PHOTOSHOP


Шпаргалки по Photoshop. Начальные настройки, плагины и шаблоны. Представлены работы и описаны текстом последовательность действий.

ПОСЛЕДНИЕ ДОБАВЛЕННЫЕ

ModX дополнительная защита от спама

Вариант как можно сделать дополнительную защита от спама на формах сайта на CMS ModX при помощи дополнительного поля.

Отступ для якоря от верхнего края экрана на чистом css

Примеры осуществления отступов для якорей от верхнего края экрана на чистом CSS.

ModX меню сайта с маркером текущей страницы

Вариант как можно сделать маркер текущей страницы в меню сайта на CMS ModX.

Слайдер с управлением из под админки

Пример создания слайдера с управлением из под админки с использованием плагина Advanced Custom Fields PRO.

Нижняя мобильная панелька

Вариант реализации нижней раскрывающейся мобильной панели.

Ленивая загрузка для элементов

Примеры осуществления ленивых загрузок для элементов. Ленивая загрузка div. Ленивая загрузка img.

Настроить Git и сборку проекта на ProcessWire

Рассмотрим пример настройки Git и сборки проектов на ProcessWire.

WooCommerce получение и вывод минимальной цены

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

Дополнительный метод защиты от спама

Пример дополнительной защиты от спама на сайте WordPress при использовании плагина ContactForm7.

Как установить плагины на ProcessWire

Рассмотрим пример установки плагинов и модулей на CMS ProcessWire. Список нужных и полезных модулей.

Посадка верстки. Блочная структура

Еще один метод посадки верстки ProcessWire по блочной структуре.

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

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

Функция склонения меток в WP при различном количестве товара

Так как в WordPress не предусмотрено склонение меток в зависимости от числа, то пришлось воспользоваться простой функцией, которая делает это.

Как сделать select'у placeholder

Пример того, как можно легко сделать select'у placeholder.

Фильтрация по диапазону цены

Пример как можно сделать фильтрацию по диапазону цены с использованием плагина фильтра Search and Filter, JS библиотеки touch-punch, и написанием небольших скриптов. Добавляем сортировку по цене и выносим ее за пределы фильтра.

Вывод статуса о наличии товара в WooCommerce

Примеры вывода статуса о наличии товара в WooCommerce.

Формируем отчет в Excel на PHP

Пример формирования отчета Excel на PHP. Формируется файл в формате CSV и открывается в Excel, который затем можно отредактировать и сохранить в нужном вам формате.

Формируем отчет в PDF на PHP

Пример формирования отчета PDF на PHP с использованием библиотеки DomPDF.

Добавляем отзывы на сайт магазин Woocommerce

Пример того, как добавить отзывы на карточку товара интернет магазина на WordPress и WooCommerce и сделать для них стили. Написание скрипта валидации формы отзывов.

Пошаговое создание личного кабинета на Woocommerce

В шпаргалке рассмотрены пример пошагового создание личного кабинета на Woocommerce. Добавление функционала сравнение товаров и закладки.

Sitemap.xml и Robots.txt для WooCommerce

В шпаргалке рассмотрены пример создания Sitemap.xml и Robots.txt для WooCommerce.

Скрипт передачи данных при наведении

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

Функционал "Купить в один клик"

В шпаргалке рассмотрены пример создания функционала "Купить в один клик" на сайте WooCommerce и WordPress с использованием плагина ContactForm.

Так же с моим портфолио можно ознакомиться на любой из представленной социальной сети, на своих страницах я публикую посты о своих работах, заданиях и целях.

Для связи со мной можно воспользоваться любой социальной сетью,
или написать на почту:

С моим резюме можно ознакомиться по ссылке:

© 2020-2024 Портфолио Юдина Александра г.Пенза. Все права защищены