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

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

Мой второй канал обо всём - https://t.me/closetmax ;)
Download Telegram
Привет, друзья! Продуктивного вам рабочего дня и хорошего настроения 😉

Многие технические специалисты с уклоном в вёрстку и коды испытывают некое волнение и страх, когда им вдруг неожиданно прилетает какой-нибудь макет от заказчика, и вы видите эту гору элементов, которая так не похожа на стандартные элементы редактора Геткурса. Вас охватывает паника, вы не знаете что сказать заказчику и, тем более, как сверстать подобное... Знакомо?

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

На своём стриме "Прожарка 🔥 макетов" я покажу вам, как правильно оценивать макет, понимать, из каких элементов он состоит, а главное, всё же сверстать этот макет! После моего стрима вам будет гораздо легче воспринимать макеты, которые вам дают 😉

Стать участником стрима можно на этой странице:
💥👉 https://train-it.ru/frying-layouts 👈💥

Успейте зарегистрироваться по льготной цене! В понедельник (24 января) цена участия повысится.

И главное: даже если вы не сможете в живую прийти и посмотреть стрим, приобретая участие, запись стрима останется у вас навсегда в личном кабинете клуба Train IT 🥳
Привет всем, и прекрасного вам воскресного дня 👋

С большим отрывом в голосовании победил Макет "Диджитал", и именно его я буду верстать на своём стриме 26 января в 16:00.

Кстати, сегодня последний день, когда можно записаться по льготной цене. Ровно в 0:00 цена участия возрастёт 😱

Зарегистрировать своё участие на стриме можно тут:
💥👉 https://train-it.ru/frying-layouts 👈💥

А если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба Train IT.

Не упустите последний шанс стать участником по льготной цене и не бояться макетов, которые кидают вам дизайнеры 😜
Привет всем, друзья! 😉

Знаете какой сегодня день? Сегодня день моего первого стрима в рамках моего клуба Train IT! 🥳

Сегодня в 15:30 по Московскому времени на этой странице:
👉 https://train-it.ru/frying-layouts

Будет размещена ссылка на эфир "Прожарка 🔥 макетов" в самом низу страницы для тех, кто оплачивал участие. Дополнительно ссылка придёт на ту почту, с которой вы регистрировались на участие.

Начало стрима в 16:00 по Московскому времени.

Для всех остальных: у вас ещё есть шанс попасть на эксклюзивный стрим до 16:00, присоединившись к участию по ссылке выше 😉
Друзья, до стрима осталось 30 минут, но можно уже потихоньку собираться 😁

Я отправил рассылки на те почтовые ящики, с которых вы делали заказ.

Так же ссылка доступна для тех, кто оплатил участие на самой странице:
https://train-it.ru/frying-layouts

В самом низу 🥳
До начала трансляции остались считанные минуты! 😱

Ссылка уже доступна для участников в самом низу страницы:

👉 https://train-it.ru/frying-layouts 🔥

Ну а я пошел во всю настраивать трансляцию)
Привет всем, друзья! 👋

Как видите, видео со стрима в процессе сохранения, и будет опубликовано ориентировочно завтра днём в личном кабинете клуба Train IT 😉

Спасибо всем кто пришел на мой стрим, и всем участникам! 🥳
Отличной всем пятницы 👋 И настраиваемся на выходные!

Долгожданная запись стрима уже доступна для участников стрима, кто не смог посмотреть в живую. Достаточно залогиниться в личный кабинет Клуба Train IT 👉 можно по этой ссылке

Я сохранил для вас все преимущества, и доступ к специальным предложениям, которые были на стриме! Все они находятся на странице с видео 🥳

Эти эксклюзивные предложения будут доступны для заказа до понедельника 7 февраля (включительно).

Вперёд прокачиваться 😜
Растянемся? 😁

Признайтесь, хотя бы раз вы хотели, чтобы данную картинку можно было растянуть на всю правую сторону аж до краёв... Было?

Тогда давайте сделаем это 😜 Для начала сбросим множество настроек, которые мешают это сделать, а именно сбросим все отступы блока до 0, и растянем наши блоки поровну (см. скриншот №2). Уже неплохо.

Ну а теперь добавим любимой магии CSS! Нам нужно всего несколько стилей:

