Когда-то мы показали миру, что Геткурс может быть красивым.
Мы продемонстрировали тысячам технических специалистов, что CSS и HTML – не только страшные аббревиатуры, но и достаточно простые языки, на которых держится любой веб-сайт, в том числе, Геткурс.
Что мы только не украшали — кнопки, формы, вебинарные команты, списки тренингов, списки уроков, страницы оплаты, страницы входа. А я, так вообще люблю издеваться над карточками (многие уже знают 😁).
И вот наконец добрались до страниц уроков — страниц, где ученики проводят больше всего времени, путаются в навигации, забывают ответить на задания...
27 ноября начнется юбилейный марафон Клуба Магии CSS/HTML/JS – «Неделя Магии X. Страницы уроков».
Посмотреть дизайн-макет, который мы будем претворять в жизнь, можно по ссылке: https://gcwithme.ru/y/9bb875c (PDF)
Весной этого года, ввиду высокой ценности и сложности разработки, мы приняли решение сделать марафоны закрытыми — с доступом по клубной карте.
Но в преддверии Дня рождения Клуба мы открыли вход для всех по минимальной цене.
➡️ Стоимость участия в этом марафоне — 1000 руб.
Доступ к урокам сохранится до 1 марта 2024 г.
РЕГИСТРАЦИЯ НА МАРАФОН😊
Мы продемонстрировали тысячам технических специалистов, что CSS и HTML – не только страшные аббревиатуры, но и достаточно простые языки, на которых держится любой веб-сайт, в том числе, Геткурс.
Что мы только не украшали — кнопки, формы, вебинарные команты, списки тренингов, списки уроков, страницы оплаты, страницы входа. А я, так вообще люблю издеваться над карточками (многие уже знают 😁).
И вот наконец добрались до страниц уроков — страниц, где ученики проводят больше всего времени, путаются в навигации, забывают ответить на задания...
27 ноября начнется юбилейный марафон Клуба Магии CSS/HTML/JS – «Неделя Магии X. Страницы уроков».
Посмотреть дизайн-макет, который мы будем претворять в жизнь, можно по ссылке: https://gcwithme.ru/y/9bb875c (PDF)
Весной этого года, ввиду высокой ценности и сложности разработки, мы приняли решение сделать марафоны закрытыми — с доступом по клубной карте.
Но в преддверии Дня рождения Клуба мы открыли вход для всех по минимальной цене.
Доступ к урокам сохранится до 1 марта 2024 г.
РЕГИСТРАЦИЯ НА МАРАФОН
Please open Telegram to view this post
VIEW IN TELEGRAM
Выходим за пределы сознания формы кнопки 👀
Всегда остро стоял вопрос в визуализации и красивой анимации кнопок. Хочу поделиться с вами одним своим полезным стилем, который поможет сделать классный эффект "стрелки" на кнопке при наведении на неё.
Рецепт такой кнопки прост:
1) Возьмите блок с кнопкой или любую кнопку(шок-контент 😮 )
2) Вставьте в стили блока в "Подробные настройки" следующие стили:
Я немного приукрасил анимацию тем, что не просто изменяю форму кнопки, но ещё и раздвигаю буквы друг от друга. Будет полезно тем, кто хочет открыть для себя новые свойства в CSS, и тем, кому нравится такой эффект.
И да, конечно же всех с пятницей!😎
#полезная_фишка
Всегда остро стоял вопрос в визуализации и красивой анимации кнопок. Хочу поделиться с вами одним своим полезным стилем, который поможет сделать классный эффект "стрелки" на кнопке при наведении на неё.
Рецепт такой кнопки прост:
1) Возьмите блок с кнопкой или любую кнопку
2) Вставьте в стили блока в "Подробные настройки" следующие стили:
.btn {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
transition: 0.5s;
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
}
.btn:hover {
letter-spacing: 4px;
font-weight: 800;
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0 0);
}
Я немного приукрасил анимацию тем, что не просто изменяю форму кнопки, но ещё и раздвигаю буквы друг от друга. Будет полезно тем, кто хочет открыть для себя новые свойства в CSS, и тем, кому нравится такой эффект.
И да, конечно же всех с пятницей!
#полезная_фишка
Please open Telegram to view this post
VIEW IN TELEGRAM
Друзья, тут у моих коллег @DmitrySpace и @daniilpostnov стартовала Чёрная Пятница 😉
Если вы давно хотели приобрести какой-нибудь полезный скрипт, или оформить свою онлайн-школу в стиле Remake, то сейчас у вас есть такая возможность сделать это со скидкой 30%.
Самое важное что скидка появится у вас при оформлении заказа на странице оплаты автоматически, без промокодов!
➡️ Перейти к распродаже скриптов и оформления Remake
Если вы давно хотели приобрести какой-нибудь полезный скрипт, или оформить свою онлайн-школу в стиле Remake, то сейчас у вас есть такая возможность сделать это со скидкой 30%.
Самое важное что скидка появится у вас при оформлении заказа на странице оплаты автоматически, без промокодов!
➡️ Перейти к распродаже скриптов и оформления Remake
Please open Telegram to view this post
VIEW IN TELEGRAM
Ох уж эти письма... 🙄
Наверняка вы думаете то же самое, когда садитесь верстать очередное письмо, которое ко всему прочему должно быть хорошо адаптивно, а ещё должно прилично выглядеть по дизайну и вообще иметь 2 или 3 колонки. Но, когда мы открываем рассылки и выбираем текстовый редактор, то руки опускаются сами собой, потому что мы видим перед собой "Здравствуйте, {first_name}". И из этого надо сверстать что-то красивое.
❗️ Сразу важный момент: в письмах используется табличная вёрстка. Многие сразу схватятся за голову, потому что писать все эти
Лайфхак, которым я всегда пользуюсь, это обычные лендинги на Геткурсе. Именно в них я порой и верстаю красивые письма для рассылок. Как? Всё очень просто:
— Мы можем создать текстовый блок на лендинге, убрать оттуда весь текст и воспользоваться визуальной табличной вёрсткой (скриншот №1 и №2)
— Так же мы можем поставить нужные нам картинки в теге
— Ну и конечно же все стили пишутся внутри атрибута
И вот, Геткурс за вас уже сгенерировал табличную вёрстку, которую вы просто дополняете нужными стилями и картинками. Затем берем, копируем всю вёрстку что мы сделали, и переносим это уже в редактор рассылок😉
#лайфхак
Наверняка вы думаете то же самое, когда садитесь верстать очередное письмо, которое ко всему прочему должно быть хорошо адаптивно, а ещё должно прилично выглядеть по дизайну и вообще иметь 2 или 3 колонки. Но, когда мы открываем рассылки и выбираем текстовый редактор, то руки опускаются сами собой, потому что мы видим перед собой "Здравствуйте, {first_name}". И из этого надо сверстать что-то красивое.
❗️ Сразу важный момент: в письмах используется табличная вёрстка. Многие сразу схватятся за голову, потому что писать все эти
td tr th table tbody
к тому же на чёрном фоне редактора рассылок, можно сойти с ума.Лайфхак, которым я всегда пользуюсь, это обычные лендинги на Геткурсе. Именно в них я порой и верстаю красивые письма для рассылок. Как? Всё очень просто:
— Мы можем создать текстовый блок на лендинге, убрать оттуда весь текст и воспользоваться визуальной табличной вёрсткой (скриншот №1 и №2)
— Так же мы можем поставить нужные нам картинки в теге
img
в нужную ячейку (всё же придётся ради картинок лезть в HTML, но куда без этого?)— Ну и конечно же все стили пишутся внутри атрибута
style
к нужной ячейке, с которой нужно провести какие-либо манипуляции (скриншот №3)И вот, Геткурс за вас уже сгенерировал табличную вёрстку, которую вы просто дополняете нужными стилями и картинками. Затем берем, копируем всю вёрстку что мы сделали, и переносим это уже в редактор рассылок
#лайфхак
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы узнали себя в этом меме, когда речь идёт про слайдеры на Геткурсе, то у меня есть для вас хорошие новости ✔️
Это анонс моего предновогоднего, уже 6-го по счёту стрима в рамках "Прожарки макетов", тема которого называется "Мир слайдеров". Стрим начнётся 21 декабря в 16:00 в клубе Train IT.
Как и всегда, в данный момент действуют льготные цены до 17 декабря 23:59:
Для счастливых обладателей GTFcard — 2290р.
Обычная льготная цена — 2690р.
А уже 18 декабря цена изменится и станет 3390р. для всех.
🗣 Запись стрима останется у вас навсегда в личном кабинете клуба Train IT.
⏩ Принять участие и посмотреть программу стрима
Наверняка, когда речь заходит о слайдерах на Геткурсе, многие испытывают страх и ужас. Казалось бы, такой классный функционал, но сами настройки не поддаются и слайдеры не хотят вставать куда нам надо и как нам надо. Знакомо? На этом стриме мы затронем эту трепещущую тему и наконец-то расставим все точки в вопросе установки и настроек строптивых слайдеров!
И, конечно же, весело проведём с вами время за живым общением и разберём наболевшие вопросы в прямом эфире.
P.S.: Буду в новогодней шапочке, пока не станет жарко 😆
⏩ Принять участие и посмотреть программу стрима
Важные моменты:
❕ Если вы владелец GTFcard, но на странице вы видите цену, не соответствующую владельцу карты, сперва авторизуйтесь в проекте под вашим аккаунтом, имеющим GTFcard.
❕ Если вы авторизованы, являетесь владельцем GTFcard и всё равно видите несоответствующую цену, то убедитесь, что у вас подключён клуб Train IT в вашем аккаунте Клуба Магии, чтобы получить соответствующие преимущества.
❕ Если у вас уже был аккаунт в клубе Train IT, пожалуйста, так же авторизуйтесь с него или восстановите пароль, чтобы корректно совершить покупку. Слияние двух аккаунтов чревато потерей доступов ко всему, что у вас было ранее.
Это анонс моего предновогоднего, уже 6-го по счёту стрима в рамках "Прожарки макетов", тема которого называется "Мир слайдеров". Стрим начнётся 21 декабря в 16:00 в клубе Train IT.
Как и всегда, в данный момент действуют льготные цены до 17 декабря 23:59:
Для счастливых обладателей GTFcard — 2290р.
Обычная льготная цена — 2690р.
А уже 18 декабря цена изменится и станет 3390р. для всех.
Наверняка, когда речь заходит о слайдерах на Геткурсе, многие испытывают страх и ужас. Казалось бы, такой классный функционал, но сами настройки не поддаются и слайдеры не хотят вставать куда нам надо и как нам надо. Знакомо? На этом стриме мы затронем эту трепещущую тему и наконец-то расставим все точки в вопросе установки и настроек строптивых слайдеров!
И, конечно же, весело проведём с вами время за живым общением и разберём наболевшие вопросы в прямом эфире.
P.S.: Буду в новогодней шапочке, пока не станет жарко 😆
Важные моменты:
Please open Telegram to view this post
VIEW IN TELEGRAM
Привет, друзья!
Сегодня 5е декабря, и это значит, что у Клуба Магии Геткурса сегодня день рождения🥳 А так же самый большой корпоратив тех-спецов, на который съехались люди со всей России и даже из других стран 👀
В Клубе Магии я являюсь автором уроков и куратором, поэтому этот праздник вдвойне мне приятен, и я горжусь тем, каким стал Клуб Магии за все эти годы 🐳
В 15:30 официальное начало нашей вечеринки, а так же награждение победителей народной премии GetTechAwards, где я был номинантом на несколько премий🍾
Для тех, кто не смог приехать, но хочет прочувствовать всю атмосферу праздника и веселья, а так же побеседовать с нами в прямом эфире и позадавать свои вопросы, я оставляю ссылку, по которой вы сможете присоединиться к трансляции:
https://gcwithme.ru/party2023/online
Увидимся с вами на корпоративе! 🥳
Сегодня 5е декабря, и это значит, что у Клуба Магии Геткурса сегодня день рождения
В Клубе Магии я являюсь автором уроков и куратором, поэтому этот праздник вдвойне мне приятен, и я горжусь тем, каким стал Клуб Магии за все эти годы 🐳
В 15:30 официальное начало нашей вечеринки, а так же награждение победителей народной премии GetTechAwards, где я был номинантом на несколько премий
Для тех, кто не смог приехать, но хочет прочувствовать всю атмосферу праздника и веселья, а так же побеседовать с нами в прямом эфире и позадавать свои вопросы, я оставляю ссылку, по которой вы сможете присоединиться к трансляции:
https://gcwithme.ru/party2023/online
Увидимся с вами на корпоративе! 🥳
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Хоть сегодня и не пятница, но мем улыбнул 😆
Когда поставил на проект крутой код
@
Тем временем код:
Когда поставил на проект крутой код
@
Тем временем код:
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Если вы узнали себя в этом меме, когда речь идёт про слайдеры на Геткурсе, то у меня есть для вас хорошие новости ✔️ Это анонс моего предновогоднего, уже 6-го по счёту стрима в рамках "Прожарки макетов", тема которого называется "Мир слайдеров". Стрим начнётся…
This media is not supported in your browser
VIEW IN TELEGRAM
Друзья, время летит незаметно!
Спешу напомнить, что до окончания льготной цены на 6-й сезон стрима "Прожарка Макетов" на тему "Мир слайдеров" осталось всего 7 дней! Далее цена увеличится для всех с 18 декабря.
⏩ Принять участие и посмотреть программу стрима
В своём стриме мастер-классе я затрону животрепещущую тему слайдеров на Геткурсе, которые делают лендинги привлекательнее и функциональнее. Дам и покажу вам пошаговый план как быстро и безболезненно справиться с установкой популярных слайдеров, и естественно, как заставить всё это работать так, как вам хочется, не боясь совершать сторонние настройки. Мы поработаем с популярным Slick-слайдером, раскрою вам приёмысамообороны и дзюдо по укрощению этого строптивого слайдера, и покажу вам интересную и безумно функциональную замену.
🗣 Приобретая участие на стриме, запись стрима останется у вас навсегда в личном кабинете клуба Train IT.
⏩ Принять участие и посмотреть программу стрима
Эфир состоится 21 декабря в 16:00 по МСК, где мы с вами станем настоящими дрессировщиками диких и неукротимо красивых элементов, таких как слайдеры😏
Спешу напомнить, что до окончания льготной цены на 6-й сезон стрима "Прожарка Макетов" на тему "Мир слайдеров" осталось всего 7 дней! Далее цена увеличится для всех с 18 декабря.
В своём стриме мастер-классе я затрону животрепещущую тему слайдеров на Геткурсе, которые делают лендинги привлекательнее и функциональнее. Дам и покажу вам пошаговый план как быстро и безболезненно справиться с установкой популярных слайдеров, и естественно, как заставить всё это работать так, как вам хочется, не боясь совершать сторонние настройки. Мы поработаем с популярным Slick-слайдером, раскрою вам приёмы
Эфир состоится 21 декабря в 16:00 по МСК, где мы с вами станем настоящими дрессировщиками диких и неукротимо красивых элементов, таких как слайдеры
Please open Telegram to view this post
VIEW IN TELEGRAM
Приболел средней тяжести 🥶
Усиленно лечусь, чтобы провести эфир как запланировал) Желаю чтобы зараза обходила вас стороной! Заряжаю этот пост максимально оздоровительными волнами!😊
Усиленно лечусь, чтобы провести эфир как запланировал) Желаю чтобы зараза обходила вас стороной! Заряжаю этот пост максимально оздоровительными волнами!
Please open Telegram to view this post
VIEW IN TELEGRAM
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Если вы узнали себя в этом меме, когда речь идёт про слайдеры на Геткурсе, то у меня есть для вас хорошие новости ✔️ Это анонс моего предновогоднего, уже 6-го по счёту стрима в рамках "Прожарки макетов", тема которого называется "Мир слайдеров". Стрим начнётся…
⏰ Напоминаю, осталось всего 2 дня до окончания действия льготной цены!
Уже 18 декабря ровно в 0:00 цена значительно повысится.
➡️ Принять участие и посмотреть программу стрима
Эфир "Прожарка макетов" на тему "Мир слайдеров" (на платформе Геткурс) состоится 21 декабря в 16:00 по МСК. Если по какой-то причине вы не сможете присутствовать на живом эфире, то приобретая участие на стриме запись стрима останется у вас навсегда в личном кабинете клуба Train IT‼️
Уже 18 декабря ровно в 0:00 цена значительно повысится.
Эфир "Прожарка макетов" на тему "Мир слайдеров" (на платформе Геткурс) состоится 21 декабря в 16:00 по МСК. Если по какой-то причине вы не сможете присутствовать на живом эфире, то приобретая участие на стриме запись стрима останется у вас навсегда в личном кабинете клуба Train IT
Please open Telegram to view this post
VIEW IN TELEGRAM
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Если вы узнали себя в этом меме, когда речь идёт про слайдеры на Геткурсе, то у меня есть для вас хорошие новости ✔️ Это анонс моего предновогоднего, уже 6-го по счёту стрима в рамках "Прожарки макетов", тема которого называется "Мир слайдеров". Стрим начнётся…
Это последнее напоминание 😉
Осталось всего 6 часов до окончания действия льготной цены на стрим "Прожарка макетов" на тему "Мир слайдеров" на Геткурс.
➡️ Принять участие и посмотреть программу стрима
Сегодня, после 0:00 все неоплаченные заказы по льготной цене будут отменены.
Эфир стартует 21 декабря в 16:00 по МСК. При себе иметь:
— Новогоднее настроение
— Желание быстро и безболезненно устанавливать и настраивать слайдеры
— Внутреннее "ци" для обучения секретным и запретным техникам в вёрстке 😜
Ну и конечно же, если вы не сможете посетить эфир в указанную дату, то запись останется с вами навсегда! А у тех кто придёт на стрим, будет преимущество позадавать вопросы и лампово побеседовать и провести время вместе😊
➡️ Принять участие и посмотреть программу стрима
Осталось всего 6 часов до окончания действия льготной цены на стрим "Прожарка макетов" на тему "Мир слайдеров" на Геткурс.
Сегодня, после 0:00 все неоплаченные заказы по льготной цене будут отменены.
Эфир стартует 21 декабря в 16:00 по МСК. При себе иметь:
— Новогоднее настроение
— Желание быстро и безболезненно устанавливать и настраивать слайдеры
— Внутреннее "ци" для обучения секретным и запретным техникам в вёрстке 😜
Ну и конечно же, если вы не сможете посетить эфир в указанную дату, то запись останется с вами навсегда! А у тех кто придёт на стрим, будет преимущество позадавать вопросы и лампово побеседовать и провести время вместе
Please open Telegram to view this post
VIEW IN TELEGRAM
train-it.ru
Train IT — клуб изучения востребованных направлений | Стрим
Друзья, стрим "Прожарка макетов" на тему "Мир слайдеров" начнется уже через 30 минут 😉
Ссылка для перехода в вебинарную комнату уже доступна для участников стрима внизу на этой странице.
Дополнительные оповещения с ссылками на комнату будут за 15 минут до начала стрима на электронную почту, и в бота-енота Мэтью😎
Жду вас😉
Ссылка для перехода в вебинарную комнату уже доступна для участников стрима внизу на этой странице.
Дополнительные оповещения с ссылками на комнату будут за 15 минут до начала стрима на электронную почту, и в бота-енота Мэтью
Жду вас
Please open Telegram to view this post
VIEW IN TELEGRAM
Аааа! Уже почти начинаем! 😱
Увидимся в эфире!
Залетайте скорее! Для участников стрима ссылка внизу на этой странице.
Увидимся в эфире!
Залетайте скорее! Для участников стрима ссылка внизу на этой странице.
Стрим прошел как всегда бомбически 🥳
А всем участникам отдельная благодарность! Было много вопросов которые не остались без ответа и были досконально разобраны😎
Запись стрима выложу на этих выходных для тех, кто приобретал участие. Отдельно ещё сообщу в бота и здесь в канале😉
Всех обнял🙂
А всем участникам отдельная благодарность! Было много вопросов которые не остались без ответа и были досконально разобраны
Запись стрима выложу на этих выходных для тех, кто приобретал участие. Отдельно ещё сообщу в бота и здесь в канале
Всех обнял
Please open Telegram to view this post
VIEW IN TELEGRAM
Друзья, запись стрима "Прожарка макетов Сезон 6 - Мир слайдеров" уже доступна!
Запись доступна для приобретавших участие на стриме по этой ссылке.
Отдельные уведомления для участников стрима были так же высланы в бота-енота Мэтью😊
Запись доступна для приобретавших участие на стриме по этой ссылке.
Отдельные уведомления для участников стрима были так же высланы в бота-енота Мэтью
Please open Telegram to view this post
VIEW IN TELEGRAM
Сделал важный апдейт для тех, у кого есть "Чекаут. Страницы оплаты" в частности платежный модуль GC Pay. 📣
Обновление уже залито. Пожалуйста, обновите разметку и скрипты из соответствующего файла, а так же стили из соответствующего стилевого файла.
Обновление уже залито. Пожалуйста, обновите разметку и скрипты из соответствующего файла, а так же стили из соответствующего стилевого файла.
Please open Telegram to view this post
VIEW IN TELEGRAM
Как вы думаете, из какого блока был свёрстан этот блок на скриншоте №1? 🧐
На размышление 30 секунд 😂
Кто-то скажет что без 4х колоночного блока тут не обойтись. Но проблема в том, что 4х колоночного блока нет в Геткурсе. Как же сделать подобную конструкцию, чтобы картинка была слева, а описание товара или любое другое текстовое составляющее было справа от неё?
На самом деле здесь используется блок "Две колонки с произвольным контентом". Всё, что нужно сделать это поставить блок желаемой картинки и блок текста друг за другом (скриншот №2). А затем применить чуть-чуть магии называемой CSS😎
После того как мы поставили блоки так, как показано на скриншоте, нам нужно поставить следующие стили в блок:
Так мало стилей? Да! Мы всего лишь поменяли структуру ширины блоков изображения и текста, в следствии чего они встали в один ряд друг с другом, а так же зацентрировали их относительно друг-друга. Ну а дальнейшая стилизация уже зависит от вашей фантазии, дерзайте😉
#полезная_фишка
Кто-то скажет что без 4х колоночного блока тут не обойтись. Но проблема в том, что 4х колоночного блока нет в Геткурсе. Как же сделать подобную конструкцию, чтобы картинка была слева, а описание товара или любое другое текстовое составляющее было справа от неё?
На самом деле здесь используется блок "Две колонки с произвольным контентом". Всё, что нужно сделать это поставить блок желаемой картинки и блок текста друг за другом (скриншот №2). А затем применить чуть-чуть магии называемой CSS
После того как мы поставили блоки так, как показано на скриншоте, нам нужно поставить следующие стили в блок:
.flex-container .flex-column {
align-items: center;
}
.part-image,
.part-text {
max-width: calc(50% - 20px);
}
.part-text {
padding-left: 30px;
}
Так мало стилей? Да! Мы всего лишь поменяли структуру ширины блоков изображения и текста, в следствии чего они встали в один ряд друг с другом, а так же зацентрировали их относительно друг-друга. Ну а дальнейшая стилизация уже зависит от вашей фантазии, дерзайте
#полезная_фишка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM