ШПАРГАЛКИ

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

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

ВЕРСТКА

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

СКРИПТЫ

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

ЭФФЕКТЫ

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

ЭЛЕМЕНТЫ

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

MODX

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

WORDPRESS

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

OPENCART

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

PROCESSWIRE

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

BITRIX

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

YII2

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

VUEJS

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

ОТРЫВКИ КОДА

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

PHOTOSHOP

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

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

Когда параллакс background-image - fixed не работает на Iphone

Пример того как можно решить проблему, когда параллакс background-image - fixed не работает на Iphone или на любом другом устройстве IOS

Проверка на день недели при выборе даты

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

Создаем модальную форму обратной связи

Пример создания модальной формы обратной связи на WordPress используя плагин Contact Form и Bootstrap 5.

Пользовательские дополнительные поля

Пользовательские, дополнительные поля. Пример того как создавать дополнительные пользовательские поля при помощи плагина Advanced Custom Fields. Основные настройки и примеры получения полей.

Мобильное меню в виде панели снизу

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

Разъезжающейся блок и появления текста в нем

Пишем эффект на CSS и JQuery: во время скроллинга, при достижении блока с квадратом на экране, этот квадрат разъезжается и через некоторое время в нем появляется текст.

WordPress в размерах нужна кириллица

Тот случай когда при выводе всех размеров в select размеры отображаются как ярлыки с латиницей, а нам нужно указать кириллицу. Например: когда в select выводится "bez-razmera", а нужно "Без размера".

Получение данных из таблицы на страницу

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

Редактирование базы данных со страницы

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

VueJS - Разработка SPA приложения. Часть 2

Пример разработки SPA приложения на VueJS.

VueJS - Разработка SPA приложения. Часть 1

Пример разработки SPA приложения на VueJS. Создание проекта с использованием Vuetify.js, создаем структуру приложения. Добавление ссылок и адаптация, регистрация роутов.

Создание форм обратной связи на ModX

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

Как проверить в Bitrix на главной ли странице мы находимся?

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

Внутренние страницы на ModX

Посадка верстки на ModX. Создаем шаблоны для внутренних страниц.

Создаем выезжающую боковую панель

Создаем выезжающую боковую панель. Представлено два примера боковой панели, с двумя QR кодами, с QR кодом и кнопкой. Выезжающая панель автоматически через какой-то промежуток времени или только при нажатии на кнопку.

Кнопка проложить маршрут на вашем сайте

Как создать кнопку "Проложить маршрут" на вашем сайте? Самая важная кнопка, которая решает вопросы клиентов – "Как к вам добраться?".

Работа с данными с vuex

Пример использования props и emit. Установка vuex. Работа с данными и переход на vuex. Использование getters. Использование mutations. Использование actions. Оптимизация с помощью модулей.

Постепенное появление блоков при скроллинге

Три варианта появления блоков при скроллинге. Примеры. Появление блоков при скроллинге только вверх. Появление блоков при скроллинге как вверх, так и вниз.

Анимация печатающегося текста на сайте

Пример анимации печатающегося текста на сайте при помощи HTML, CSS и JavaScript. Настройка анимации - удаление текста, печатание нескольких текстов, с повтором анимации и без повтора.

Анимированный блик на кнопку

Анимированный блик на кнопку. Достаточно простой пример анимации блика на кнопку при помощи HTML и CSS.

Автоматически обрезаем часть текста

Автоматически обрезаем контентную часть текста на определенное количество символов и проставляем многоточие в конце если это нужно. При помощи только PHP.

Actions в Photoshop. Создание Action.

Actions в Photoshop. Как создать и как пользоваться Action в Photoshop для автоматизации каких либо однотипных процессов. Пример создания Action по подготовке к частотному разложению.

Работа с сервером и с vue-axios

Работа с сервером и с vue-axios. Настройка приложения, cоздание объектов POST, получение объектов GET, глобальная настройка, интерсопторы.

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

www.vk.com/udnlx www.ok.ru/udnlx

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

8(964)866-35-85 Udnlx@yandex.ru

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

https://penza.hh.ru