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

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

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

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

Нажать, или не нажать? 🧐

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

Кажется, что это очередной взрыв мозга с кучей кода 😵‍💫

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

Разберём пример:
1) Для начала поставим стандартные блоки с карточками и кнопками (см. скриншот №1). Я присвою всему блоку класс my-cards в Стилях блока.
2) Для каждой карточки с кнопкой, соответственно, нам нужно поставить столько же JS-блоков, которые будут блочить нажатие кнопки каждый для своей карточки (см. скриншот №2)
3) В каждом таком JS-блоке пишем код, который блочит кнопку в определённой карточке. В моём примере код в блоках выглядит так:

В первом JS-блоке:

$(function() {
    $('.my-cards .lt-tsr-block:nth-child(1) button').attr('disabled', true);
})

Во втором JS-блоке:

$(function() {
    $('.my-cards .lt-tsr-block:nth-child(2) button').attr('disabled', true);
})

В третьем JS-блоке:

$(function() {
    $('.my-cards .lt-tsr-block:nth-child(3) button').attr('disabled', true);
})

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

Вот и весь секрет лайфхака 😁

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

Коллеги, друзья, всем привет 👋

Когда-то давно, мы посмотрели на стандартные страницы оплаты на ГК, и решили, что так больше продолжаться не может 😅

С этого момента я задал эру новых и красивых страниц оплаты, с которых потом пошли куча модификаций до самых невероятных по своей механике!

А началось всё с моего простого мини-курса «Чекаут. Страницы оплаты», где я рассказывал и показывал как можно создавать красивую страницу, и не бояться старого редактора Геткурса.

🔥В Школе Магии Геткурса стартовала весенняя распродажа 🔥
👉 https://gcwithme.ru/springsale 👈

Вы сможете приобрести этот мини-курс и много чего интересного и полезного от моих коллег 😉

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

Возьму-ка пожалуй NaN штук 😂

Всем хорошей рабочей недели 👋👍

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

Большинству из вас наверняка уже приходилось работать с :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 👈💥

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