Магия CSS/HTML/JS на GetCourse, Prodamus.XL и вообще
1.38K subscribers
25 photos
5 videos
1 file
13 links
Канал клуба Магии CSS/HTML/JS. Подписка по ссылке https://gcwithme.ru/getmagic. Промокод спрашивайте в @getmagic_chat
Download Telegram
СЛАЙДЕР С МОДИФИЦИРОВАННЫМИ ТОЧКАМИ (ПОЛОСКАМИ)

Модификация еще одна из рода Болейн слайдеров, которую можно гибко настроить.

Слайдеры в ГК весьма ограничены по своему представлению - сами слайды, стрелки по бокам, да и точки внизу. Все. А что, если мы скажем вам, что любой из этих элементов можно застилизовать? 😏

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

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
15 минут

🔥Что принесет проекту?
Научитесь создавать нестандартные адаптивные слайдеры на базе блоков Геткурса. Будете верстать слайдеры как они есть в макете без страдания по тому, что "так сделать нельзя"

#слайдер #лендинг
ПОСЛЕДОВАТЕЛЬНАЯ ФОРМА

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

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

С помощью небольшого скрипта от @DmitrySpace можно передавать ответы на ответу в скрытые поля формы.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?

1. Короткие формы увеличивают конверсию. Когда пользователи видят сразу, что нужно заполнить условно 10 полей, то они сделают это менее охотно, чем в том случае, если показывать им поля по одному.

2. Сможете передавать ответы в доп поля пользователя, что даст возможность использовать их через переменные. Например, показывать на страницах, отправлять в рассылке или использовать в процессах.

#анкета #форма #допполя
☀️ Летняя распродажа Школы Магии Геткурса открыта!
https://gcwithme.ru/summersale2022

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

🚩Для тех, кто быстро принимает решение, мы приготовили подарки — записи наших самых крутых марафонов при оплате 4 и 5 июля.

Также прошу обратить внимание на 2 предложения, которые мы выставляем впервые — годовые абонементы на все продукты школы.

Но и это еще не все.

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

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

👉 https://gcwithme.ru/summersale2022
КАК ДОБАВИТЬ ПЛИТКИ В ВИДЕО
а потом сделать из них слайдер)

В последнее время таких запросов становится всё больше. Поэтому @DmitrySpace разработал для вас элегантное решение, которое позволяет очень легко добавлять в плитки видео вместо картинок.

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

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?
Нестандартные блоки для лендинга :)
СТИЛИЗАЦИЯ БЛОКА "АКТУАЛЬНЫЕ СОБЫТИЯ"

Есть два основных метода работы с событиями на Геткурсе в плане их представления пользователю - визуализация через системный блок актуальных событий и календарь.
Календарь есть в клубе как полноценное решение, но иногда оно избыточно. Поэтому, если вам хочется просто немного "освежить" вид блока от самого ГК - смотрите урок от @araviw.

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

Так же из урока вы узнаете как переименовать заголовок блока или вырезать лишние текстовые элементы из описаний событий.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?
Сможете сделать быструю стилизацию важного блока

#расписание #уроки
БЛОКИРОВАНИЕ КНОПОК КАРТОЧЕК ОТ/ДЛЯ СЕГМЕНТОВ

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

Что приходит на ум? Сделать копию блока и по сегменту в копии блока стилями скрывать кнопку.

Но у вас есть мы :)) И конкретно решение @Isagaya, которое за пару минут решит эту задачу "без лишних телодвижений".

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

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
2 минуты

🔥Что принесет проекту?
Облегчение работы техспеца по управлению контентом на ленде

#карточки #кнопки
This media is not supported in your browser
VIEW IN TELEGRAM
СУММИРОВАНИЕ ПОЛЕЙ В ФОРМЕ (КАЛЬКУЛЯТОР УСПЕХА)

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

Например из этого урока @araviw вы узнаете как можно пользователю представить возможность обновлять свои данные путем сложения и вычитания.

Например, у пользователя есть какое-то максимальное значение для банка. Но в течение курса он вносит доход или потерю средств. Этот урок позволит реализовать подобную задачу (именно ее вторую часть по изменению текущего банка).

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
10 минут

🔥Что принесет проекту?
Сможете формировать прогрессы пользователя для различных геймификации с изменяемой переменной
Channel name was changed to «Магия CSS/HTML/JS на GetCourse, Prodamus.XL и вообще»
А пока мы готовимся к марафону по Геткурсу, Максим Елисеев @isagaya покоряет платформу Prodamus XL (ранее известную как AXL). Посмотрите, какую красоту он сотворил со страницей авторизации!

Есть тут спецы, работающие на XL?
Вы уже украсили личные камбинеты своих школ? Тогда мы идем к вам!

Максим @isagaya подготовил супер-комбо: легкое цветочное оформление для GetCourse и Prodamus.XL. Бесплатно и для всех-всех-всех!

➡️ https://xlmagic.ru/free

Вопросы по оформлению можете задавать в комменты или в наш новый чисто-магический чат @getmagic_chat
Please open Telegram to view this post
VIEW IN TELEGRAM
Друзья, кто ещё не сходил на марафон «Неделя Магии. Нажми на кнопку» и желает приступить к нему со следующего понедельника — заходите.

➡️ РЕГИСТРАЦИЯ
Please open Telegram to view this post
VIEW IN TELEGRAM
А кто уже побывал, расскажите, как оно там)) чего нового узнали, какой опыт получили и т.д
⚡️ ВНИМАНИЮ ВСЕХ НОВИЧКОВ В РАБОТЕ С КОДОМ НА GETCOURSE!

Мы подготовили марафон «Неделя Магии» для техспецов, которые пока не сталкивались с кодом и боятся к нему подступиться.

5 уроков про работу с кнопками — от стандартных настроек через простые CSS свойства и не совсем простые анимации до интересных эффектов на JavaSrcipt.

Ближайший старт — в понедельник 18 марта.

Формат марафона: навылет. Это значит: не сдал задание в течение 24 часов — вылетаешь.

➡️ РЕГИСТРАЦИЯ

Кому интересно — велком.

Помимо уроков по верстке, на марафоне вас ждет новый опыт: общение с нейропомощником Добби и загадками, увидеть которые можно только с помощью технологий дополненной реальности!
Please open Telegram to view this post
VIEW IN TELEGRAM
Привет, друзья!

В понедельник 22 апреля стартует марафон верстки «Кодожорка 5», посвященная вёрстке форм.

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

За 5 дней марафона вы прокачаете свою внимательность, сможете лучше понимать чужой код и находить ошибки в собственном.

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

💪 Клубная карта GTFcard на 30 дней за 2 000 рублей.

Возможности, которые вам откроет эта покупка:

1️⃣ Бесплатное участие в «Кодожорке 5» в потоке с другими участниками (22-28 апреля) и доступ к урокам 3 месяца.

2️⃣ Возможность приобрести подписку в Клуб Магии за 2000 руб/мес.

3️⃣ Возможность приобрести доступ к урокам всех предыдущих марафонов — по 3000 руб на срок 90 дней за каждый марафон.

Срок акции ограничен датой старта Кодожорки: 19, 20 и 21 апреля.

ХОЧУ GTFCARD ЗА 2000 РУБЛЕЙ!
Please open Telegram to view this post
VIEW IN TELEGRAM