.my-container {
max-width: 100%;
}

.builder[data-path="column2"] {
padding: 0;
}

Убираем ограничения у контейнера и обнуляем внутренние отступы у второй колонки. И получаем уже наш результат с картинкой (см. скриншот №3).

Ну и остаётся подправить только наш контент, чтобы он смотрелся как нам нужно. Сделать это можно внешними отступами у элементов стандартным методом Геткурса. А выровнять контент от левого края нам поможет добавление свойств:
1) justify-content: flex-end; в класс .my-container
2) max-width: 600px; в класс .builder:first-child

#полезная_фишка
Каморка Геткурсовода 💻 | Канал Максима Елисеева
Отличной всем пятницы 👋 И настраиваемся на выходные! Долгожданная запись стрима уже доступна для участников стрима, кто не смог посмотреть в живую. Достаточно залогиниться в личный кабинет Клуба Train IT 👉 можно по этой ссылке Я сохранил для вас все преимущества…
Привет, друзья! 😉

Хотел собрать фидбек под этим постом по поводу прошедшего стрима 26.01.2022г. "Прожарка 🔥 макетов", как от участников живого эфира, так и от тех участников, кто уже посмотрел в записи 😉 Был ли вам полезен стрим? Хотели бы ещё? Ваши впечатления? Все мысли, которые вас посетили 👍

❗️Так же хочу напомнить, что сегодня последний день действия специальных предложений, которые действуют для участников стрима. Все эти предложения исчезнут сегодня ровно в 0:00 по Московскому времени 😱

Успеть оформить доступы по скидкам можно на странице записи стрима только для участников стрима
Запись стрима и предложения 👉 по этой ссылке

Жду ваших фидбеков, и в Клубе! 🥳
Встряхнём уроки тренингов 😎

Когда-то давно я рассказывал про то, как выровнять контейнер уроков по центру, чтобы он смотрелся красиво. Сегодня копнём глубже 😁

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

Поэтому предлагаю такой вариант:

.container {
width: 100%;
}

.gc-main-content.with-left-menu .container {
margin: 0;
}

.center-block {
max-width: 100% !important;
}

.lite-page.block-set > div {
max-width: 1200px;
margin: 0 auto;
}

На фоне такого варианта даже блок с видео стал намного крупнее, чем был раньше, что для многих являлось головной болью 😏

#полезная_фишка
Заказчик: Я же дал вам понятное техническое задание!

Техническое задание:
P.S. С днём защитника Отечества! 😉
Пропала боковая панель! 😳

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

Поэтому данный пост несёт в себе цель придать ясности данной проблеме, почему так может происходить.

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

Второе, не менее важное, это обращение JavaScript к несуществующим элементам страниц. Представим ситуацию, что вы, как Администратор, видите все блоки на своей странице, и соответственно JS их видит тоже от вашего лица, и выполняет какую-то операцию с ними. Но у ученика данного блока на странице может не быть по множествам причин (сегмент, не админ, не в той группе и тд.). JS пытается обработать этот блок, и не находит его на странице, что тоже в свою очередь приводит к ошибке, и остановке обработки всех последующих скриптов.

Лайфхак по предотвращению данной ситуации следующий: лучше в таких случаях добавлять в JS условие по проверке НАЛИЧИЯ этого блока на странице, и только потом выполнять с ним определенный сценарий.

Третья причина проявляется реже всего, но тоже иногда на это влияет. Это синтаксические ошибки в CSS-кодах и HTML-тегах. Например не был закрыт тег <script></script>, или же стилевые правила не обёрнуты в теги <style></style> в блоке, где интерпретируется HTML. В CSS это всё те же не закрытые скобки, пропуски точек с запятыми, и прочие синтаксические моменты.

Надеюсь, данный материал укрепит ваше системное понимание, что, почему, и из-за чего может пропадать левая панель. Ну а чтобы совсем точно убедиться, где могла возникнуть ошибка, её можно посмотреть в Панели разработчика, перейдя на вкладку "Консоль", чтобы проанализировать первые две причины 😉

#полезный_материал
Друзья, привет всем.

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

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

Берегите себя, пожалуйста. Об этом невозможно молчать. Я желаю чтобы все беды обошли вас стороной.