👋 Приветствую вас, друзья!
За окном самый разгар лета, и всем нам хочется немного отдохнуть 😌
В моём клубе Train IT наступают каникулы с 1 июля по 1 августа. Обновлённое расписание с выходом новых уроков появится на главной странице в каждом направлении 1 августа.
За время каникул планируется то самое долгожданное нововведение в систему обучения, где вы будете не просто смотреть уроки, но ещё и практиковать их на особенных заданиях, тем самым повышая свою квалификацию и ранг мастерства в Клубе 😉 А следовательно и свою уверенность в знаниях как опытного специалиста в HTML, CSS и JS.
✔️ В моём клубе есть не только уроки по основам веба (вёрстки и программирования), но так же и секретные фишки для Тильды, и даже обучение Excel.
Но и это ещё не всё! ☺️
В честь наступающих каникул, для всех тех, у кого есть действующая подписка, которая заканчивается не раньше чем 4 июля, я дарю бесплатно +30 дней к подписке! И не только действующим резидентам клуба, а ВСЕМ тем кто приобретёт доступ в клуб с 30 июня по 4 июля включительно!
Не пропустите летние каникулы в клубе Train IT ! 🥳
👉 https://train-it.ru 👈
Вы сможете в комфортном режиме изучить все вышедшие уроки клуба, а так же, за счёт подарочных дней застать выход совершенно новых уроков в августе! 😎
Обратите внимание:
❗️Все предложения оформляются с главной страницы клуба — https://train-it.ru
❗️Начисление 30 дней сверх вашей подписки произойдет 4 июля в течении дня
❗️Всех тех, у кого заморожен доступ к Клубу, прошу отдельно написать мне в бота-енота (@RacoonMatthewBot), чтобы я учёл ваше количество дней 😁
За окном самый разгар лета, и всем нам хочется немного отдохнуть 😌
В моём клубе Train IT наступают каникулы с 1 июля по 1 августа. Обновлённое расписание с выходом новых уроков появится на главной странице в каждом направлении 1 августа.
За время каникул планируется то самое долгожданное нововведение в систему обучения, где вы будете не просто смотреть уроки, но ещё и практиковать их на особенных заданиях, тем самым повышая свою квалификацию и ранг мастерства в Клубе 😉 А следовательно и свою уверенность в знаниях как опытного специалиста в HTML, CSS и JS.
✔️ В моём клубе есть не только уроки по основам веба (вёрстки и программирования), но так же и секретные фишки для Тильды, и даже обучение Excel.
Но и это ещё не всё! ☺️
В честь наступающих каникул, для всех тех, у кого есть действующая подписка, которая заканчивается не раньше чем 4 июля, я дарю бесплатно +30 дней к подписке! И не только действующим резидентам клуба, а ВСЕМ тем кто приобретёт доступ в клуб с 30 июня по 4 июля включительно!
Не пропустите летние каникулы в клубе Train IT ! 🥳
👉 https://train-it.ru 👈
Вы сможете в комфортном режиме изучить все вышедшие уроки клуба, а так же, за счёт подарочных дней застать выход совершенно новых уроков в августе! 😎
Обратите внимание:
❗️Все предложения оформляются с главной страницы клуба — https://train-it.ru
❗️Начисление 30 дней сверх вашей подписки произойдет 4 июля в течении дня
❗️Всех тех, у кого заморожен доступ к Клубу, прошу отдельно написать мне в бота-енота (@RacoonMatthewBot), чтобы я учёл ваше количество дней 😁
Каморка Геткурсовода 💻 | Канал Максима Елисеева
👋 Приветствую вас, друзья! За окном самый разгар лета, и всем нам хочется немного отдохнуть 😌 В моём клубе Train IT наступают каникулы с 1 июля по 1 августа. Обновлённое расписание с выходом новых уроков появится на главной странице в каждом направлении 1…
👌 Доброго жаркого вторника!
Всем участникам клуба Train IT с активной подпиской я уже продлил доступы на 30 дней больше в рамках акции 😜
Набираемся знаний, повторяем материал, и в августе ждёт практическая система обучения 😊
Всем участникам клуба Train IT с активной подпиской я уже продлил доступы на 30 дней больше в рамках акции 😜
Набираемся знаний, повторяем материал, и в августе ждёт практическая система обучения 😊
Ваша боковая панель в Профиле без багов 😎
Я полагаю, уже большинство из вас в онлайн-школах и проектах модифицировали боковую панель, будь то своими силами, или силами мини-курса по боковой панели в Магии Геткурса.
Если вы делали боковую панель используя наши уроки из Магии, то напомню, что существует один неприятный баг своей кастомной панели. Если мы заходим в Профиль, переключаемся на "Уведомления", а затем возвращаемся во вкладку "Общие", мы видим уже не нашу стилизованную панель, а стандартную панель Геткурса. Так происходит потому, что страница Профиля сделана по особому, и существенно отличается от других системных страниц.
Но я обошел этот баг одним очень хитрым способом, которым хочу с вами поделиться 😉
❗️Чтобы правильно им воспользоваться, сначала вы должны сделать подмену страницы Профиля, как показано в Магии Геткурса, а затем приступать к моему методу обхода.
Метод обхода:
Вам нужно войти в Настройки аккаунта -> Настройки, и в поле тегов для HEAD вставить следующий тег со скриптом внутри:
#полезная_фишка #лайфхак
Я полагаю, уже большинство из вас в онлайн-школах и проектах модифицировали боковую панель, будь то своими силами, или силами мини-курса по боковой панели в Магии Геткурса.
Если вы делали боковую панель используя наши уроки из Магии, то напомню, что существует один неприятный баг своей кастомной панели. Если мы заходим в Профиль, переключаемся на "Уведомления", а затем возвращаемся во вкладку "Общие", мы видим уже не нашу стилизованную панель, а стандартную панель Геткурса. Так происходит потому, что страница Профиля сделана по особому, и существенно отличается от других системных страниц.
Но я обошел этот баг одним очень хитрым способом, которым хочу с вами поделиться 😉
❗️Чтобы правильно им воспользоваться, сначала вы должны сделать подмену страницы Профиля, как показано в Магии Геткурса, а затем приступать к моему методу обхода.
Метод обхода:
Вам нужно войти в Настройки аккаунта -> Настройки, и в поле тегов для HEAD вставить следующий тег со скриптом внутри:
<script>Не забудьте подождать 10 минут, как рекомендует Геткурс после сохранения. И проблема с дефолтной боковой панелью в Профиле при переключении вкладок исчезнет 🥳
$(() => {
if(window.location.href.includes('/pl/notifications/settings/my')) {
let linkProfile = document.querySelector('.standard-page-menu li:nth-child(1) a');
linkProfile.setAttribute('href', '/profile');
}
})
</script>
#полезная_фишка #лайфхак
👋 Приветствую друзья!
Как многие из вас знают, Продамус набирает всё большие обороты среди онлайн-школ. Потому что у Продамуса:
✔️ Бесплатная онлайн-касса
✔️ Первые 100 000 руб. без комиссии
✔️ Поддержка оплат из других стран
Если вы подключаете онлайн-школы и проекты, или вдруг хотите запустить свой проект, у меня, как у партнёра Продамуса, есть для вас супер-бонусы от моего клуба Train IT 😉
🔥 Подключите онлайн-проект к Продамусу по промокоду traintech который даёт скидку на подключение в размере 2000 руб. и станьте счастливым обладателем бесплатного доступа ко всем направлениям клуба Train IT в течении полугода, или получите скидку на 3-х месячный абонемент в размере 50% а так же 3000 бонусных рублей на свой аккаунт в Клубе!
✅ Первые 5 человек подключивших Продамус в онлайн-проект по промокоду traintech получат бесплатный полный доступ на пол года!
✅ И ещё 10 человек подключивших Продамус по промокоду traintech получат 50% скидку на 3-х месячный абонемент в клуб и + 3000 бонусных рублей на счёт при вступлении в клуб по данной скидке!
Успейте стать в числе первых, и не упустите крутую возможность прокачать свои скилы с пользой! 😎
Важная информация:
❗️Для получения указанных бонусов необходимо заполнить анкету: https://forms.gle/b27S6frmS6zcxRpHA
❗️Все бонусы выдаются по мере проверки анкеты на достоверность информации и в порядке очереди. Поэтому убедитесь что Продамус по промокоду traintech уже подключен к проекту, и функционирует
❗️Данная акция проводится до 19 августа включительно
Как многие из вас знают, Продамус набирает всё большие обороты среди онлайн-школ. Потому что у Продамуса:
✔️ Бесплатная онлайн-касса
✔️ Первые 100 000 руб. без комиссии
✔️ Поддержка оплат из других стран
Если вы подключаете онлайн-школы и проекты, или вдруг хотите запустить свой проект, у меня, как у партнёра Продамуса, есть для вас супер-бонусы от моего клуба Train IT 😉
🔥 Подключите онлайн-проект к Продамусу по промокоду traintech который даёт скидку на подключение в размере 2000 руб. и станьте счастливым обладателем бесплатного доступа ко всем направлениям клуба Train IT в течении полугода, или получите скидку на 3-х месячный абонемент в размере 50% а так же 3000 бонусных рублей на свой аккаунт в Клубе!
✅ Первые 5 человек подключивших Продамус в онлайн-проект по промокоду traintech получат бесплатный полный доступ на пол года!
✅ И ещё 10 человек подключивших Продамус по промокоду traintech получат 50% скидку на 3-х месячный абонемент в клуб и + 3000 бонусных рублей на счёт при вступлении в клуб по данной скидке!
Успейте стать в числе первых, и не упустите крутую возможность прокачать свои скилы с пользой! 😎
Важная информация:
❗️Для получения указанных бонусов необходимо заполнить анкету: https://forms.gle/b27S6frmS6zcxRpHA
❗️Все бонусы выдаются по мере проверки анкеты на достоверность информации и в порядке очереди. Поэтому убедитесь что Продамус по промокоду traintech уже подключен к проекту, и функционирует
❗️Данная акция проводится до 19 августа включительно
Полезные классы панели учеников 😉
Решил сделать пост-шпаргалку, вдруг пригодится. Если вы работаете со стандартной панелью Геткурса, и хотите скрыть некоторые не нужные меню для учеников, то вот это конечно же можно сделать правилом
Так же внутри общего меню тренингов есть меню с подпунктами, рассмотрим так же и его классы:
P.S. Кстати говоря, данные классы можно ещё использовать и для стилизации 😁
#полезная_фишка
Решил сделать пост-шпаргалку, вдруг пригодится. Если вы работаете со стандартной панелью Геткурса, и хотите скрыть некоторые не нужные меню для учеников, то вот это конечно же можно сделать правилом
display: none;
Но есть ещё один вопрос, который зачастую ставит в тупик: к какому классу применить? Ответы ниже:.menu-item-teach
— Общее меню тренингов в левой панели.menu-item-notifications
— Общее меню поддержки проекта в левой панели.menu-item-sales
— Общее меню покупок клиента в левой панелиТак же внутри общего меню тренингов есть меню с подпунктами, рассмотрим так же и его классы:
.menu-item-trainings
— пункт "Тренинги".menu-item-schedule
— пункт "Расписание".menu-item-answers
— пункт "Лента ответов".menu-item-questionary
— пункт "Тестирования".menu-item-search
— пункт "Поиск"P.S. Кстати говоря, данные классы можно ещё использовать и для стилизации 😁
#полезная_фишка
Каморка Геткурсовода 💻 | Канал Максима Елисеева
👋 Приветствую друзья! Как многие из вас знают, Продамус набирает всё большие обороты среди онлайн-школ. Потому что у Продамуса: ✔️ Бесплатная онлайн-касса ✔️ Первые 100 000 руб. без комиссии ✔️ Поддержка оплат из других стран Если вы подключаете онлайн…
Напоминаю, что вы всё ещё можете получить бесплатный абонемент на пол года в клуб Train IT, где я учу вёрстке и программированию на JavaScript, а так же показываю крутые фишки для Тильды 😉
Все подробности в закрепе 👆
Все подробности в закрепе 👆
This media is not supported in your browser
VIEW IN TELEGRAM
Это свершилось! 🥳
Я наконец-то доделал свою панель для учеников, которая заменяет собой стандартную левую панель Геткурса.
TrainTech — это удобный интерфейс с современным дизайном для учеников, который гармонично подчёркивает бренд вашей онлайн-школы, выделяя вас среди тысячи других проектов.
Сейчас данная панель установлена для всех учеников в моём клубе Train IT 😉
Я решил сделать этот продукт "открывающим" заодно мой магазин скриптов. Пока что кроме панели там нет ничего, но начало положено 😁 Плюс так же параллельно работаю над одним из бомбических скриптов, который появится в скором времени для платформы Tilda.
Оформить заказ панели для своего онлайн-проекта можно тут: https://train-it.ru/shop/traintech-panel
Так же я принимаю заявки на разработку индивидуального функционала для панели. Оставить такую заявку можно по ссылке выше.
Сам магазин будет по этому адресу: https://train-it.ru/shop 😏
Я наконец-то доделал свою панель для учеников, которая заменяет собой стандартную левую панель Геткурса.
TrainTech — это удобный интерфейс с современным дизайном для учеников, который гармонично подчёркивает бренд вашей онлайн-школы, выделяя вас среди тысячи других проектов.
Сейчас данная панель установлена для всех учеников в моём клубе Train IT 😉
Я решил сделать этот продукт "открывающим" заодно мой магазин скриптов. Пока что кроме панели там нет ничего, но начало положено 😁 Плюс так же параллельно работаю над одним из бомбических скриптов, который появится в скором времени для платформы Tilda.
Оформить заказ панели для своего онлайн-проекта можно тут: https://train-it.ru/shop/traintech-panel
Так же я принимаю заявки на разработку индивидуального функционала для панели. Оставить такую заявку можно по ссылке выше.
Сам магазин будет по этому адресу: https://train-it.ru/shop 😏
Друзья, привет 👋
Проболел всю неделю, и продолжаю болеть до сих пор, чувствую себя как вата 😔
Оборвались грандиозные планы с поездкой в Питер на этих выходных, чтобы отдохнуть и встретиться с коллегами. Так же за неделю я не сделал почти ничего полезного, кроме записи пары уроков в свой клуб 😅
Надеюсь на следующей неделе я полностью оклемаюсь, а пока борюсь с очередным очень злым ОРВИ.
Так же в ближайших планах анонсировать мой третий стрим, который будет посвящён мобильной вёрстке на ГК и её секретам.
Всем хорошего дня, и не болейте 👌
Проболел всю неделю, и продолжаю болеть до сих пор, чувствую себя как вата 😔
Оборвались грандиозные планы с поездкой в Питер на этих выходных, чтобы отдохнуть и встретиться с коллегами. Так же за неделю я не сделал почти ничего полезного, кроме записи пары уроков в свой клуб 😅
Надеюсь на следующей неделе я полностью оклемаюсь, а пока борюсь с очередным очень злым ОРВИ.
Так же в ближайших планах анонсировать мой третий стрим, который будет посвящён мобильной вёрстке на ГК и её секретам.
Всем хорошего дня, и не болейте 👌
Каморка Геткурсовода 💻 | Канал Максима Елисеева
👋 Приветствую друзья! Как многие из вас знают, Продамус набирает всё большие обороты среди онлайн-школ. Потому что у Продамуса: ✔️ Бесплатная онлайн-касса ✔️ Первые 100 000 руб. без комиссии ✔️ Поддержка оплат из других стран Если вы подключаете онлайн…
Уже несколько человек получили свои главные призы 🥳
Вы тоже ещё можете успеть забрать бесплатный доступ на пол года в клуб Train IT!
Все подробности в закрепе 😉
Вы тоже ещё можете успеть забрать бесплатный доступ на пол года в клуб Train IT!
Все подробности в закрепе 😉
С этой болезнью совершенно забыл кинуть вам хотя бы пятничный мем 😁 Читайте внимательно оферты и договоры)
P.S.: Болею вторую неделю, но хотя бы уже знаю от чего лечусь, от одного из видов пневмонии 😱 В целом картина нормальная, хоть и ситуация не радужная, конечно же. Думаю, что к концу следующей недели уже встану на ноги.
P.S.: Болею вторую неделю, но хотя бы уже знаю от чего лечусь, от одного из видов пневмонии 😱 В целом картина нормальная, хоть и ситуация не радужная, конечно же. Думаю, что к концу следующей недели уже встану на ноги.
Весь август выпал из жизни из-за болезни 🥲
Сейчас уже чувствую себя гораздо лучше. Возвращаюсь к работе над своими проектами, работой с клубом, работой над Магией и прочими проектами, которые я для вас заготовил. А заготовил я много чего интересного 🥳
Так же совсем скоро уже объявлю новый стрим по мобильной вёрстке на платформе Геткурс в рамках своего клуба 😉
Сейчас уже чувствую себя гораздо лучше. Возвращаюсь к работе над своими проектами, работой с клубом, работой над Магией и прочими проектами, которые я для вас заготовил. А заготовил я много чего интересного 🥳
Так же совсем скоро уже объявлю новый стрим по мобильной вёрстке на платформе Геткурс в рамках своего клуба 😉
Вот и первое сентября — день знаний.
Значит, пора и нам набираться новых знаний!
Полосы прокрутки: неизбежность или красота? 🧐
Скорее всего большинство из вас, у кого на лендинге есть прокручивающийся контент, будь то окна информации или даже всё окно страницы, задавались вопросом: "А можно ли как-то стилизовать область прокрутки?"
Ответ прост: можно! Существуют псевдоклассы, с помощью которых мы можем влиять на полосу прокрутки (скроллбар), и стилизовать её как нам хочется. Таких псевдокласса три:
В качестве примера на скриншотах к посту маленькая демонстрация со своими собственными приукрашиваниями 😊 Я применил прокрутку к "полотну" текста и стилизовал:
#полезная_фишка
Значит, пора и нам набираться новых знаний!
Полосы прокрутки: неизбежность или красота? 🧐
Скорее всего большинство из вас, у кого на лендинге есть прокручивающийся контент, будь то окна информации или даже всё окно страницы, задавались вопросом: "А можно ли как-то стилизовать область прокрутки?"
Ответ прост: можно! Существуют псевдоклассы, с помощью которых мы можем влиять на полосу прокрутки (скроллбар), и стилизовать её как нам хочется. Таких псевдокласса три:
::-webkit-scrollbar
— Отвечает за целиковый скроллбар (как контейнер для скролл-трека и передвижного тумблера)::-webkit-scrollbar-track
— Путь нашего скролл-бара (сюда применяются стили формы трека, например, скругления или бекграунд)::-webkit-scrollbar-thumb
— Передвижной тумблер прокрутки (так же воспринимает цвет, формы, скругления)В качестве примера на скриншотах к посту маленькая демонстрация со своими собственными приукрашиваниями 😊 Я применил прокрутку к "полотну" текста и стилизовал:
.part-text::-webkit-scrollbar {Если вы делаете крутой дизайн, то стандартные браузерные скроллбары уж точно никак не впишутся в ваш собственный стиль сайта. Таким образом вы можете подстроить под себя даже такую деталь браузера как скроллбар 😉
width: 10px;
border-radius: 5px;
}
.part-text::-webkit-scrollbar-track {
background: lavender;
border-radius: 5px;
}
.part-text::-webkit-scrollbar-thumb {
background: violet;
border-radius: 5px;
}
.part-text {
height: 250px;
border: 1px solid violet;
border-radius: 5px;
padding: 15px;
overflow-y: scroll;
}
#полезная_фишка
Отступы — это не позиционирование! 🙄
Всё больше я замечаю, что чаще всего проблемы с позиционированием решают использованием
И мне становится чертовски больно 😁 Особенно больно становится вашей странице, которая принимает на себя такие отступы на адаптации. Уже на 991 пикселе разрешения экрана страница начнёт потихоньку страдать, не говоря уже обо всех остальных элементах, которые пытаются сохранить эти отступы. От этого и возникают огромные проблемы с адаптацией.
Отступы на то и отступы, чтобы выверить нужное расстояние между элементами, и хорошо, если эти отступы не будут превышать 50-70px. А проблему с позиционированием решает специальное свойство
Пост больше для размышления и направления по правильному пути в вёрстке. Не пренебрегайте этим правилом и вы обязательно станете крутым верстальщиком 😉
P.S.: Кстати, эту тему и многие другие я простым языком объясняю в своём клубе Train IT
#размышления_пост
Всё больше я замечаю, что чаще всего проблемы с позиционированием решают использованием
margin
или padding
в каких-то космических числах. Например, 150 или даже 350 пикселей...И мне становится чертовски больно 😁 Особенно больно становится вашей странице, которая принимает на себя такие отступы на адаптации. Уже на 991 пикселе разрешения экрана страница начнёт потихоньку страдать, не говоря уже обо всех остальных элементах, которые пытаются сохранить эти отступы. От этого и возникают огромные проблемы с адаптацией.
Отступы на то и отступы, чтобы выверить нужное расстояние между элементами, и хорошо, если эти отступы не будут превышать 50-70px. А проблему с позиционированием решает специальное свойство
position
, которым нужно уметь пользоваться. Позиционирование является трудной темой для восприятия, особенно для новичков, если её неправильно преподнести. Трудно описать всю прелесть позиционирования элементов с помощью этого свойства в одном посте 😅Пост больше для размышления и направления по правильному пути в вёрстке. Не пренебрегайте этим правилом и вы обязательно станете крутым верстальщиком 😉
P.S.: Кстати, эту тему и многие другие я простым языком объясняю в своём клубе Train IT
#размышления_пост
Друзья, я знаю, вы долго этого ждали 😁
И вот он анонс очередного моего стрима в рамках клуба Train IT, из цикла стримов «Прожарка 🔥 макетов», который начнётся 12 октября в 16:00 на тему «Особенности мобильной вёрстки на платформе Геткурс».
На стриме мы с вами разберём:
✔️ Как найти успешный подход к мобильной адаптации
✔️ Как сделать так, чтобы при вёрстке уже 80% адаптации лендинга было готово само по себе 😱
✔️ Секретный алгоритм, после которого мобильная адаптация станет совсем не страшной 😎
✔️ Вёрстка в прямом эфире с кучей полезных техник
✔️ Живое и уютное общение с участниками стрима 😉
Стать участником можно здесь:
💥👉 https://train-it.ru/frying-layouts 👈💥
В данный момент действует льготная цена до среды 5 октября включительно. В четверг 6 октября цена повысится!
Важное напоминание❗️ Если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба Train IT.
Я думаю, что для многих мобильная адаптация страниц является огромнейшей головной болью. И мы её с вами закроем за уютным и весёлым общением с чашечкой горячего чая или кофе под вёрстку подготовленного макета 😌
✅ Для моих партнёров проекта Train IT:
Особое предложение 🥳 Вы сможете приобрести участие на стриме оплатив 50% стоимости бонусными рублями!
И вот он анонс очередного моего стрима в рамках клуба Train IT, из цикла стримов «Прожарка 🔥 макетов», который начнётся 12 октября в 16:00 на тему «Особенности мобильной вёрстки на платформе Геткурс».
На стриме мы с вами разберём:
✔️ Как найти успешный подход к мобильной адаптации
✔️ Как сделать так, чтобы при вёрстке уже 80% адаптации лендинга было готово само по себе 😱
✔️ Секретный алгоритм, после которого мобильная адаптация станет совсем не страшной 😎
✔️ Вёрстка в прямом эфире с кучей полезных техник
✔️ Живое и уютное общение с участниками стрима 😉
Стать участником можно здесь:
💥👉 https://train-it.ru/frying-layouts 👈💥
В данный момент действует льготная цена до среды 5 октября включительно. В четверг 6 октября цена повысится!
Важное напоминание❗️ Если вдруг вы по каким-то причинам не сможете прийти на стрим, то приобретая участие на стриме, запись мероприятия останется у вас навсегда в личном кабинете клуба Train IT.
Я думаю, что для многих мобильная адаптация страниц является огромнейшей головной болью. И мы её с вами закроем за уютным и весёлым общением с чашечкой горячего чая или кофе под вёрстку подготовленного макета 😌
✅ Для моих партнёров проекта Train IT:
Особое предложение 🥳 Вы сможете приобрести участие на стриме оплатив 50% стоимости бонусными рублями!