Накинем эффектов 😎

Большинству из вас наверняка уже приходилось работать с :hover эффектами, когда нужно было, к примеру, поменять цвет кнопки при наведении. Мы просто пишем стили при наличии этого псевдокласса.

А что, если чуть-чуть разнообразить простую смену стилей? Например, добавить даже анимацию?

Это вполне легко сделать с помощью свойства animation. В качестве примера я сделал тряску кнопки при наведении на неё.

Самой кнопке я назначил класс btn-effect чтобы выделить её из всех прочих кнопок, для того, чтобы повесить анимацию. В стилях блока с кнопкой я написал следующее:

.btn-effect:hover {
animation: shake .3s ease;
}

При наведении на кнопку я не просто меняю стиль, а вызываю стороннюю анимацию shake, которую сам же и создал в отдельном CSS-блоке вверху страницы:

@keyframes shake {
0% {
transform: rotate(0deg);
}

25% {
transform: rotate(5deg);
}

50% {
transform: rotate(0deg);
}

75% {
transform: rotate(-5deg);
}

100% {
transform: rotate(0deg);
}
}

За счёт вызова анимации при наведении, можно делать потрясающие эффекты, и намного сложнее и красивее, чем простая смена стилей на элементе. Всё зависит лишь от вашей фантазии 😉

#полезная_фишка

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

В данный момент IT является одним из самых стабильных направлений в экономике. Цифровые решения, которые нас окружают, они никуда не уйдут, и всегда нужны хорошие специалисты со знаниями в коде и вёрстке, чтобы создавать высокотехнологичные решения. Особенно сейчас это очень актуально, ведь кому-то надо будет заменять цифровые технологии тех брендов, которые ушли из РФ.

Мой клуб Train IT направлен на развитие общих знаний в IT, которые пригодятся абсолютно на любой платформе (Геткурс, Тильда, Wordpress, Joomla, Drupal и тд.). Уроки по 10-15 минут на конкретную тематику усваиваются гораздо лучше, чем длиннющие курсы по 3-5 часов. Плюс, многие знают мою манеру объяснения простым и понятным языком 😉

Сейчас в клубе стартовала распродажа, повод которой — приблизить вас к миру IT, и закрепить ваши знания, которые вы сможете использовать не только на Геткурсе, но и на любой другой платформе.

Распродажа по этой ссылке:
🔥 https://train-it.ru/simplesale 🔥

Стоит ли говорить, что такой багаж знаний откроет вам доступ к новым возможностям заработка? 😉 Думаю, и так всё понятно. Я очень хочу, чтобы высококвалифицированных специалистов, которые пишут код и разрабатывают цифровые решения стало больше. За таким крутым сообществом не страшно за будущее 🥳


Распродажа по этой ссылке:
🔥 https://train-it.ru/simplesale 🔥

Распродажа продлится до 6 апреля 23:59!

Жду вас на своих уроках 👋

Друзья, всем привет 😉

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

Распродажа по этой ссылке:
👉 https://train-it.ru/simplesale 👈

Сегодня ровно в 0:00 все созданные заказы в рамках распродажи уже будет невозможно оплатить! Не упустите возможность изучать IT с выгодой 🔥

✔️ Всегда мечтали не просто конструировать сайты из статичных блоков, а писать их самим?
✔️ Добавлять крутые фишки, а, может, даже придумывать свои самостоятельно?
✔️ Понимать весь код, с которым вы работаете?
✔️Быть уверенным в своих знаниях и иметь под рукой мощную опору в виде уроков клуба?

Тогда чего же вы ждёте? 😏

СЕО в вебе. Как много смысла в этих буквах 👈

Почему-то многие считают, что Геткурс в плане СЕО не гибкая платформа, и ищут альтернативы. У меня к таким людям всегда есть вопрос: а действительно ли вы знаете что такое СЕО именно в вебе? 😁

Начнём с того, что SEO (англ. Search Engine Optimization) – это комплекс мер по улучшению сайта для его ранжирования в поисковых системах. НЕ АНАЛИТИКА! Аналитика лишь позволяет выявить те самые необходимые меры, которые нужно сделать для оптимизации поисковой выдачи роботами.

Управлять этой оптимизацией довольно просто, гибко, и всегда на ваше усмотрение. По-мимо того, что Геткурс предлагает заполнить OG информацию о странице, есть ещё и раздел "Теги в разделе HEAD", где с помощью тегов <meta> можно настроить поисковую оптимизацию гибче некуда 🥳

К примеру, в моём случае (см. скриншот), у меня стоит вспомогательный мета-тег, который отвечает за ключевые слова, чтобы мою страницу быстрее нашли роботы поисковых систем. Таким образом я повышаю свои шансы найти свой проект и страницу в поисковике.

И таких <meta> тегов со специальными значениями достаточно много, и настроить СЕО можно очень гибко и быстро, помимо основного функционала Геткурса 😉

