Когда-то давно я создал мини-курс, который навсегда разорвал представление о скучном дизайне страниц оплат на Геткурсе. На странице оплаты используется "старый редактор" в котором я и собирал эти дизайны.

Новичка, или человека, который даже в средней степени разбирается в вёрстке, может смутить топорность и чрезмерная перенагруженность редактора, его непонятность и сложность в обращении. На своём стриме мастер-классе на тему "Конструктор тренингов" который состоится 15 мая в 16:00 в моём клубе Train IT, я научу вас укрощению этого редактора, покажу вам крутые фишки и приёмы, которые помогут делать вам такие дизайны, которые вы сами захотите, и наконец-то перестанете его бояться и сможете творить красоту и там!

➡️ Принять участие и посмотреть программу стрима

Как и всегда, в данный момент действуют льготные цены до 13 мая 23:59:
Для счастливых обладателей GTFcard — 2290р.
Обычная льготная цена — 2690р.

А уже 14 мая цена изменится и станет 3390р. для всех.
🗣Даже если у вас не получится посетить стрим, то приобретая участие запись останется у вас навсегда в личном кабинете клуба Train IT.

Как я уже писал ранее, "старый редактор" используется не только на страницах оплаты, но и в большинстве других системных страниц. С моим подходом к этому редактору вы станете на 130% всемогущи, так как сможете верстать не только на лендингах, но и в принципе переделать системные страницы под нужды онлайн-проектов.

Покорив старый редактор вы с уверенностью можете заявить, что знаете о вёрстке на платформе на 100% 😎

➡️ Принять участие и посмотреть программу стрима

Начало стрима 15 мая в 16:00

Давно ли вы пользовались блоком "Плитки картинок"? 🤔

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

Я пошаманил с этим блоком, и придал ему новую жизнь (скриншот №2, №3). Так же я добавил поверх немного своих стилизаций, но самое главное я сделал ему вменяемый колоночный вид без переносов картинок. То есть до 768 пикселей мы имеем стабильно 3 колонки, до 480 пикселей — 2, и ниже — 1.

Стили в CSS-блоке следующие:

.thumbnails-list {
    columns: 3;
    column-gap: 20px;
}

.thumbnails-list a {
  margin-right: 0;
  width: inherit;
  break-inside: avoid;
}

.thumbnails-list a img {
  max-width: 100%;
  border-radius: 15px;
}

@media (max-width: 768px) {
  .thumbnails-list {
    columns: 2;
  }
}

@media (max-width: 480px) {
  .thumbnails-list {
    columns: 1;
  }
}

Такой редизайн вполне гармонично и теперь уже деликатнее будет смотреться при верстке современных лендингов. Пользуйтесь ✨

P.S.: предварительно блок у меня растянут в настройках на 12 колонок в ширину.

Весна, середина сезона, а значит самое время и для моего сезонного стрима мастер-класса "Прожарки макетов" на тему "Конструктор тренингов" который состоится 15 мая в 16:00 в моём клубе Train IT.

➡️ Принять участие и посмотреть программу стрима

Как и всегда, в данный момент действуют льготные цены до 13 мая 23:59:
Для счастливых обладателей GTFcard — 2290р.
Обычная льготная цена — 2690р.

А уже 14 мая цена изменится и станет 3390р. для всех.
🗣Даже если у вас не получится посетить стрим, то приобретая участие запись останется у вас навсегда в личном кабинете клуба Train IT.

Мне кажется нет такого человека, у кого бы старый конструктор тренингов не вызывал ужас и боль. Непонятные настройки, странные блоки, ужасные классы и вложенности которые выносят мозг. А так хочется сделать что-нибудь красивое и стоящее... Знакомо?

На стриме мастер-классе мы укротим этот редактор так, что вы навсегда перестанете его бояться, и будете делать свои собственные блоки со своим дизайном и наводить красоту. Конструктор тренингов, иначе говоря "старый редактор" используется не только в тренингах, но ещё и на страницах Оплаты заказа, Регистрации/Логина в школе, странице обратной связи, странице успешной оплаты и это далеко не весь список!

Что конкретно будет на стриме? Рассказываю:
— Сделаем полнейший разбор "старого редактора" Геткурса
— Расскажу вам неочевидные моменты и лайфхаки работы с сеткой и блоками так, что вы с легкостью сможете построить даже самую сложную структуру страницы
— Поделюсь с вами секретными приёмами лёгкой стилизации таких структур
— Поверстаем красоту
— Отвечу на все интересующие вас вопросы
— Как и всегда пообщаемся с вами в неформальной и весёлой обстановке

➡️ Принять участие и посмотреть программу стрима

Важные моменты:
❕ Если вы владелец GTFcard, но на странице вы видите цену, не соответствующую владельцу карты, сперва авторизуйтесь в проекте под вашим аккаунтом, имеющим GTFcard.
❕ Если вы авторизованы, являетесь владельцем GTFcard и всё равно видите несоответствующую цену, то убедитесь, что у вас подключён клуб Train IT в вашем аккаунте Клуба Магии, чтобы получить соответствующие преимущества.
❕ Если у вас уже был аккаунт в клубе Train IT, пожалуйста, так же авторизуйтесь с него или восстановите пароль, чтобы корректно совершить покупку. Слияние двух аккаунтов чревато потерей доступов ко всему, что у вас было ранее.

Может кто-то уже знал, но для меня стало новостью, что Геткурс втихую уже перешел от использования FontAwesome 4.7 на 6.0 версию ✨

Это значит что можно использовать более продвинутую библиотеку иконок при верстке. Гораздо больше выбор, быстрее отклик, в общем стало мега удобно 🤩