bootstrap
- Лучшие бесплатные Bootstrap 5 шаблоны
- Вывод data-атрибутов в модальном окне
- bootstrap 4 карусель из нескольких элементов
- Верстка шапки сайта при помощи Bootstrap 5
- Кастомизируем bootstrap 4 меню
- Авто выпадение меню и возможность кликать на категории в Bootstrap 4 меню
- Установка Bootstrap 4
- Верстка сайта на Bootstrap 4
- Введение в bootstrap
- Выравнивание модального окна bootstrap 3/4 вертикально по центру при помощи css
- Расширяем сетку Bootstrap 4 до 5 колонок
- Верстка блока на bootstrap 4 заезжающего поверх слайдера
- Сборка на основе Bootstrap 4
- Сборка на основе Bootstrap 3
- Bootstrap + masonry
MODX Revo
- MODX плагин автоматического сжатия изображения при загрузке
- Оплата заказов miniShop2 через Sberbank
- Параметры phpThumb — встроенной в MODX библиотеки
- FetchIt: отправка MODX форм с помощью Fetch API
- После обновления до MODX 2.8.6 перестали отображаются картинки (битые превью) в админке.
- MiniShop2: избранные товары
- Удаление всех изображений minishop2
- Установка скриптов (Google Analytics, Яндекс.Метрики и прочих) на MODX сайт
- Добавление своих полей в свойства товара minishop2
- Уведомления с MODX в Telegram
- Дополнительные опции minishop2 — создание, кастомизация вывода и вывод единиц измерения
- Кнопки «Поделиться в социальных сетях» без сторонних плагинов (Share Social Links)
- xLike — идеальная система лайков для MODX Revo
- Реализуем разные title и description для страниц с пагинацией
- MODX Gallery (дополнение для создания галереи): полная документация на русском
- Modx rowboat — вывод контента из любой таблицы базы данных
- Minishop2 как отредактировать письмо заказа (оформление писем)
- msProducts (MODX minishop2) — документация и примеры вызова товаров
- MODX импорт и экспорт для miniShop2 при помощи msImportExport
- Источник файлов для MsGallery: настройка путей, превью, перегенерация превью + наложение watermark
- Доработка шаблона категории товаров minishop2 (Fenom)
- Доработка шаблона товаров minishop2 (Fenom)
- Опции товаров miniShop2 — создание и вывод
- Настройки Minishop2
- Быстрый старт с Minishop2 на Fenom
- Вывод категорий блога в сайтбар
- Настройка вывода блоков в статьях (fenom)
- Микроразметка Schema.org для Блога
- Создание шаблона для категории блога (fenom)
- Интеграция комментариев от widgetpack с MODX Revo
- Создание блока автора на Fenom
- Вывод мета информации в статье блога на Fenom
- Поиск по сайту или блогу на чистом Fenom
- Добавляем в статьи сайтбар и выводим в нем последние статьи и липкий рекламный блок
- Создание файлового шаблона для статей
- Генератор фавиконов — быстрая генерация иконок и установка их на MODX
- MODX пакет SEO Suite: документация и настройка
- Создание файловых шаблонов pdoTools
- MODX: Работа с файловыми элементами
- Настройка VS Code для работы с CMS MODX
- pdoTools — файловые элементы
- Автоматическая генерация оглавления страницы
- MODX SEO Pro — документация
- MODX CSRFHelper — защита форм FormIt и AjaxForm от CSRF атак
- Как в MODX Revo избавиться от спама с FormIt, AjaxForm, FetchIt (без капч)
- Google reCAPTCHA(v2) для FormIt и AjaxForm
- SimpleSearch — поиск по сайту
- MODX action_err_ns — исправляем ошибку
- MODX Revolution уроки для начинающих
- MODX теги — тегирование для ресурсов, при помощи MIGX
- Раздел управления виджетами
- MODX https, как настроить самостоятельно
- MODX SEO оптимизация
- robots.txt для MODX Revo
- MODX безопасность — уязвимости и защита от них
- MODX — вывод списка похожих записей (автоматическая перелинковка)
- MODX MinifyX — ускоряем сайт и уменьшаем нагрузки на сервер
- Интернет-магазин на MODX Revo (курс)
- Изменение длины (varchar) у поля из minishop2
- Настройка прав доступа в MODX
- MODX мультиязычность на основе Babel
- easyComm — создание отзывов для товаров в MODX Revo
- Создание HTML карты сайта в MODX — для людей
- MODX авторизация пользователей через социальные сети при помощи HybridAuth
- TicketComments комментарии или отзывы в MODX при помощи Tickets
- Создание блога на modx на ресурсах и при помощи Tickets
- MODX Tickets настройки, документация
- Создание слайдеров при помощи MIGX, BanerY и pdoResources
- MODX pdoField — получение и вывод полей родителя (ей)
- PdoSitemap документация | создание sitemap.xml в MODX Revo
- pdoNeighbors — документация и примеры вывода соседних документов в MODX Revo
- MODX pdoPage: параметры, примеры вывода ресурсов с разбивкой на страницы (пагинацией)
- MODX Collections (коллекции)
- Форматирование и вывод дат и времени в MODX
- MODX: ExtraFields — быстрое добавление полей в профиль пользователя и ресурсы
- MODX: поля пользователей и их вывод во фронтенде
- Как создать блог на MODX
- Как сделать блог на MODX Revo: 3 актуальных способа
- pdoResources — документация и примеры вывода ресурсов
- pdoMenu — документация и примеры создания меню в MODX
- MODX pdoCrumbs — создание хлебных крошек
- MODX pdoTools — дополнение для быстрой выборки страниц и пользователей сайта
- MODX AjaxForm — документация и примеры построения контактных форм
- MODX Formit — документация и примеры создания форм
- MODX ImportX — импорт ресурсов
- Создание страниц ошибок 404, 401, 503 в MODX
- Добавление страниц и разделов в MODX
- Создание дополнительных MODX шаблонов
- MODX TinyMCE RTE — настройка визуального редактора
- MODX PageBlocks — компонент для быстрой посадки верстки на MODX
- Делаем редактор блоков на Migx
- MIGX loading — решение проблемы
- Посадка сложных блоков на MIGX, или как выводить MIGX в MIGX
- MODX: MIGX — документация и примеры посадки блоков
- Modx ClientConfig — пользовательские системные настройки
- MODX: Расширение файла «…» не допускается
- Создание дополнительного источника файлов в MODX Revo
- Modx TV (дополнительные поля)
- MODX: Поля ресурсов: какие есть, как вывести
- MODX сниппеты (snippet)
- MODX чанки (chunks)
- MODX fenom — документация и примеры
- Модификаторы MODX и фильтры phx
- Основной синтаксис MODX Revo
- Ace — подсветка кода в MODX и не только
- Перенос HTML шаблона в MODX Revo
- MODX шаблоны – что это, где их достать (скачать, заказать, купить)
- MODX htaccess
- Быстрая настройка MODX и установка пакетов
- Как убрать .html из URL в MODX
- MODX настройка ЧПУ
- Дополнения (модули / пакеты) для MODX Revolution
- Настройка MODX
- Идеология, основные определения, структура каталогов (файлов) MODX
- MODX админка — обзор, как зайти
- Автоматическая установка MODX на хостинг
- Правильная установка MODX Revolution на хостинг
- Установка MODX локально (на компьютер / локальный сервер)
- Cкачать MODX Revo на русском
- FAQ по MODX — рекомендую ознакомиться перед началом изучения
- MODX что это такое
- Документация по пакету MODX Revo — MetaX
- MODX cборка (готовый сайт) для быстрого старта
- Обновление до актуальной версии
- minishop2 — всплывающее окно после нажатия на кнопку
- Создание RSS ленты на MODX Revo
- Фикс phpthumb — прозрачный фон у png
- Иконки в дереве ресурсов
- Автоматическая оптимизация (сжатие) картинок на сайте
- MODX — продвинутое портфолио с фильтром по категориям
- Якорные ссылки в MODX Revolution
- MODX — cклейка домена с www и без www
- MODX: перенос сайта на хостинг, другой домен или с хостинга на хостинг
- Создание страницы с отзывами — 4 способа
- Создания адаптивной галереи в MODX при помощи Gallery
Fenon - базовый курс
- msProducts (MODX minishop2) — документация и примеры вызова товаров
- MODX импорт и экспорт для miniShop2 при помощи msImportExport
- Источник файлов для MsGallery: настройка путей, превью, перегенерация превью + наложение watermark
- Доработка шаблона категории товаров minishop2 (Fenom)
- Доработка шаблона товаров minishop2 (Fenom)
- Опции товаров miniShop2 — создание и вывод
- Настройки Minishop2
- Быстрый старт с Minishop2 на Fenom
- Вывод категорий блога в сайтбар
- Настройка вывода блоков в статьях (fenom)
- Микроразметка Schema.org для Блога
- Создание шаблона для категории блога (fenom)
- Интеграция комментариев от widgetpack с MODX Revo
- Создание блока автора на Fenom
- Вывод мета информации в статье блога на Fenom
- Поиск по сайту или блогу на чистом Fenom
- Добавляем в статьи сайтбар и выводим в нем последние статьи и липкий рекламный блок
- Создание файлового шаблона для статей
- Генератор фавиконов — быстрая генерация иконок и установка их на MODX
- MODX пакет SEO Suite: документация и настройка
- Создание файловых шаблонов pdoTools
- MODX: Работа с файловыми элементами
- Настройка VS Code для работы с CMS MODX
- pdoTools — файловые элементы
- MODX + Fenom — краткое введение в курс
- Быстрая настройка MODX и установка пакетов
Дополнения
- Оплата заказов miniShop2 через Sberbank
- FetchIt: отправка MODX форм с помощью Fetch API
- SimpleSearch — поиск по сайту
- MODX ImportX — импорт ресурсов
- MODX TinyMCE RTE — настройка визуального редактора
- MODX PageBlocks — компонент для быстрой посадки верстки на MODX
- MODX: MIGX — документация и примеры посадки блоков
- Modx ClientConfig — пользовательские системные настройки
- Ace — подсветка кода в MODX и не только
- Документация по пакету MODX Revo — MetaX
Основы
- MODX безопасность — уязвимости и защита от них
- Modx TV (дополнительные поля)
- MODX: Поля ресурсов: какие есть, как вывести
- MODX сниппеты (snippet)
- MODX чанки (chunks)
- MODX fenom — документация и примеры
- Модификаторы MODX и фильтры phx
- Основной синтаксис MODX Revo
- MODX шаблоны – что это, где их достать (скачать, заказать, купить)
- Идеология, основные определения, структура каталогов (файлов) MODX
- MODX админка — обзор, как зайти
- Cкачать MODX Revo на русском
- FAQ по MODX — рекомендую ознакомиться перед началом изучения
- MODX что это такое
OpenCart
SEO
- SSL сертификат что это, зачем нужен и какие бывают
- HSTS — заголовки безопасности (security headers)
- Как проиндексировать сайт в Google через API
- Продвижение поведенческими факторами: как и что нужно учитывать при накрутке!
- Как добавить сайт в поисковую систему Bing / Yahoo, через панель вебмастера
- Как скрыть внешние ссылки при помощи JS
- Как добавить сайт в Яндекс.Вебмастер: инструкция для новичков
- Как добавить сайт в Google Search Console: инструкция для новичков
- Быстрая генерация критического CSS
- Адаптивность сайта: почему так важна, и как её проверить
- Кроссбраузерность сайта: почему она так важна и как ее добиться
- Парсинг контента при помощи Screaming Frog SEO Spider
- Микроразметка Schema.org для Блога
- Генератор фавиконов — быстрая генерация иконок и установка их на MODX
- Скорость загрузки сайта: SEO-руководство по сокращению времени загрузки
- Как удалить страницы сайта из поисковой выдачи
- Прототипирование сайта
- Структура сайта — какие бывают и как правильно создать с учетом SEO
- Анализ коммерческих факторов
- Анализ сайтов конкурентов
- Семантическое ядро — что это такое, как составить и использовать
- Групповая транслитерация имен файлов с помощью Total Commander
- Основные обновления алгоритма Google: как оставаться в безопасности
- Улучшают ли LSI ключи ваш веб-рейтинг и эффективность?
- Пути увеличения трафика (чек-лист)
- Ключевые слова LSI и почему они на вашей стороне?
- LSI, Latent Semantic Indexing (латентное семантическое индексирование)
- Что важно знать при продвижении сайта в google в 2018-2019 годах?
- Правильная структура URL адресов
- Что надо знать о раскрутке сайта?
- MOAB Tools — обзор сервиса для быстрого и глубокого сбора семантики
- Как бесплатно получить Key Collector и тут же начать его использовать
- Продвижение сайтов в сети
- Автоматическая оптимизация (сжатие) картинок на сайте
- Как добавить сайт в поисковые системы.
- Что такое копирайтинг?
- Перенос сайта на новый домен
- Склейка домена с www и без www
- Как правильно писать SEO тексты для сайта
- Создание структуры сайта
- Подбор слов при помощи Яндекс вордстат
- Бесплатный аудит сайта от Megaindex.
- Обзор бесплатных Seo инструментов от Мегаиндекс (MegaIndex).
- Список русскоязычных белых каталогов сайтов актуальных на октябрь 2012 года. База № 1.
- Статейный маркетинг – продвижение сайта статьями.
- Регистрация сайта в каталогах
SMO/SMM
WordPress
- Структура файлов и каталогов WordPress — руководство для начинающих
- Постоянные ссылки WordPress (permalinks) и их настройка
- Что такое WordPress плагины и как их устанавливать
- Настройка WordPress после установки
- Как убрать category из URL в WordPress
- Админка WordPress: как войти, настроить и работать
- Установка WordPress локально (на компьютер / локальный сервер)
- Установка WordPress на хостинг — пошаговая инструкция для новичков
- Как отключить Gutenberg (включить классический редактор) WordPress
- Пошаговый план: как создать сайт с нуля на WordPress (для новичков)
- WordPress что это и для чего нужен
- WordPress страницы и записи в чем разница?
- Быстрая установка wordpress на windows
- Gutenberg или Classic Editor: что выбрать?
- Кнопки «Поделиться в социальных сетях» без сторонних плагинов (Share Social Links)
- Скачать WordPress
- Как отключить в WordPress jQuery migrate и просто jQuery
- WordPress Rank Math Seo: пошаговая настройка для новичков
- Yoast SEO — правильная настройка самого популярного SEO плагина для WordPress
- Yoast или Rank Math, какой SEO плагин выбрать?
- WordPress: защита от спама при помощи Akismet Anti-Spam
- Защита CMS
- Автоматическая оптимизация (сжатие) картинок на сайте
- Плагин Video Embedder или как вставить видео на блог
- Проверка правильности установки SSL
- Смешанное содержимое HTTPS: как его найти и исправить
- Перевод WordPress сайта с http на https (Let’s Encrypt) за 7 минут
- Acunetix WP Security rus
- Добавление миниатюр
- Добавление тегов (меток) в WordPress
- Блокировка контента при помощи социального замка
- Social Locker RUS — социальный замок для wordpress | скачать бесплатно
- Социальный замок для WordPress — установка и настройка
- Вставка картинок в запись (страницу) wordpress
- WordPress рубрики (категории)
- Установка WordPress на Open Server (локальный сервер)
- Подготовка к публикации материалов
- Создание галереи при помощи NextGEN Gallery.
- Форма обратной связи в WordPress: плагин Contact Form 7 + CAPTCHA (капча).
- Как перевести WordPress шаблон или плагин?
- Структура WordPress шаблона. Взгляд изнутри.
- Как установить шаблон на wordpress
- Шаблоны WordPress
- WordPress страницы: для чего нужны, как создавать и редактировать
- WordPress записи, что такое и как создать
- Установка WordPress на Денвер (Denwer)
Акции и бонусы
Верстка
- Демо бар для демонстрации шаблонов / верстки
- Плагин emmet: документация + шпаргалка
- Модальное окно по таймеру
- Как подключить CSS к HTML
- CSS-селектор :not
- Проверка полей формы на заполненность при помощи jQuery и vanilla js
- Время прочтения статьи на jQuery
- Прокрутка к якорю с отступом сверху на CSS
- Центрирование (горизонтальное и вертикальное) при помощи CSS 3
- Кнопки «Поделиться в социальных сетях» без сторонних плагинов (Share Social Links)
- Модальное окно на чистом CSS (без JavaScript)
- Sublime Text 4
- Masonry — вывод html блоков в виде кирпичной кладки
- Адаптивность сайта: почему так важна, и как её проверить
- Кроссбраузерность сайта: почему она так важна и как ее добиться
- html валидность кода, что такое, зачем и как проверять
- Быстрое создание SVG спрайтов и подключение их к сайту
- Маска ввода телефона в input на чистом JS
- Вывод data-атрибутов в модальном окне
- Как убрать браузерную обводку у различных элементов в состоянии :focus
- Открытие внешних ссылок в новом окне при помощи jQuery
- Плавный скролл к элементам на чистом JS
- Бегущая строка на чистом CSS
- Иконочные шрифты для сайтов
- Галерея шаблонов градиентов на CSS3
- Прогресс бар на чистом CSS3
- Интересное адаптивное flexMenu на jQuery
- Адаптивное меню на чистом CSS
- Сортировка и фильтрация элементов при помощи jQuery библиотеки MixItUp 3
- jQuery — Фиксирование блока при прокрутке
- CSS — разбиваем список li на две равных колонки
- Маска ввода для полей HTML форм на jQuery
- Bootstrap + masonry
- Что такое javascript
Инструментарий
- Как встроить PDF файл в страницу сайта
- Какие программы покупают IT специалисты
- Visual Studio Code
- XAMPP что это и как пользоваться
- Yandex WordStat: руководство по работе со статистикой запросов
- Как зарегистрироваться в Яндекс
- Инструкция по размещению сайта на GitHub Pages
- Быстрая генерация критического CSS
- Sublime Text 4
- Генератор фавиконов — быстрая генерация иконок и установка их на MODX
- Прототипирование сайта
- Beget (бегет) хостинг для сайта
- Как создать и настроить аккаунт google инструкция для новичков
Программы
- Open Server x86 (для старых или маломощных ПК)
- Парсинг контента при помощи Screaming Frog SEO Spider
- Настройка VS Code для работы с CMS MODX
- Групповая транслитерация имен файлов с помощью Total Commander
- XnView — программа для пакетной обработки картинок
- Редактор кода brackets
- Определение разрядности Windows
- Open Server Panel — где скачать, как установить и настроить, и начать пользоваться
- Sublime Text 3
- Программы для web дизайна
- WampServer: установка, настройка, как пользоваться
- Как пользоваться FileZilla
- Редактор кода Notepad++
- Denwer — установка, настройка, обновление
Сервисы
Искусственный интеллект
- ChatGPT как зарегистрироваться и пользоваться из России
- Что такое ChatGPT и что он умеет (примеры использования).
- Нейросети и инструменты на базе искусственного интеллекта (600+ шт.)
- Основы нейронных сетей: как они работают и за что отвечают нейроны
- Введение в искусственный интеллект: что это такое и как он работает?
Кейсы по созданию и продвижению сайтов
Монетизация
Прочее
Реклама
Сайтостроение
- Как встроить PDF файл в страницу сайта
- SSL сертификат что это, зачем нужен и какие бывают
- Как сменить версию PHP на хостинге: подробная инструкция
- HSTS — заголовки безопасности (security headers)
- Мануал по работе с ftp / sftp на хостинге beget
- XAMPP что это и как пользоваться
- Виджет Instagram для сайта
- Кнопки «Поделиться в социальных сетях» без сторонних плагинов (Share Social Links)
- Инструкция по размещению сайта на GitHub Pages
- Регистрация хостинга и покупка домена
- Прототипирование сайта
- Структура сайта — какие бывают и как правильно создать с учетом SEO
- Тематика сайта — какую выбрать для заработка
- Что такое веб сайт, для чего нужен и как создать его
- Для чего нужен сайт: основные причины создать его
- Защита CMS
- Создание и встраивание интерактивной Яндекс карты на сайт (без программирования)
- Как достать превью с YouTube?
- Google fonts | гугл шрифты
- Beget (бегет) хостинг для сайта
- План создания сайта
- CMS сайта: что это такое, виды и какую лучше выбрать
- Почта для домена, как ее создать на хостинге
- Работа с базой данных mysql
- Делегирование домена
- Хостинг для сайта, что это такое, какие бывают и какой лучше выбрать новичку
- Что такое домен | как выбрать и купить домен для сайта.
- Что такое javascript
- Что такое CSS
- Что такое html и быстрое погружение в язык гипертекстовой разметки
- Подробное руководство по фавикону (Favicon) для сайта
- Шаблоны сайтов: как правильно выбрать и где лучше скачивать
CMS
Домен и хостинг
информация по сайтостроению
Основы