Кто-нибудь из вас пользуется/пользовался Canvas? Насколько для вас актуальная шпаргалка по ней?
public poll

Шпаргалка нужна – 126
👍👍👍👍👍👍👍 88%

Canvas в целом не актуален – 11
👍 8%

Шпаргалка НЕ нужна – 6
▫️ 4%

👥 143 people voted so far.

Самые бесполезные сайты 🙈

Ловите довольно странный рейтинг самых бесполезных сайтов. Может быть, всё-таки найдете там для себя полезный сайт?

Ссылка — https://www.totallyuselesswebsites.com/

Ищу фронтендеров, которые могли бы обрабатывать входящие вопросы на FrontendHelp

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

FrontendHelp — это онлайн-площадка, где любой верстальщик или фронтенд-разработчик может задать вопрос и получить ответ от реального специалиста в режиме 24/7.

Чтобы откликнуться на заявку, вышли мне список технологий, с которыми знаком.

Список находится тут — https://docs.google.com/document/d/1WBfSXyzM6Ms_zCYa3TK4oWAfAE3KwB-t_lqoDwNO-zw/edit?usp=sharing

Знаешь что-то еще? Это несомненно будет плюсом!
Писать сюда — @annblok

Нам особенно важны люди, которые разбираются в JS-фреймворках и JS. Мы ждем тебя!

Видеокурс «Верстка сайта на Grid CSS» 📕

1 урок: Разбор теории Grid CSS
2 урок: Общая вёрстка сайта
3 урок: Делаем grid-сетку
4 урок: Адаптируем сайт

Данный курс идеально подходит новичкам, т.к. показано как верстается сайт от макета до полноценной адаптивной веб-странички. Все материалы найдете под видео на Youtube.

Смотреть все видео — https://www.youtube.com/watch?v=ZkYhNIxGc8k&list=PLY4rE9dstrJxI-kCaXQnqCjPy4HPNn1DG

#css

БЭМ на примерах 🔥

Крайне годная статья, которая поможет тем, кто до сих пор путается в верном нейминге классов. Объяснено лучше, чем у Яндекс.

Читать — https://bit.ly/2ruqYXb

Друзья, совсем скоро праздники! 🌲❄️

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

Новый год - новые курсы! По мимо обновленного базового курса, мы представим вашему вниманию обновленный продвинутый.

Из текущего изменится следующее:
— Верстать будем в тандеме со сборкой Gulp
— ДЗ отправлять посредством Git
— По итогу курса на руках будет 2 сверстанные странички (один - учебный, второй - для самостоятельного выполнения).

А до старта обновленных курсов мы проведем распродажу старых курсов, чтобы у вас была возможность провести эти каникулы с пользой 😊 Но обо всем подробнее расскажем позже! 😉

Магия CSS: Нестандартное обтекание текстов при помощи таких свойств как clip-path и shape-outside.

Новая рубрика на канале, которая будет посвящена нестандартным ситуациям на сайтах. Его цель — научить Вас справляться делать то, что хочет дизайнер, пусть даже самое безумное, на первый взгляд.

Смотреть — https://youtu.be/O_NJm3QAYwA

#css

Новогодняя распродажа в самом разгаре 🔥

Новый год способен удивлять. А мы способны сделать так, чтобы эти дни прошли с пользой. Начни изучать верстку сайтов, чтобы стать востребованным специалистом👨🏼‍💻

Те, кто уже работает как веб-разработчик, точно знают, что это самая высокооплачиваемая работа. Можно изучить основы в сжатые сроки и трудоустроиться в офис или найти свой первый заказ на фрилансе.

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

❇️ Итак, что же мы предлагаем?
Мы делаем распродажи на старые курсы (базовый и продвинутый уровень). Старые (не равно) плохие. Старые (равно) записанные ранее, но информация в них всё также актуальна.

Плюс в том, что все уроки ты получишь сразу. Учиться верстать сайт можешь начать в любое удобное время. А мы знаем, что скоро оно у тебя точно появится!

С программами курсов ты можешь ознакомиться тут:
Программа базового уровня: https://goo.gl/fvB8zC
Программа продвинутого уровня: https://goo.gl/58v3yg

❤️ Распродаем эти курсы по самым вкусным ценам.
1) Кто оплатит в течении этих суток, сумма составит всего 990 рублей;
2) При оплате до 1 января - сумма составит 1290 рублей;
3) При оплате после 1 января - сумма составит 1490 рублей.

💙 Если этого обучения тебе будет мало и хочешь получить еще больше практики, то ждем тебя на обновленных курсах, которые стартуют 14 января 2019 года!

Программа та же, но с некоторыми преимуществами:
— есть возможность обучения с куратором;
— работа с VS Code;
— публикуем работы в Github;
— на продвинутом курсе работаем с Gulp-сборкой;
— по мимо учебного сайта, верстаем 2-й сайт для закрепления материала.

Цены соизмеримо выше:
Базовый курс (самостоятельный) — 3500 руб.
Базовый курс (полный) — 6000 руб.
Продвинутый курс (самостоятельный) — 4500 руб.
Продвинутый курс (полный) — 7000 руб.

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

