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

Лично я использую colorhunt.co

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

Дневник Фрилансера

А почему видео так редко выходили?

Раньше монтаж видео был для меня сплошным стрессом. Постоянные проблемы с длинными видео: то вылетает, то не сохраняет, то ещё что-то.

Решение нашлось в покупке нового макбука про на М3, и теперь я в монтаже ловлю дзен.

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

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

Дневник Фрилансера

В это чудесное субботнее утро пишет мне клиент, которому я сдал сайт 20 августа 2022 года.

Основной посыл его длинных сообщений заключался в том, что я должен переделать сайт, потому что спустя два года, его сайт на дешевом хостинге, с PHP 7.0 и Elementor 3.7, начал подтормаживать. Вместе с поддержкой хостинга они пришли к выводу, что я изначально сделал его неправильно 😱😱😱

Оставайтесь на линии и расскажу чем это всё закончилось, а пока, можете угадать за сколько я сделал ему сайт-визитку для СТО. Если что, это было до ютуба и во времена голодного фриланса.

Дневник Фрилансера

Ни один хостинг не скажет, что проблема на их стороне, чаще всего они попросят вас установить LiteSpeed Cache или WP Super Cache и всё пройдет. Более продвинутые попросят изменить тариф.

Если вы подозреваете, что проблема на стороне хостинга, тогда перенесите на любой другой хостинг сайт и протестируйте. У меня для теста есть бегет (свои сайты на нём не держу, но тестовые загружаю туда).

Можно на тестовом внести правки, убрать лишние плагины и добавить плагины оптимизации и показать что сайт работает в разы быстрее. Только когда вы будете это всё делать, не забудьте в wp-config добавить строку

define('DISALLOW_FILE_MODS', true);

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

Дневник Фрилансера

Закончилось всё тем, что пришлось пройти несколько стадий принятия.

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

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

За сайт-визитку для СТО на 6 страниц в 2022 году я брал 100$. Да-да, я знаю, что для кого-то это мало, но в то время потратить 3 часа на простенький сайт, когда есть свободное время и получить 100$ - вроде как норм.

Дневник Фрилансера

Уже монтирую видео про сайт для доставки еды. Для примера взял доставку бургеров, потому что нашел сочные картинки.

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

В завтрашнем видео будет немного acf, loop grid и быстрое оформление заказа.

Дневник Фрилансера

Рассказываю о том, где я беру идеи и картинки.

Figma Community — здесь пользуетесь поиском и можете находить какие-то интересные лендинги. Это намного удобнее, чем быть подписанным на какие-то Telegram-каналы, которые выкладывают 2-3 макета с Figma в день.

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

Awwwards — разные необычные анимации, странные оформления и другие креативные решения находятся на этом сайте. Там сделали более удобную навигацию, и можно сразу открыть раздел с сайтами, которые выиграли номинацию «Сайт дня», и наслаждаться. Также здесь есть поиск, и можно найти сайты на заданную вами тематику.

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

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

P.S. На сайтах, которые упомянуты в этом посте, искать нужно на английском языке.

Дневник Фрилансера

Такого кресла мне не хватает

Дневник Фрилансера

Завтра будет видео на канале с ещё одним эффектом, который связан со скроллом. Как называть такие видео, я не знаю, поэтому буду ловить новых зрителей на кликбейтные названия 😅

Дневник Фрилансера

Я как-то выпал из жизни последние дни и сегодня вспомнил, что нужно уже новое видео публиковать. Есть какие-то идеи и пожелания?

Дневник Фрилансера

Я сейчас обновляю содержимое курса по WordPress и сам дизайн. Немножко сошёл с ума и решил сделать навигацию в виде редактора Elementor.

Короче, слева я использую виджет «Переключатель» (или «Toggle widget», смотря какая у вас языковая версия). Здесь я столкнулся с проблемой: нельзя указать, чтобы какой-то элемент был открыт по умолчанию.

Я это исправил следующим способом:

1. Для начала, для нашего виджета добавляем класс, к примеру, myToggle.

2. Дальше через Elementor Custom Code или просто добавляем HTML-виджет после нашего переключателя и закидываем туда следующий код:

<script>
window.addEventListener('load', function () {

let opened = [1];

setTimeout(function () {
    let toggles = document.querySelectorAll('.myToggle .elementor-tab-title');
    opened.forEach((i) => {
        if (toggles[i - 1]) toggles[i - 1].click();
    });
}, 300);
});
</script>

Обращаем внимание на строку let opened... там в скобках указываете, какой по счёту переключатель должен быть открыт по умолчанию. Ну и если у вас класс не myToggle, то не забудьте заменить его в коде на свой.

Дневник Фрилансера