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

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

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

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

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

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

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

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

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

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

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

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

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

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

#wordpress #https

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

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

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

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

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

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

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

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

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

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

Textolite - Система для редактирования сайтов. Ориентирована на небольшие сайты, требующие периодического обновления.
Админка для лендингов, если по-простому 👇👇👇

Простое руководство по работе с git. Ничего сложного ;)

#git

Все верстальщики в своих проектах используют div.container для центрирования контента и этот способ имеет некоторые особенности, от которых можно избавиться.

Как избавиться от создания лишних блоков в разметке 👇👇👇

WordPress Мультисайт – позволяет использовать неограниченное количество сайтов в пределах одной-единственной установки WordPress и управлять всеми этими сайтами как суперадминистратор.

Можно применять:
✓ если у вас сеть магазинов в разных городах
(пример доменов:
msk.site.ru,
ekb.site.ru,
kurgan.site.ru);
✓ если нужен сайт на нескольких языках
(пример доменов:
ru.site.ru,
en.site.ru,
kz.site.ru);
✓ для портфолио, если вы разрабатываете темы под Wordpress
(пример доменов:
названиетемы.site.ru).

*В первую очередь создайте поддомен на хостинге, а потом создавайте сайт с этим поддоменом в админке Wordpress.

Статья про создание мультисайта 👇👇👇

Иногда нужно выводить посты нестандартной сеткой как в примерах выше 👆
В этом поможет CSS Grid.

Цикл для вывода постов тут
Функции для карточек поста тут

Шпаргалка по гридам 👇👇👇

Link-Host - недорогой и надежный хостинг, которым я пользуюсь с бесплатными SSL сертификатами .

✓ Цена за год - 720р;
✓ Бесплатно домен в зоне .ru;
✓ 10 сайтов;
✓ 10 Баз данных MySQL;
✓ SSL бесплатно;
✓ быстрый ответ техподдержки.

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

Узнать подробнее 👇👇👇

Clippy – инструмент, который позволяет автоматически генерировать CSS код на основе свойства clip-path.

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

CSS Peeper - расширение, которое поможет найти элемент и его стили на странице сайта быстрее, чем с помощью встроенного инструмента Inspect Element.

Установить 👇👇