Вадим Фоминов | Создаю сайты на Wordpress

iHateRegex - ресурс, который соберёт коды регулярных выражений для электронной почты, номера телефона, имени, даты. Использовать для валидации форм.

Перейти на ресурс 👇👇👇

json-generator - дает возможность генерировать любые данные и в любом количестве. Отредактируйте шаблон, нажмите «Создать», и все готово.

Проверьте сами 👇👇👇

Проверь всё ли сделал перед запуском проекта 👉 Web Developer Checklist.
Установи расширение Web Developer Checklist для Chrome или Firefox и оно автоматически проанализирует сайт и укажет, что нужно доработать.

Фильтры CSS - это мощный инструмент, который разработчики могут использовать для достижения различных визуальных эффектов (вроде фильтров Photoshop для браузера).

Пример работы фильтра CSS 👇👇👇

Данные из почты в Гугл таблицу

Можно продать заказчику как дополнительную услугу. Отличный вариант создать базу клиентов в одном месте.

Руководство по ссылке 👇👇👇

Для переключения WordPress на HTTPS:

✓ проверьте наличие установленного SSL-сертификата
✓ перейдите в раздел `Инструменты → Здоровье сайта`
✓ разверните строку `Ваш сайт не использует HTTPS`
✓ нажмите `Переключить ваш сайт на использование HTTPS`
✓ проверьте работу сайта

#wordpress #https

responsinator.com - сервис, на котором можно проверить работу своего сайта на различных мобильных устройствах.

backdrop-filter - CSS свойство, которое позволяет вам использовать визуальные эффекты такие, как размытие или смещение цвета фона за элементом.

Фильтр на реальном сайте 👉 link

Узнать больше про свойство 👇👇👇

Дока - документация для разработчиков на человеческом языке. Этот ресурс помог разобраться с работой localStorage. С помощью localStorage реализовал "Добавить в избранное".
На этом сайте можете посмотреть как работает 👉 link

learngitbranching.js - ресурс, который поможет понять git. Основные команды для работы с git 👉 тут

Плагины, для создания доступа к сайту, только после регистрации:
- Membership & Content Restriction;
- WP-Members;
- Ultimate Member;
- Simple Membership;
- Members.

Можно использовать если:
- продаете свой товар;
- есть платная подписка на контент;
- если у вас сеть магазинов по продаже табачных изделий в России.

Оптимизация изображений на сайте Wordpress.

Даже если у вас хороший контент, из-за медленной загрузки сайта / не-оптимизированных изображений будет страдать ваш SEO, поэтому сайт получит более низкую позицию в поисковой выдаче.

Варианты оптимизации изображений для сайта описано в статье 👇👇👇

Ползунок цен. Можно стилизовать. Без кучи подключенных библиотек. Работает ровно, без замечаний. Ссылка на codepen 👇👇👇

Основные методы для модального окна:
fadeIn()
fadeOut()
Для вкладок:
addClass()
siblings()
removeClass()
closest()
find()

Посмотреть, что они означают и изучить другие необходимые методы можно по ссылке 👇👇👇

Калькулятор цен на первый взгляд очень сложная конструкция в реализации. На самом же деле не сложней мобильного меню или модалки. Один из вариантов я написал в codepen.

Посмотри и убедись в этом сам 👇👇👇

Хороший пример - структурирование файлов и кода. Во всех проектах присутствуют кнопки, формы, модальные окна. Так почему бы не сделать для каждого элемента отдельный файл и перенести его из проекта в проект?

Я так и сделал. Время на разработку уменьшилось, подборка файлов для проекта увеличилось.

Перейди к структурированному коду, если до сих пор пишешь все стили в одном файле.

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

Вот и живой проект, где у раздела есть слегка наклонный фон. Это идеальный вариант использования `clip-path`.
Для реализации углового эффекта, нужно использовать расширение `polygon()`.
.section {
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

Подробнее по ссылке ниже 👇👇👇

Что такое Git и для чего он нужен?

Git - для отслеживания и ведения истории изменения файлов в вашем проекте. Чаще всего его используют для кода.

С помощью Git-a вы можете откатить свой проект до более старой версии, сравнивать, анализировать или сливать свои изменения в репозиторий.

Репозиторием называют хранилище вашего кода и историю его изменений. Git работает локально, а все ваши репозитории хранятся в определенных папках на жестком диске.

Основные команды для работы с git 👉 тут

Как упростить разработку темы для Wordpress с возможностью применять команды git`a 👉 тут

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