Egai.dev - заметки разработчика
49 subscribers
25 photos
6 links
Создаю сайты для бизнеса и делюсь опытом: кейсы, ошибки, фишки и полезные инструменты.

Связь со мной - @viktor_egai
Download Telegram
📌 Полезные HTML-теги для редактирования текста.

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

Ниже собрал HTML-теги, которые чаще всего используются для таких задач.

🔸️ Перенос строки – <br>

Используется для переноса текста на новую строку.

Пример:
Первая строка<br>
Вторая строка


🔸️ Жирный текст – <b></b> или <strong></strong>

Пример:
<b>Важная информация</b>


🔸️ Курсив – <i></i>

Пример:
<i>Наклонный текст</i>


🔸️ Подчёркнутый текст – <u></u>

Пример:
<u>Подчёркнутый текст</u>


🔸️ Ссылка –
<a href="https://site.ru">Текст ссылки</a>

Обязательный атрибут — href, в нём указывается адрес страницы.
Чтобы ссылка открывалась в новой вкладке, можно добавить атрибут
target="_blank"

Полный пример:
<a href="https://google.com" target="_blank">Поиск Google</a>


Ссылка на телефон –
<a href="tel:+79991234567">+7 (999) 123-45-67</a>

При нажатии откроется приложение для звонков.

Ссылка на email –
<a href="mailto:example@mail.ru">example@mail.ru</a>

При нажатии откроется почтовый клиент с новым письмом.

Этих тегов достаточно для большинства задач при работе с контентом на сайте. А если приходится редактировать статьи, услуги или страницы напрямую через HTML-режим редактора, они помогут быстро внести нужные изменения без привлечения разработчика.
🔥6
🏚 Сайт для компании по строительству каркасных домов в Тольятти. https://папахаус.рф

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

Что сделал:

🔸сверстал сайт по макету и посадил его на WordPress;
🔸 подключил ACF Pro, чтобы заказчик мог без проблем менять контент самостоятельно;
🔸настроил базовое SEO через Yoast SEO и прописал мета-теги для главной страницы;
🔸подключил Contact Form 7 для отправки заявок.

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

Думаю, получилось именно то, что и хотели сделать. Конечно, это не только моя заслуга — над проектом также работали дизайнер и проектный менеджер, поэтому результат получился таким, каким мы его задумывали.
🔥6❤3⚡2
🧱 Сайт строительной компании на WordPress — amiritstroi.ru

В Казани есть семейная компания — её ведут муж и жена, — которая строит кирпичные дома и бани под ключ. Задача была сделать сайт компании с акцентом на услуги, который приводит клиентов, а не просто рассказывает о компании.

Что было реализовано:

🔶 собрал сайт с нуля на своей теме WordPress
🔶 сверстал в современном минималистичном стиле, с плавными анимациями и скроллом
🔶 сделал отдельные разделы «Портфолио», «Проекты» и «Услуги», с акцентом на строительство домов и бань
🔶 собрал квиз-калькулятор стоимости строительства — 7 шагов с вопросами, прогресс-баром и попапом, в конце ответы попадают прямо в заявку
🔶 добавил блок «Акции» с галереей предложений и кнопкой заявки
🔶 подключил интерактивную карту с адресом компании
🔶 работал в связке с проджект-менеджером и дизайнером — все пожелания заказчика были учтены в макете ещё до вёрстки

Администратор сайта может редактировать практически любой контент — от текстов и услуг до портфолио, проектов, акций и отзывов.

В итоге получился современный и минималистичный сайт, с понятной навигацией и без лишней воды.

Желаю компании развития и процветания😊
🔥7❤1
📌 Занимаюсь разработкой сайтов уже 5 лет, а своего сайта у меня как не было так и нет 😅

Первая попытка запустить сайт была года 2-3 назад — тогда сам сделал дизайн, без дизайнера. Файл в Figma до сих пор жив, скрины из макета прикладываю к посту 😄

За всё это время я ни разу не сохранял свои проекты как портфолио. Просто делал и делал, а показать было особо нечего — кроме ссылок на сайты клиентов.

И вот спустя 5 лет решил всё-таки этим заняться: собирать кейсы, рассказывать про них. Так и появилась идея — телеграм-канал и сайт. Теперь вот сижу и вспоминаю, что вообще успел наделать за эти годы — надо ещё откопать кейсы, которые не стыдно показать ))

Идей для сайта набралось огромное количество, а впихнуть всё в один сайт — задача не из простых. Сейчас разрабатываю его уже с дизайнером — привет и спасибо @Morkva_jr 🙌, вместе разбираемся, что оставить, а что отложить на потом.

Если честно, даже с каналом получается через раз — планировал делать посты хотя бы раз в неделю, а по факту сами видите, как выходит ))

Сайт тоже делаю не спеша, поэтому обещать конкретные сроки не буду. Но надеюсь, что к сентябрю уже смогу показать его вам😁
❤6
🎶 Сайт кафаны в Белграде — drugakuca.rs

Начал разбирать свой архив проектов, чтобы поделиться с вами своими работами.

В архиве таких проектов набралось прилично — за годы работы что-то забывается, что-то стоит показать заново. Так что, наверное, буду периодически доставать что-то оттуда и разбирать — не только свежие кейсы, но и старые.

