Каморка Геткурсовода 💻 | Канал Максима Елисеева
2.21K subscribers
189 photos
18 videos
9 files
105 links
Остались вопросы? Пишите — @Isagaya

Этот уютный канал посвещён фишкам и нестандартным решениям по дизайнам, интерфейсам и функционалам платформы от Куратора школы Магии Геткурса — Максима Елисеева.

Мой второй канал обо всём - https://t.me/closetmax ;)
Download Telegram
Отступы — это не позиционирование! 🙄

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

И мне становится чертовски больно 😁 Особенно больно становится вашей странице, которая принимает на себя такие отступы на адаптации. Уже на 991 пикселе разрешения экрана страница начнёт потихоньку страдать, не говоря уже обо всех остальных элементах, которые пытаются сохранить эти отступы. От этого и возникают огромные проблемы с адаптацией.

Отступы на то и отступы, чтобы выверить нужное расстояние между элементами, и хорошо, если эти отступы не будут превышать 50-70px. А проблему с позиционированием решает специальное свойство position, которым нужно уметь пользоваться. Позиционирование является трудной темой для восприятия, особенно для новичков, если её неправильно преподнести. Трудно описать всю прелесть позиционирования элементов с помощью этого свойства в одном посте 😅

Пост больше для размышления и направления по правильному пути в вёрстке. Не пренебрегайте этим правилом и вы обязательно станете крутым верстальщиком 😉

P.S.: Кстати, эту тему и многие другие я простым языком объясняю в своём клубе Train IT

#размышления_пост
Всем привет друзья, и отличного пятничного дня!

Головной боли пост 😄

Я тут размышлял, что любой технический специалист/верстальщик и даже уже достаточно матёрый фронтендер всегда сталкивается с какими либо проблемами при вёрстке, и проблемы у всех могут быть совершенно разные. Мне интересно узнать, что именно за проблемы у вас возникают, когда вы приступаете верстать очередной макет, или отдельный блок. Может быть, из раза в раз, вы сталкиваетесь с ситуацией, когда в очередной раз говорите себе «Опять двадцать пять» ))

Поделитесь своей болью в комментариях 😉

#размышления_пост
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Друзья, всем отличного пятничного дня, и предстоящих выходных! Делюсь с вами моим свежеиспечённым пятничным мемом о наболевшем 😎
Вот сделал мем в пятницу, сам посмеялся, а потом задумался: почему так может происходить?

Конкретно то, почему заказчики чаще отдают предпочтение тем, кто предложит дешевле, теряя при этом в качестве выполнения и в надежности того, что специалист доведёт свою работу до конца, а не бросит её на полпути.

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

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

Я и сам много раз наступал на эти грабли, когда делал базовые настройки аккаунтов и не мог донести нужную ценность ☺️

Что лучше звучит:
«Базовая настройка GetCourse»
или
«Готовая к работе и приему платежей учебная платформа за 2 дня»?

Конечно же, второй вариант более близок к закрытию головной боли заказчика, но суть не только в этом. Чувствуете размах фразы? Из неё можно выжать гораздо больше, чем вы думаете.

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

Потому что теперь ясна ценность услуги, что в нее будет входить, ее результат и т.д.

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

А следовательно будет расти доверие и желание обратиться именно к вам за качественной услугой 😉

Теперь вопрос к вам - хотели бы сильнее погрузиться в эту тему и научиться орудовать маркетингом в свою пользу, применяя его на свои услуги?

Ставьте лайки или огонёчки если да 🔥👍

#размышления_пост
Как часто вы пользуетесь HTML-блоками в Геткурсе? 🤨

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

Если знать некоторые особенности Геткурса и Bootstrap (в частности 3.3.5 версии), на котором сделан сам Геткурс, можно эту адаптацию частично привить к вашим самописным блокам. Если поставить HTML-блок на лендинг, то зайдя в него мы увидим, что там уже стоит <div class="container text-center"></div>. Исходя из названий классов мы уже можем понять, что этот див вполне себе можно использовать как обёртку для наших блоков, которые мы будем делать внутри. Класс container ограничит нам ширину контейнера, подгоняя его под формат многих блоков ГК, ведь эти контейнеры так же есть внутри них. Класс text-center даст нам центрированный текст внутри этого контейнера.

К примеру, если мы делаем какие-то свои роскошные карточки в HTML-блоке, то можно всем карточкам задать класс lt-tsr-block, что в свою очередь задаст минимальный размер данным блокам (min-width: 250px). Даже если вы поставите больше, при сужении экрана ваши блоки будут сжиматься до ширины 250px, не ниже. Так же этот класс даст относительное позиционирование (position: relative) для расположения своих псевдоэлементов внутри блока.

Всё это пища для размышления над тем, что изучив классы Геткурса и Bootstrap достаточно хорошо (инспектируя элементы на странице), можно не отодвигать HTML-блок на последний план, а превратить его в мощный инструмент для реализации ваших задумок ☺️

#размышления_пост #лайфхак
Please open Telegram to view this post
VIEW IN TELEGRAM