#лайфхак

Всем привет, друзья 👋

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

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

Друзья, привет! 😉

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

Возможно, некоторые из них мы разберём на стриме, и сделаем с вами в прямом эфире 😉

Делитесь интересными лендингами с указанием (описанием) того блока, который на данной странице вам кажется наиболее интересным в реализации 👍

P.S. Да и мне самому было бы интересно посмотреть на что-то новенькое)

Регистрация на стрим «Прожарка 🔥 макетов» открыта!

Вот и подошёл черёд второго по счету стрима, который состоится 19 мая в 16:00 по Московскому времени! На этом стриме мы с вами будем перебирать интересные лендинги со сложными блоками и верстать их в прямом эфире 😉

💥👉 https://train-it.ru/frying-layouts 👈💥

В данный момент действует льготная цена до среды 11 мая включительно. В четверг 12 мая цена повысится!

Так же, по результатам прошедшего голосования, на этом стриме мы с вами прикоснемся к программированию и создадим полезный функционал на JavaScript! 🤩

На основе такого функционала вы сможете переделать его под ваши нужды или добавить ещё функций его использования.

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

💥👉 https://train-it.ru/frying-layouts 👈💥

Импровизация, куча фишек, живое и ламповое общение — и это далеко не всё, что будет ждать вас на стриме🥳

Геткурс снова что-то поменял 🤔

Буквально вчера вечером/ночью я заметил, что Геткурс снова и без всяких угрызений совести поменял разметку в уроках тренинга. А именно, добавил отдельный div, в котором пишется "Есть задание", если в уроке вы ставили задание.

❗️Если вы пользуетесь стилевым оформлением "Карточками уроков и тренингов" из клуба Магии Геткурса, то скорее всего ваша проблема будет такая же, как на скриншоте.

Чтобы это пофиксить, вставьте такой стиль в ваш CSS в уроках тренинга:

.lesson-list .item-main-td .vmiddle div:first-child:not(.title) {
    display: none;
}

И тогда всё вернётся на привычный вам вид 😉

Если вдруг у вас другая структура, например вывод даты открытия урока, то вам нужен другой метод, который описал @aston_max в комментариях к посту 👍

#полезная_фишка

Тренировка насмотренности одна из важнейших составляющих при вёрстке любых блоков и элементов. Чем больше вы делали таких блоков и элементов, тем больше с первого взгляда будете понимать как он устроен и на какие составляющие делится. А если вы будете визуально понимать как устроен блок, это уже 50% сделанной работы, остаётся только перенести эту структуру в HTML и CSS, и, если надо, ещё и в JS.

Именно этим мы и будем заниматься на стриме 19 мая в 16:00! Мы будем перебирать интересные блоки на лендингах, что вы мне присылали. И конечно же воспроизводить их с нуля.

Регистрация на стрим:
💥👉 https://train-it.ru/frying-layouts 👈💥

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

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

Регистрация на стрим:
💥👉 https://train-it.ru/frying-layouts 👈💥

Тем более, сейчас действует льготная цена до 11 мая включительно! А уже 12 мая цена поднимется.

Последний день записаться на стрим по льготной цене! 😱

Друзья, до проведения очередного стрима осталось не много времени. Стрим назначен на 19 мая в 16:00 по МСК. Сегодня (11 мая) последний день, когда вы можете зарегистрировать своё участие на стриме по льготной цене до 0:00. После 0:00 цена повысится!

Регистрация тут:
💥👉 https://train-it.ru/frying-layouts 👈💥

Так же, хочу напомнить, что если у вас не получится присутствовать на стриме, то приобретая участие запись стрима останется у вас навсегда в личном кабинете клуба Train IT в разделе «Записи».

Присоединяйтесь, не упустите возможность прокачать свои скилы и почерпнуть множество полезных фишек! 😉

Друзья, приветствую! Хочу поделиться с вами новостью о том, что я участвую в ежегодной онлайн-конференции для специалистов по Getcourse — Global Edtech Conference 4.0!

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

По моей ссылке вы получите 10% скидку на участие в конференции:
https://kharkov.group/getc4?gcao=17688&gcpc=f90c5

А так же ещё куча полезной информации и секретных техник, чтобы стать ниндзя в обращении с Геткурсом 😁

👋 Привет, друзья!
Уже совсем скоро я начну свой второй стрим (сегодня в 16:00 по МСК).

Ссылка на вебинарную комнату появится внизу на этой странице ориентировочно в 15:30 по МСК для зарегистрировавших своё участие:
https://train-it.ru/frying-layouts

(Дополнительно сссылка будет отправлена вам на почту, которую вы указали при регистрации)

Для тех, кто приобрёл участие, но не сможет вживую присутствовать на стриме, запись этого стрима появится в течении 2-х дней в личном кабинете клуба Train IT в разделе "Записи" 😉