Проводите марафоны? Есть открытые уроки для всех зарегистрировавшихся? 😏

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

Поделюсь с вами небольшим лайфхаком, как сэкономить себе кучу времени, чтобы почистить ленту ответов. Всё благодаря кнопочке "Принять всё", которую я для вас подготовил. Она принимает все ответы, которые есть на текущей страницу ответов. Т.е. если у вас 8 страниц ответов, то по одному нажатию кнопки, вся текущая страница будет принята. Итого останется нажать её ещё 7 раз, т.к. ГК автоматически подтянет следующую страницу.

Устанавливать кнопку следует в Настройки аккаунта, в раздел "Счётчики и скрипты для BODY":

<script>
$(function() {
    if(window.location.href.indexOf('/teach/control/answers/unanswered') > -1) {
        $('.container').append(`
            <button class="btn btn-success accept-all" style="position: fixed; top: 20px; right: 20px;">Принять всё</button>
        `);
        
        $(function() {
            var acceptBtns = document.querySelectorAll('.btn[value="accepted"]');
    
            $('.accept-all').on('click', function() {
                acceptBtns.forEach(e => e.click());
            });
        });
    }
})
</script>

Кнопочка появится в вашей Ленте ответов справа сверху, примерно через 10 минут (зависит от загруженности сервера ГК, на котором располагается ваш проект) ✔️

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

Всем отличных выходных 😎

Припоздавший мем подъехал. Знакомо? 😁

Нашел парочку достаточно интересных шаблонов и решил спросить вас, какой из них вам больше всего нравится и интересен в плане реализации?

Прикреплю к этому посту два шаблона, а опрос будет ниже.

Голосование продлится до конца дня среды (5 июля). Думаю, многие уже догадываются, что это означает 😎

P.S. Если победит первый шаблон, то туда тоже обязательно прикрутим слайдер! 🎂

Жаркое голосование 😬
Сегодня в 18:00 остановлю голосование, и определим макет, который будем верстать.

Анонс предстоящей вёрстки будет в пятницу (7 июля). Не пропустите 🥺

А вот и тот самый анонс по итогу голосования! 😎

Победил макет "Книжный лендинг" (Шаблон-1). Именно его мы будем с вами верстать на очередном, уже 5-м по счёту стриме, в рамках клуба Train IT — Прожарке макетов. Стрим пройдёт 27 июля в 16:00.

⏩ Участвовать на стриме и посмотреть программу

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

Как и всегда, в данный момент действуют льготные цены до 24 июля 23:59:
Для счастливых обладателей GTFcard — 1790р.
Обычная льготная цена — 1990р.

А уже 25 июля цена изменится и станет 2590р. для всех.

⏩ Участвовать на стриме и посмотреть программу

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

Важные моменты:
❕ Если вы владелец GTFcard, но на странице вы видите цену, не соответствующую владельцу карты, сперва авторизуйтесь в проекте под вашим аккаунтом, имеющим GTFcard.
❕ Если вы авторизованы, являетесь владельцем GTFcard и всё равно видите несоответствующую цену, то убедитесь, что у вас подключён клуб Train IT в вашем аккаунте Клуба Магии, чтобы получить соответствующие преимущества.
❕ Если у вас уже был аккаунт в клубе Train IT, пожалуйста, так же авторизуйтесь с него или восстановите пароль, чтобы корректно совершить покупку. Слияние двух аккаунтов чревато потерей доступов ко всему, что у вас было ранее.

Вот представьте ситуацию: вам прилетает макет с красивым дизайном, сделанным в Фигме. Всё очень круто, вы начинаете потихоньку верстать первый экран и осознаёте, что элементы попросту в него не помещаются, а в Фигме всё ровненько и красиво. 🤬

Не многие обращают внимание на то, что ширина самого контейнера, содержащего контент в Фигме, зачастую существенно отличается от ширины контейнера Геткурса, у которого есть ограничение в 1170px (плюс по 15 пикселям маргина/паддинга по бокам). И тут встаёт вопрос: как всё это уместить в пределы Геткурса?

Некоторые люди сдадутся и будут делать всё в соответствии с контейнером ГК. Но мы-то с вами не такие, правда же? 😉 Мы попросту изменим ширину контейнера и сделаем её такой же на всей странице, как и в макете. Делается это сверхпросто и быстро.

Предположим, что в Фигме контейнер самого контента имеет ширину в 1400px. А мы помним, что контейнеры Геткурса под контент составляют 1170px в ширину. Ставим CSS-блок в самый верх вашей страницы и просто добавляем туда следующее:

.my-container,
.container {
max-width: 1400px !important;
}

У Геткурса есть два селектора его контейнеров, которые по сути мы просто переназначили. И всё, ваши контейнеры растянулись как надо и теперь готовы попиксельно вместить весь дизайн, который был отрисован в Фигме.

#лайфхак

