Как анимировать текст с помощью SVG и CSS.

https://css-tricks.com/how-to-animate-text-with-svg-and-css/

​​Написали для новичков руководство по работе с HTML-кодом на своём компьютере: разбираемся, в чём его писать и как запустить.

Выпуск №223: Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки, старые трюки, auto в CSS. Слушайте на Ютубе https://youtu.be/tGyF6Ro8_Pw, читайте на Медиуме https://medium.com/p/c6c4e4ff7c8f

00:00:23 Подкасты
00:02:36 События
00:05:11 Safari и третьи куки
00:14:07 Safari и ваши хранилища
00:21:20 Спор про Prettier
00:33:51 Быстрые картинки
00:48:44 Старые трюки
00:59:35 Auto в CSS

​​Участники операции Javascripton2020 не теряют времени даром и во всю исследуют залежи планеты. Они уже добрались до программирования, узнали всё о флексбоксах, возможностях HTML и CSS, и продолжают погружаться в мир веб-разработки (и гречия).

До 5 апреля ещё можно поучаствовать в операции и пройти открытые командами интерактивные курсы. Вперёд!

Недавно мы спросили наших читателей, что больше всего им мешает во время работы дома. Статистику нужно как-то красиво оформить, так почему бы не сделать SVG-график?

В туториале показали, как создавать SVG-элементы, добавлять им анимацию и интерактивность. А ещё собрали полезные материалы по теме.

​​В магазине макетов появились два новых проекта: «Магазин косметики Maroon» и «Школа английского языка».

К каждому макету приложены инструкции с рекомендациями профессиональных фронтендеров и пример эталонной вёрстки.

​​Отзывы студентов и имена лучших наставников двадцать седьмого потока «HTML и CSS, уровень 1» — в нашем отчёте.

Стилизация скроллбаров на CSS.

https://alligator.io/css/css-scrollbars/

​​Давайте поговорим о семантике и начнём с тега section, обозначающего крупный смысловой (или «логический») раздел.

Хороший пример использования <section> — разделение книги на главы, ведь название главы описывает её содержание. Также как одна глава без остальных воспринимается вырванной из контекста, так и смысловые разделы страницы сами по себе, в отрыве от страницы, жить не могут и теряют смысл.

Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Структура HTML-документа».

​​Бум-с! Вышла новая глава в курсе «Знакомство с JavaScript» — «Прокрутка и операторы».

В этой главе вы узнаете, как управлять прокруткой в браузере, познакомитесь с операторами равенства и логическим И. А ещё запрограммируете кнопку прокрутки к началу страницы и создадите фильтрацию на новостном сайте.

Отличный же повод провести время дома с пользой 🤓 Ждём ваших отзывов!

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

Запускаем цикл статей про базовые возможности Chrome DevTools. Вышла первая из них.

До 5 апреля вы можете присоединиться к битве на Джаваскриптоне и бесплатно пройти почти все платные интерактивные курсы. Бонусом получите стильную ачивку в свой профиль на сайте Академии!

Благо, для этого не нужно выходить из дома. Берегите себя ❤️

4.04 — всемирный день интернета
и веб-мастеров! По такому случаю — скидка 44% на все навыки и тренировочные макеты 🔥 Действует до 7 апреля включительно — https://tml.io/fvcfp

Проводите время дома с пользой 🖖

​​Теперь в «Акселераторе» можно взять сразу несколько проектов по выгодной цене. Выбирайте удобный для вас пакет:

«Нерабочая неделя» — два простых проекта — 4 900 р. вместо 5800 р.

«Нерабочая декада» — два средних проекта — 5 900 р. вместо 7000 р.

«Нерабочий месяц» — простой + средний + сложный — 8900 р. вместо 11 400 р.

Больше проектов — выше скорость работы!

Запускаем трёхнедельный марафон по вёрстке «Заверстаю» 🔥

За три недели вы разберётесь в основах HTML и CSS, сверстаете свой первый макет и выложите его в интернет. Начинаем 13 апреля!

Подпишитесь на рассылку, чтобы принять участие в марафоне и получить доступ ко всем интерактивным курсам — https://vk.cc/asjvSB

В конце марафона среди дошедших до конца разыграем бесплатное участие в курсе «HTML и CSS, уровень 1», а все участники получат скидки на программы профессий и профессиональные курсы 🎁

Размещение текста по заданной траектории с помощью CSS.

http://odinokun.com/2020-03-31-razmeshenie-teksta-po-zadannoj-traektorii-s-pomoshyu-css.html

​​Завершилось обучение на девятнадцатом потоке курса «JavaScript, уровень 1». Всего в нём приняли участие 688 студентов, и 280 из них успешно защитили проект по критериям качества. Отзывы и имена лучших наставников в нашем отчёте.

Вот, что пишет одна из выпускниц — Кристина Вуйчич:

«Курс отлично систематизирует и структурирует знания, которые накопились с момента прохождения интерактивных курсов и интенсивов по HTML и CSS, а также заполняет пробелы. А потом вдруг «оп», и ты на новом уровне понимания и говоришь себе: «Так вот оно как на самом деле!

Третья лекция — прямо-таки откровение. Всё сразу систематизируется. Я понимаю, что мои знания сейчас — всё-таки капля в море, но код меня больше не пугает. И всё это безумно интересно! Очень круто, когда ты бьёшься над заданием, встаёшь в тупик, а потом понимаешь, где была проблема. Тогда ты исправляешь, и оно РАБОТАЕТ — эйфория, катарсис!»

Серёжа Попов разбирает, как сделать ваш сайт быстрым с помощью Lighthouse.

https://tml.io/1wmg8

Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью чуть упростить себе жизнь в Visual Studio Code.