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.

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

Сниппет, который поможет создать новую строку в редакторе записей.
Он позволит вам:
✓ изменить шрифт текста,
- размер текста,
- стили текста;
✓ конвертировать текст;
✓ добавить в редактор горизонтальную полосу.

Необходимо поместить его в ваш файл functions.php темы.

Код там 👇👇

Clearfy – плагин, который поможет в:
✓ решении проблем безопасности вашего сайта,
✓ SEO подготовке сайта,
✓ удалении дублей страниц ,
✓ очистке кода от мусора,
✓ настройке правильных редиректов.

Проверь свой сайт на ошибки 👇👇

Advanced Custom Fields — плагин с расширенными настраиваемыми полями для разработчиков WordPress.

На практике, для любого сайта устанавливаю этот плагин. Pro версию, там больше функционала. На ютубе достаточно видео, чтобы научиться работать с ним.

Ссылка на документацию плагина 👇👇