Решил я значит откликнуться на поиск верстальщика, думал на небольшой лендинг…
Буквально вчера наткнулся на достаточно сложный тёмный паттерн в дизайне 🏴
При попытке продлить свой домен kadweb.ru, увидел стоимость в 899р. вместо обещанных 399р. — по умолчанию предлагается самый дорогой тариф 👀
Не листая на второе фото, подумайте, куда нужно нажать для выбора другого тарифа?.. ⤵️
Оказалось, что нужно нажать на саму стоимость и появится окно с выбором
Используя подобные приёмы в дизайне, разные компании зарабатывают неплохие деньги, и даже я, человек, который видел достаточно много тёмных паттернов, не сразу понял в чем дело и куда нажимать 🙌🏻
К слову, у моего коллеги-дизайнера Виталия есть более развёрнутый и экспертный пост на эту тему
Читать здесь 📌
При попытке продлить свой домен kadweb.ru, увидел стоимость в 899р. вместо обещанных 399р. — по умолчанию предлагается самый дорогой тариф 👀
Не листая на второе фото, подумайте, куда нужно нажать для выбора другого тарифа?.. ⤵️
Оказалось, что нужно нажать на саму стоимость и появится окно с выбором
Используя подобные приёмы в дизайне, разные компании зарабатывают неплохие деньги, и даже я, человек, который видел достаточно много тёмных паттернов, не сразу понял в чем дело и куда нажимать 🙌🏻
К слову, у моего коллеги-дизайнера Виталия есть более развёрнутый и экспертный пост на эту тему
Читать здесь 📌
❤3👍2🔥2
А пока все негодуют от багов бета-версии новой iOS 26 я нашел достаточно положительный момент для сайтов 🫣
При разработке дизайна для мобильной версии, мы часто хотим уместить один блок во всю высоту экрана, но при этом, чтоб оставалось досточно много места для контента блока и он смотрелся корректно
В iOS более ранних версий, в том числе в текущей iOS 18, строка поиска и панель управления снизу в браузере Safari на iPhone съедали достаточно много места, что иногда не позволяло добавить большее кол-во контента в блоке
Новая концепция iOS 26 в стеклянном стиле затронула и Safari — теперь строка поиска стала гораздо меньше, а сайт, по сути, помещается во всю высоту экрана, что как по мне, большой плюс, ведь это позволит не так часто прибегать к вынужденной экономии места ⚡️
Эту разницу можно заметить на скриншотах к посту:
🔹 1-й скрин сделан на iOS 18.3.2
🔹 2-й и 3-й скрины на бета версии iOS 26
А что думаете вы?
⚡️ Про сайты | KadWeb
При разработке дизайна для мобильной версии, мы часто хотим уместить один блок во всю высоту экрана, но при этом, чтоб оставалось досточно много места для контента блока и он смотрелся корректно
В iOS более ранних версий, в том числе в текущей iOS 18, строка поиска и панель управления снизу в браузере Safari на iPhone съедали достаточно много места, что иногда не позволяло добавить большее кол-во контента в блоке
Новая концепция iOS 26 в стеклянном стиле затронула и Safari — теперь строка поиска стала гораздо меньше, а сайт, по сути, помещается во всю высоту экрана, что как по мне, большой плюс, ведь это позволит не так часто прибегать к вынужденной экономии места ⚡️
Эту разницу можно заметить на скриншотах к посту:
🔹 1-й скрин сделан на iOS 18.3.2
🔹 2-й и 3-й скрины на бета версии iOS 26
А что думаете вы?
⚡️ Про сайты | KadWeb
👍4🔥2👏1
Александр про сайты | KadWeb
Вчера с коллегой из моей команды задались вопросом, какая поисковая система популярнее в России: Google или Яндекс? Казалось бы, ответ очевиден — Яндекс, ведь это отечественная компания, глубже интегрированная в локальный рынок и обладающая рядом популярных…
К слову о моем сравнении популярности Google и Яндекс: еще один «грязноватый приём» Яндекса 🙅🏻♂️
При заходе на страницу Яндекс поиска из браузера Safari на iPhone или iPad, вы можете наткнуться на такое, якобы системное уведомление айфона, которое на самом деле является самоделкой 😂
Разработчики Яндекса понимают, что это окно можно использовать как триггер, потому что пользователи айфона по привычке сразу обратят внимание на такое «уведомление» и наконец-то станут использовать браузер Яндекса вместо Safari..
Хорошая попытка :)
⚡️ Александр | Про сайты
👉🏻 Заказать сайт
При заходе на страницу Яндекс поиска из браузера Safari на iPhone или iPad, вы можете наткнуться на такое, якобы системное уведомление айфона, которое на самом деле является самоделкой 😂
Разработчики Яндекса понимают, что это окно можно использовать как триггер, потому что пользователи айфона по привычке сразу обратят внимание на такое «уведомление» и наконец-то станут использовать браузер Яндекса вместо Safari..
Хорошая попытка :)
⚡️ Александр | Про сайты
👉🏻 Заказать сайт
👍2🔥1👏1
В эти выходные полностью выпал из работы, но на то они и выходные)
В коем-то веке выбрался погулять в центре Питера, прошелся по Неве и Финскому 🌊
Впереди много работы, один из проектов — редизайн и техническая оптимизация интернет-магазина по продаже перил
Думаю, результат до / после многих удивит и будет интересным кейсом 👨🏻💻
Всем моим 27-ми подписчикам, хорошей недели! 😁
👉🏻 Заказать сайт
В коем-то веке выбрался погулять в центре Питера, прошелся по Неве и Финскому 🌊
Впереди много работы, один из проектов — редизайн и техническая оптимизация интернет-магазина по продаже перил
Думаю, результат до / после многих удивит и будет интересным кейсом 👨🏻💻
Всем моим 27-ми подписчикам, хорошей недели! 😁
👉🏻 Заказать сайт
🔥7👏2
Как опубликовать свой сайт в интернете бесплатно?
Как мы знаем, чтобы сайт работал в интернете, нужен домен и хостинг, которые обычно покупаются у провайдера 🌐
👉 И у меня есть решение!
В этом случае выручают такие платформы, как Netlify или Vercel.
Они предоставляют возможность опубликовать статический сайт абсолютно бесплатно.
Сайт можно опубликовать как на своем собственном купленном домене, так и создать поддомен на базе домена сервиса.
К примеру, ваше-название.netlify.app 💁🏻♂️
Для чего можно использовать такой подход? ⤵️
1. Для размещения простых сайтов, к примеру визиток
2. Для размещения верстки проекта (до его подключения к админке)
3. Прототипы и демо-версии
4. Лендинги продуктов/услуг
А в чем же минусы? 🤔
А минусы достаточно очевидны
1. Нет админки (ее по-просту невозможно создать)
2. Невозможность создания регистраций, корзины с товарами и другой серверной логики
3. Нужно немного понимать структуру сайта (папки, файлы)
4. Скорость работы медленнее, чем на покупном хостинге
Поэтому, если у вас простой сайт, подходящий под критерии выше, можно не торопиться платить за хостинг или покупать новый домен, ведь Netlify и Vercel очень крутые инструменты, которые могут выручить.
Пишите комментарии, если хотели бы пошаговую инструкцию, как самому выложить сайт на Netlify 💬
👉 Заказать сайт
Как мы знаем, чтобы сайт работал в интернете, нужен домен и хостинг, которые обычно покупаются у провайдера 🌐
Но что если я хочу разместить совсем простой сайт?
👉 И у меня есть решение!
В этом случае выручают такие платформы, как Netlify или Vercel.
Они предоставляют возможность опубликовать статический сайт абсолютно бесплатно.
Статический сайт — сайт, состоящий только из верстки, написанной как чистыми Html + Css, так и фреймворками вроде React или Vue. Статический сайт не имеет админки и базы данных, что делает его нередактируемым, кроме как прямой правки кода.
Сайт можно опубликовать как на своем собственном купленном домене, так и создать поддомен на базе домена сервиса.
К примеру, ваше-название.netlify.app 💁🏻♂️
Для чего можно использовать такой подход? ⤵️
1. Для размещения простых сайтов, к примеру визиток
2. Для размещения верстки проекта (до его подключения к админке)
3. Прототипы и демо-версии
4. Лендинги продуктов/услуг
К примеру, я использую такие сервисы именно для второго варианта: когда сайт находится на этапе верстки, я закидываю его на такой тестовый домен. Так удобно демонстрировать работу заказчику
А в чем же минусы? 🤔
А минусы достаточно очевидны
1. Нет админки (ее по-просту невозможно создать)
2. Невозможность создания регистраций, корзины с товарами и другой серверной логики
3. Нужно немного понимать структуру сайта (папки, файлы)
4. Скорость работы медленнее, чем на покупном хостинге
Поэтому, если у вас простой сайт, подходящий под критерии выше, можно не торопиться платить за хостинг или покупать новый домен, ведь Netlify и Vercel очень крутые инструменты, которые могут выручить.
Пишите комментарии, если хотели бы пошаговую инструкцию, как самому выложить сайт на Netlify 💬
👉 Заказать сайт
👍3🔥1👏1
Ред флаги в дизайнерах: как не напороться на плохого исполнителя 🚩
Казалось бы, при чём тут дизайнеры, но этот пост будет полезен всем: заказчики поймут, с кем не стоит работать, разработчики — с кем сложно, а дизайнеры — как делать не надо ✍🏻
1️⃣ Отсутствие структуры в макете Figma и неподписанные элементы
Структура расположена в макете слева. Когда элементы без названий и вложенности, в макете трудно разобраться. Это мешает и заказчику, и верстальщику. Как надо, а как нет, показал на фото 2 к посту 👆🏻
2️⃣ «Дизайн ради красоты»
Проблема, от которой зависит, будет ли сайт удобен клиенту. Дизайн без логики — не более чем арт. Дизайнер должен продумывать поведение пользователя и юзабилити сайта
3️⃣ Отсутствие взаимодействия с разработчиком
Если дизайнер работает в вакууме, он может создать решения, которые невозможно воплотить в коде. Это ведёт к переделке макета и потере времени и денег 💸
Зная эти ред флаги, проще выбрать сильного специалиста. А если вы дизайнер — используйте это как чек-лист 🙌🏻
Казалось бы, при чём тут дизайнеры, но этот пост будет полезен всем: заказчики поймут, с кем не стоит работать, разработчики — с кем сложно, а дизайнеры — как делать не надо ✍🏻
1️⃣ Отсутствие структуры в макете Figma и неподписанные элементы
Структура расположена в макете слева. Когда элементы без названий и вложенности, в макете трудно разобраться. Это мешает и заказчику, и верстальщику. Как надо, а как нет, показал на фото 2 к посту 👆🏻
2️⃣ «Дизайн ради красоты»
Проблема, от которой зависит, будет ли сайт удобен клиенту. Дизайн без логики — не более чем арт. Дизайнер должен продумывать поведение пользователя и юзабилити сайта
3️⃣ Отсутствие взаимодействия с разработчиком
Если дизайнер работает в вакууме, он может создать решения, которые невозможно воплотить в коде. Это ведёт к переделке макета и потере времени и денег 💸
Зная эти ред флаги, проще выбрать сильного специалиста. А если вы дизайнер — используйте это как чек-лист 🙌🏻
👍4🔥2👏2
Александр про сайты | KadWeb
3️⃣ Отсутствие взаимодействия с разработчиком
Кстати, по 3-му пункту
Дизайнеры, понимающие принципы верстки и делающие сразу те решения, которые можно сделать кодом без коммуникаций с разработчиком — отдельная любовь 😂🫶
Дизайнеры, понимающие принципы верстки и делающие сразу те решения, которые можно сделать кодом без коммуникаций с разработчиком — отдельная любовь 😂🫶
🔥4
Сжимайте изображения — это важно❗️
Все мы знаем, что скорость загрузки сайта — один из его ключевых показателей.
Пользователь не будет ждать больше 3-х секунд.
Помимо того, что мы теряем потенциального клиента, скорость загрузки влияет на позицию в поисковой выдаче (SEO). Уж очень любят поисковики быстрые сайты.
Сегодня моя коллега обратилась с сообщением «Саш, картинка очень долго грузит».
И не удивительно, она загрузила фото размером 26 МБ c качеством почти 12К ☠️ (фото 1)
При этом, в идеале, вес одной целой страницы должен быть не более 5-6 МБ
Используя сервис iLoveIMG, я пропорционально уменьшил картинку до 2К и сжал ее, вуаля, вес уже составляет 416КБ, что меньше в 64 раза (фото 2)
Именно таким образом за пару кликов можно улучшить загрузку своего сайта, что повлияет на SEO, пользовательский опыт и сэкономит место на хостинге
👉🏻 Заказать сайт
Все мы знаем, что скорость загрузки сайта — один из его ключевых показателей.
Пользователь не будет ждать больше 3-х секунд.
Помимо того, что мы теряем потенциального клиента, скорость загрузки влияет на позицию в поисковой выдаче (SEO). Уж очень любят поисковики быстрые сайты.
Сегодня моя коллега обратилась с сообщением «Саш, картинка очень долго грузит».
И не удивительно, она загрузила фото размером 26 МБ c качеством почти 12К ☠️ (фото 1)
При этом, в идеале, вес одной целой страницы должен быть не более 5-6 МБ
Используя сервис iLoveIMG, я пропорционально уменьшил картинку до 2К и сжал ее, вуаля, вес уже составляет 416КБ, что меньше в 64 раза (фото 2)
Именно таким образом за пару кликов можно улучшить загрузку своего сайта, что повлияет на SEO, пользовательский опыт и сэкономит место на хостинге
👉🏻 Заказать сайт
❤3🔥1