Этот раздел делал в первую очередь для себя. Это своего рода памятка для различных ситуаций, мои наработки, поэтому они достаточно краткие и не досконально расписанные. Видео не снимаю, так как это отнимает очень много времени. Если и буду снимать видео уроки, то для них будет отведен свой раздел на сайте.
Если этот раздел будет кому то полезен и так же как и мне удобен, то пожалуйста, можете пользоваться.
Шпаргалки по Верстке. Начальные шаблоны и типовые блоки. Начинаем работу с HTML + CSS. Базовые шаблоны.
Шпаргалки по Скриптам. Примеры некоторых скриптов, а также интересные разработки полезные для сайта, как собственные, так и где то подсмотренные.
Шпаргалки по Эффектам. Различные эффекты для сайтов, анимации, скроллинг, видимость, и т.п. Расходящиеся круги от кнопки, постепенное появление блоков и др.
Шпаргалки по Элементам. Код элементов для сайта, примеры, как собственные разработки, так и типовые, стандартные.
Шпаргалки по ModX. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по WordPress. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по OpenCart. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по ProcessWire. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Bitrix. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Yii2. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этом фреймворке.
Шпаргалки по VueJS. Подключение, базовые скрипты, принципы работы. Создание и связь компонентов. Натяжка верстки, разработка сайта или SPA на этом фреймворке.
Шпаргалки отрывки кода. Приводятся примеры непростых проектов, отрывки кода из практики, сложные и интересные решения.
Шпаргалки по Photoshop. Начальные настройки, плагины и шаблоны. Представлены работы и описаны текстом последовательность действий.
Передача параметров от дочернего компонента, передача функции как параметр, cвязь дочерних компонентов, использование event emitter, передача HTML компоненту.
ModX создаем страницу галерею на примере "Наши работы".
Как сделать приложение на VueJS многоязычным при помощи плагина Vue-l18n. Подключение настройка управление. Константы перевода с применением HTML. Выносим все настройки по мультиязычности сайта в отдельный JS файл. Выносим переменные перевода в json. Как менять HTML компонента при определенной локализации.
Делаем раздел Услуги на основе вкладок BootStrap 4 версии, под управлением этого раздела из CMS ModX.
Правка синтаксиса VueJS при помощи ESLint. Подключение, настройка, зависимости для использования ESLint проверки синтаксиса VueJS проекта. Правка синтаксиса VueJS при помощи EditorConfig и JSHint.
Редактируем стандартный шаблон для записей.
Как вывести записи на страницу из определенной рубрики в WordPress. Вывод записей из рубрик WordPress без плагина.
Зачем нужны компоненты, локальная и глобальная регистрация, названия компонентов, регистрация компонентов в .vue, передача параметров компоненту при помощи props, валидация входящих параметров.
Вывод контента при отмеченном tv.checkbox.
Шаги по начальной работе над проектом. Пример посадки верстки на Vue 3 приложение.
Делаем раздел Ответ-Вопрос на основе аккордеона BootStrap 4 версии, под управлением этого раздела из CMS ModX.
Как добавить категории и теги страницам в WordPress, простой метод.
Как добавить вариативный товар, как добавить категории и теги страницам, выводим на страницу каталога наши категории.
Vue CLI – это система для быстрой разработки и создания прототипов Vue.js. Она состоит из различных компонентов. В этой шпаргалке рассмотрены установка и создание проекта на VueJS2 и VueJS3.
Описание и решение задачи по смене языков как на главной, так и на второстепенных страницах сайта работающего на CMS ProcessWire
Стилизуем любой Select на сайте используя обычный input и droopdown элемент.
Делаем магазин на WordPress (WooCommerce). Инструкция для начала работы при создании магазина на WordPress. Часть 2.
Добавление пунктов меню в админ панель WordPress. Примеры нескольких вариантов.
Запрет переноса слов через дефис.
Делаем магазин на WordPress (WooCommerce). Инструкция для начала работы при создании магазина на WordPress. Часть 1.
Прилипающее к верху при прокрутке меню. Пример создания на любом сайте c использованием JQuery.
Бесплатный виджет предназначен для создания версии сайта пригодного для использования слабовидящими гражданами.
Как сделать поиск по сайту на ModX. Простой поиск на сайте ModX.