Один из таких проектов — это drugakuca.rs. Это мой первый опыт работы с сайтом на языке, отличном от русского или английского. Было интересно не только работать с подобным проектом, но и узнать что-то новое о другой культуре и немного узнать о языке.

Что мне больше всего понравилось, так это сам дизайн у этого сайта — чёрный фон, золото и вспышки неонового красного из фото с вечеринок, которые отлично передают настроение заведения. Огромные полупрозрачные надписи фоном — "rezervacija", "Kafana Beograd" — во весь экран, как водяной знак, а поверх уже читаемый текст. Копирайтинг с характером: блок "о нас" начинается с "Признаёмся: мы приврали... это только часть" — вместо привычного скучного "о компании". Даже стрелочки к кнопкам — не иконки из библиотеки, а нарисованные от руки линии.

Из того, что делал технически здесь:

🔶 Верстал с нуля, без готовых шаблонов.
🔶 Собрал афишу выступлений — админ добавляет пост, он сам попадает в слайдер на главной
🔶 Настроил онлайн-бронирование с календарём, который показывает только реально доступные даты
🔶 Завёл весь контент через ACF, чтобы клиент менял фото и тексты сам.
⚡4🔥4
📌 Домен, хостинг и VPS — что это и чем отличаются

Когда только начинаешь разбираться с сайтом, эти три слова сваливаются в одну кучу. А по факту — три разные вещи, за которые вы платите отдельно.

Домен — это ссылка, адрес сайта, его название. Например: google.com, mail.ru, yandex.ru. У доменов есть разные "зоны" — .ru, .com, .dev и так далее — и цена зависит от зоны, может отличаться в разы. И важный момент: домен оформляется на паспорт того, кто его покупает, — или на юрлицо, если покупает компания. В любом случае это ваша собственность (или собственность вашей компании), а не разработчика или студии.

Хостинг — это место, где физически лежат файлы сайта и база данных, и откуда сайт отдаётся посетителям. Это как жить в коммуналке: на одном сервере соседствуют сотни чужих сайтов, а место и мощность — общие на всех. Для небольшого сайта на WordPress этого чаще всего вполне хватает.

VPS — тоже сервер, только выделенный конкретно под вас. Уже не коммуналка, а отдельная квартира — с личными ресурсами и правом настраивать всё под себя. Берут, когда сайту становится тесно на обычном хостинге: много трафика, тяжёлый интернет-магазин, нужны особые настройки на уровне сервера.

Домен покупается отдельно от хостинга или VPS, и это нормально — потом его просто "привязывают" к серверу, где живёт сайт.

Если не уверены, что из этого вам нужно — пишите @viktor_egai, подскажу 💬
🔥3⚡1👍1
Я устал😵

Устал постоянно думать о работе — засыпать с этими мыслями и просыпаться с ними же.

При этом мне правда нравится то, что я делаю. Решать задачи, видеть результат — это кайф. Но жить в режиме "всегда на работе" тоже не вариант.

За пять лет фриланса я был в нормальном отпуске всего пару раз. Да, между проектами случаются паузы, иногда довольно длинные. Но отдыхом это не назовёшь: я их не планирую, не разрешаю себе отдыхать — и всё равно на связи, решаю мелкие задачи, ищу новые проекты.

Самое неприятное открытие: я не знаю, чем себя занять, если не работать. Будто других интересов или хобби у меня и не осталось. Вокруг куча всего интересного, а внутри мысль "может, съездить куда-нибудь" тут же гасится другой: "а как я уеду, если клиент может написать в любой момент, а я не отвечу — и всё, прощай проект".

Я как тот хомяк в колесе: разгоняется и не может остановиться. Остановится — упадёт😵‍💫

Сейчас я всё-таки собрался в отпуск. В настоящий. На 2 недели. И даже когда уже всё организовал, купил билеты — не отпускает чувство, что делаю что-то неправильное. А клиенты? А если что-то случится, пока меня нет?

В общем, вывод один: пора учиться отделять работу от личной жизни. Не только работать, но и отдыхать — по-настоящему, без чувства вины. Иначе я так с ума сойду.

А что вы думаете по этому поводу? Поделитесь своим мнением
💯8👍3🥰1
🌴 Вернулся из отпуска с идеями

Отпуск хорош тем, что на работу смотришь со стороны. И я увидел, сколько времени уходит не на сами сайты, а на всё вокруг них.

ТЗ лежит в одном чате, макет в Figma, доступы от хостинга где-то в переписке и т.д.

Решил упростить себе жизнь и навести порядок в рабочем процессе. Делаю свой проджект-менеджер. Это упрощённый Trello, который живёт на моём хостинге и в нём есть только то, что реально нужно мне.

Trello я, кстати, пробовал. Неплохо, но там каждую карточку приходится заводить руками. Через неделю я просто перестал это делать.

Что будет в моём:

🔶 доска проектов: что в работе, что ждёт ответа, что сдано
🔶 у каждого проекта сроки, стоимость и дата оплаты, которая подсвечивается, чтобы её не прозевать
🔶 калькулятор сметы, чтобы быстро прикинуть стоимость по этапам
🔶 закрытое хранилище доступов клиентов, а не «где-то в переписке»

Дальше подключу Telegram-бота. Пересылаю ему сообщение клиента, файл или ссылку на макет, и всё само попадает в нужный проект.

Буду рассказывать, как продвигается. Если интересно, пишите @viktor_egai 💬
👍8⚡1