Какие ваши ощущения, когда вам прилетает макет в Фигме со сложными элементами, которые, как кажется, нереально собрать на Геткурсе? Хочется при этом передать макет "более опытному" товарищу, а у вас самих опускаются руки?

Если вам знакомы эти ощущения, то мой стрим 27 июля в 16:00 специально для вас 😎

⏩ Участвовать на стриме и посмотреть программу

Путём голосования был выбран макет "Книжного лендинга", который мы будем верстать в прямом эфире с кучей сложных элементов и нестандартных блоков. Я научу вас грамотному подходу к сложным макетам, правильной вёрстке и стилизации таких элементов. Постепенно избавимся от страха подобных макетов, ведь мы его прожарим в свойственной мне манере в прямом эфире! 😎

В данный момент действуют льготные цены до 24 июля 23:59:
Для счастливых обладателей GTFcard — 1790р.
Обычная льготная цена — 1990р.

А уже 25 июля цена изменится и станет 2590р. для всех.

⏩ Участвовать на стриме и посмотреть программу

Так же, если вы не сможете посетить эфир в этот день, то приобретая участие, запись стрима останется с вами навсегда в личном кабинете клуба Train IT 🔥

P.S. Важные моменты по GTFcard смотрите в закреплённом посте в самом низу сообщения.

Всем хорошего вечера, и отличных выходных ☺️
Держите пятничный мемасик!

P.S.: Обновляю телеграм на мобильном, буду тестировать сторисы 😏

⏰ Хотел напомнить, что до окончания действия льготной цены на стрим "Прожарка макетов" осталось всего 3 дня! (до 24 июля 23:59)

⏩ Участвовать на стриме и посмотреть программу

Вас ждёт куча приёмов вёрстки по макету из Фигмы на платформе Геткурс, а так же секреты и фишки построения сложных элементов, которыми я с радостью поделюсь с вами 😊

Напоминаю, что стрим состоится 27 июля в 16:00. Если вы не сможете присутствовать в нашей ламповой тусовке в онлайне, то приобретая участие, запись стрима останется с вами навсегда в личном кабинете клуба Train IT.

⏩ Участвовать на стриме и посмотреть программу

И последнее напоминание 😉
Осталось менее 3-х часов до окончания действия льготной цены!

⏩ Участвовать на стриме и посмотреть программу

Буду ждать всех на стриме 27 июля в 16:00 😎

Через 30 минут (в 16:00) начинаю стрим "Прожарка макетов" Сезон 5!

Если вы приобрели участие, то ссылка будет доступна в самом низу на этой странице!
Так же все ссылки придут на указанную в вашем аккаунте почту и в бота-енота Мэтью 😎

P.S. Если на странице вы не видите внизу ссылок, пожалуйста авторизуйтесь.

Друзья, запись стрима "Прожарка макетов Сезон 5 - Вёрстка по макету" уже доступна для приобретавших участие!

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

Перейти к записи можно по этой ссылке 😉

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

Мы вместе с коллегами "по цеху" достаточно долго разрабатывали интересный проект и наконец-то его реализовали при технической поддержке Геткурса, который поможет вам вознестись справедливо и достойно среди нашего большого сообщества. Этот проект — Технический специалист PRO.

Мы с командой профессиональных специалистов в своей области готовим аттестацию, в которой может участвовать любой техспециалист, чтобы получить статус PRO нашего сообщества. Этот статус даст вам неоспоримые преимущества и поднимет вас в глазах заказчиков и коллег. Всю процедуру аттестации мы с коллегами ещё разрабатываем и будем оценивать сами, кто действительно достоин получить этот статус.

🚀 А ещё, с сегодняшнего дня начинает работать единый портал помощи как заказчикам, так и техническим специалистам оказывать взаимопомощь друг другу — GetOverflow.

И самое главное, зарекомендовав себя на портале GetOverflow как знающий и умеющий находить выход из ситуаций грамотный специалист, у вас будет возможность получить PRO-статус уже в сентябре! Мы (PRO-команда сообщества) будем следить за вами и вашими успехами 😎

Выходные, время работы над своими ошибками и переосмыслению ситуаций. Вот и я на выходных нашел для вас полезный сервис, который помогает выявлять ошибки в CSS-коде онлайн, если вы не понимаете, где у вас затык, и пересмотрели глазами всё вдоль и поперёк 😂

CSS Lint поможет вам найти ошибки в вашем CSS-коде (а так же травмирует ваши чувства, как утверждает сам сервис 😄), и покажет, что и где было не так. На скриншоте я привёл пример своего кривого CSS, и линтер вывел все имеющиеся ошибки в таблицу, так же подсветив строки, в которых нашел проблему. Где-то не закрыты скобки, о чём он тоже сообщает и ругается, а так же неправильное написание некоторых свойств и их значений.

Будет полезно для тех, кому не хочется ставить сторонние специализированные программы по редактору кода 😎

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