💰 Для оплаты старых и новых курсов можете использовать сайты:
Базовый курс — http://tpverstak.ru/training/
Продвинутый курс — https://tpverstak.ru/training-profi/
При переводе обязательно укажите email.

По всем вопросам пишите мне — @annblok

Магия CSS: Создание Glitch-эффекта для любого фона при помощи переменных CSS и свойств animation и background-blend-mode

Новая рубрика на канале, которая будет посвящена нестандартным ситуациям на сайтах. Его цель — научить Вас справляться делать то, что хочет дизайнер, пусть даже самое безумное, на первый взгляд.

Смотреть — https://youtu.be/79z1lH-CL9w

#css

Обзор на книгу Ника Моргана «JavaScript для детей» + розыгрыш

Я подготовила для вас видеообзор о книге, которая находится в топ-рекомендуемых для изучения JavaScript. Кроме того, я решила разыграть её в честь Нового Года! Готовы?

Смотреть — https://youtu.be/xPdbU5fXGaE

УСЛОВИЯ РОЗЫГРЫША:
— Подписаться на Youtube канал - https://www.youtube.com/c/tpverstak
— Подписаться на Instagram аккаунт - https://www.instagram.com/tpverstak
— Оставить комментарий под видео: расскажите, почему Вы хотите начать изучать JavaScript, почему это может помочь в дальнейшей карьере или почему Вам вообще интересна тема веб-разработки (выбрать что-то одно или объединить все темы в единое сообщение);
— В конце комментария оставьте ссылку на ваш Instagram аккаунт, чтобы в случае победы мы могли связаться.

Распродажа курсов по вёрстке сайтов

Мы продолжаем распродажу наших курсов. Если ждать 14 января совсем не хочется, а начать обучаться хочется уже сейчас, то это идеальное предложение из всех! 😊

Со всеми условиями и программой обучения можете ознакомиться тут — http://tpverstak.ru/sell-out/
И оплатить кстати тоже 😉

Всех с Рождеством!

Что стоит изучать фронтенд разработчику в 2019 году?

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

Смотреть — https://youtu.be/zciAZ1O7dpw

Стикер сегодняшнего дня.

Псевдоэлементы before и after в CSS: разбор примеров ✒️

Псевдоэлементы CSS часто используются при создании сайтов. Но знаете ли вы обо всех «фишках»? Предлагаю изучить всё на практике.

Смотреть — https://youtu.be/vAlvgBpYH80

Декоративная линия — https://codepen.io/anna_blok/pen/ZVoGyx
Цитата и ковычки — https://codepen.io/anna_blok/pen/xmjGqQ
Hover для before — https://codepen.io/anna_blok/pen/dweoYr
Стилизация тега ol — https://codepen.io/anna_blok/pen/GPdJQo

Магия CSS: Методы обрезки изображений при помощи CSS и SVG

В этом видео ты познакомишься с тремя методами обрезки изображений, не прибегая к графическим редакторам. Также узнаешь на практике о свойстве object-fit и паттернах SVG.

Смотреть — https://youtu.be/SgwXrilh-SU

Автопрефиксер CSS онлайн

Автопрефиксер — плагин для PostCSS для добавления вендорных префиксов в CSS. Его удобно использовать, если выкладываете код на сайтах по типу CodePen и JSfiddle.

Смотреть — https://autoprefixer.github.io/ru/

#css

Каталог тем для VS Code на любой вкус

Не каждому подходит стандартный дизайн, который предлагает веб-редактор VS Code. Именно поэтому ловите сайт с темами, где можете подобрать необходимый визуал под себя.

Смотреть — https://vscodethemes.com

21 января (ПН) стартуют обновлённые курсы по вёрстке сайтов

Новый год способен удивлять. А мы способны сделать так, чтобы эти дни прошли с пользой. Начни изучать верстку сайтов, чтобы стать востребованным специалистом👨🏼‍💻

Запишись на наши обновленные курсы по базовому и продвинутому уровню, чтобы набраться практики и свежей теории, которая будет актуальна весь 2019 год!

✒️ Программа обучения та же, что и раньше, но с некоторыми преимуществами:
— есть возможность обучения с куратором;
— работа в веб-редакторе VS Code;
— публикация работ в Github-репозитории;
— работа с Gulp-сборкой на практике (продвинутый курс);
— создание двух сайтов на курсе (учебный и второй на выбор).

Программа базового уровня: https://goo.gl/fvB8zC
Программа продвинутого уровня: https://goo.gl/58v3yg

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

Оплатить обучение можно тут:
Базовый курс — http://tpverstak.ru/training/
Продвинутый курс — https://tpverstak.ru/training-profi/

Если у вас остались вопросы, то пишите мне @annblok

Center and crop thumbnails with CSS

Огненная статья, где наглядно объяснено, как обрезать и разместить изображение по центру при помощи одного лишь CSS.

Читать — https://bit.ly/2MirP4l