Этот раздел делал в первую очередь для себя. Это своего рода памятка для различных ситуаций, мои наработки, поэтому они достаточно краткие и не досконально расписанные. Видео не снимаю, так как это отнимает очень много времени. Если и буду снимать видео уроки, то для них будет отведен свой раздел на сайте.
Если этот раздел будет кому то полезен и так же как и мне удобен, то пожалуйста, можете пользоваться.
Шпаргалки по Верстке. Начальные шаблоны и типовые блоки. Начинаем работу с HTML + CSS. Базовые шаблоны.
Шпаргалки по Скриптам. Примеры некоторых скриптов, а также интересные разработки полезные для сайта, как собственные, так и где то подсмотренные.
Шпаргалки по Эффектам. Различные эффекты для сайтов, анимации, скроллинг, видимость, и т.п. Расходящиеся круги от кнопки, постепенное появление блоков и др.
Шпаргалки по Элементам. Код элементов для сайта, примеры, как собственные разработки, так и типовые, стандартные.
Шпаргалки по ModX. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по WordPress. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по OpenCart. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по ProcessWire. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Bitrix. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Yii2. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этом фреймворке.
Шпаргалки по VueJS. Подключение, базовые скрипты, принципы работы. Создание и связь компонентов. Натяжка верстки, разработка сайта или SPA на этом фреймворке.
Шпаргалки отрывки кода. Приводятся примеры непростых проектов, отрывки кода из практики, сложные и интересные решения.
Шпаргалки по Photoshop. Начальные настройки, плагины и шаблоны. Представлены работы и описаны текстом последовательность действий.
Тот случай когда при выводе всех размеров в select размеры отображаются как ярлыки с латиницей, а нам нужно указать кириллицу. Например: когда в select выводится "bez-razmera", а нужно "Без размера".
Пример того как можно сделать получение данных из таблицы на страницу. Пример написание своей административной части для сайта.
Небольшой пример как можно редактировать базу данных со страницы. Пример написание своей административной части для сайта.
Пример разработки SPA приложения на VueJS. Создание страницы логина и страницы регистрации, валидация формы.
Пример разработки SPA приложения на VueJS. Создание проекта с использованием Vuetify.js, создаем структуру приложения. Добавление ссылок и адаптация, регистрация роутов.
Создание форм обратной связи на ModX. Пример формы с прикреплением файла или файлов, и с пунктом согласия.
Часто требуется выводить определенный блок с информацией только на главной странице или на всех страницах кроме главной. Вывести заголовок страницы в определенном месте.
Посадка верстки на ModX. Создаем шаблоны для внутренних страниц.
Создаем выезжающую боковую панель. Представлено два примера боковой панели, с двумя QR кодами, с QR кодом и кнопкой. Выезжающая панель автоматически через какой-то промежуток времени или только при нажатии на кнопку.
Как создать кнопку "Проложить маршрут" на вашем сайте? Самая важная кнопка, которая решает вопросы клиентов – "Как к вам добраться?".
Пример использования props и emit. Установка vuex. Работа с данными и переход на vuex. Использование getters. Использование mutations. Использование actions. Оптимизация с помощью модулей.
Три варианта появления блоков при скроллинге. Примеры. Появление блоков при скроллинге только вверх. Появление блоков при скроллинге как вверх, так и вниз.
Пример анимации печатающегося текста на сайте при помощи HTML, CSS и JavaScript. Настройка анимации - удаление текста, печатание нескольких текстов, с повтором анимации и без повтора.
Анимированный блик на кнопку. Достаточно простой пример анимации блика на кнопку при помощи HTML и CSS.
Автоматически обрезаем контентную часть текста на определенное количество символов и проставляем многоточие в конце если это нужно. При помощи только PHP.
Actions в Photoshop. Как создать и как пользоваться Action в Photoshop для автоматизации каких либо однотипных процессов. Пример создания Action по подготовке к частотному разложению.
Работа с сервером и с vue-axios. Настройка приложения, cоздание объектов POST, получение объектов GET, глобальная настройка, интерсопторы.
Несколько примеров меню на Bootstrap 5. Меню с логотипом, меню без логотипа и другие. Пример того как можно создать меню для сайтов.
Создаем Breadcrumbs (хлебные крошки) для WordPress и WooCommerce. Рассмотрено два варианта создания хлебных крошек для сайтов на WordPress и WooCommerce.
Решение проблемы с добавлением дополнительных в miniShop ModX. На практике был случай, когда в ModX, в модуле MiniShop2 появлялась ошибка с добавлением дополнительных полей.
MiniShop2. Передача параметра товара в корзину и скрипт выцыпания полей характеристик товара для дальнейшей работы с ними.
Определяем категорию по тому на какой странице мы находимся. Выводим все товары из определенной категории по ID.
3 способа узнать текущую категорию в WordPress, шпаргалка с примера как можно узнать текущую категорию товара или статьи. Как узнать категории товара на странице карточки товара.