Интерактивный туториал «Мастерская: карточка с анимацией 3D-переворота»

👉️️ https://htmlacademy.ru/demos/105

Пошагово создадим карточку, которая красиво переворачивается в 3D при наведении. А затем детально и наглядно препарируем принцип работы этого 3D-эффекта.

И как всегда, вы можете экспериментировать и менять код на каждом шаге!

Хотите проверить реальный уровень знаний по любимому стеку?

Наш партнер-работодатель, компания “Открытые решения”, поможет в этом. Пройдите бесплатный тест в Firstlink и выявите точки роста!

https://firstlink.osinit.com

А прокачать знания можно на тренажёрах HTML Academy, которые открыты всю текущую неделю благодаря партнёрам-работодателям.

https://htmlacademy.ru/special/open-week/2024/october

Мастерская: анимированный звездопад на чистом CSS

Пошагово, с понятным объяснением каждого шага, нарисуем красивейшие звёзды и заставим их падать

https://htmlacademy.ru/demos/107

Через час, в 19:00, начнётся лайв с компанией HTDev про обучение напрямую для работодателя.

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

Записаться на лайв можно по ссылке

https://htmlacademy.ru/events/live_htdev

Начался лайв с компанией HTDev про обучение напрямую для работодателя.

Присоединяйтесь по ссылкам:
ВК — https://vk.com/video-38306835_456239487
Ютюб — https://www.youtube.com/live/GAhl81QthyE

Фундаментальный интерактивный туториал про псевдоклассы :nth-child и :nth-of-type. Хотите стать мастером :nth-child? Этот материал для вас!

Детально разбирается синтаксис :nth-child(an + b). Есть примеры создания простых, сложных и комбинированных выборок элементов. Для каждой выборки даны примеры расчётов порядковых номеров.

https://htmlacademy.ru/demos/2

Разбираемся как делать красивые градиентные рамки с помощью repeating-linear-gradient в новом интерактивном туториале.

https://htmlacademy.ru/demos/111

Наглядное исследование-визуализация «repeating-linear-gradient VS linear-gradient»

https://htmlacademy.ru/demos/113

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

На примере одной и той же задачи мы наглядно и детально разобрали отличия между repeating-linear-gradient и linear-gradient. Оказывается, repeating-linear-gradient крутейший инструмент в своём классе.

Исследование предназначено для опытных разработчиков, но будет полезно и начинающим.

#туториалотhtmlacademy #исследованиеотhtmlacademy

Вопрос, о котором нельзя забыть

Что окажется в консоли после выполнения этой бесконечно странной команды?

Мне лень учиться. Что сделать, чтобы полегчало?

Расконсервировали статью из ковидных (помните, был такой?) времён, когда все засели по домам и никуда не ходили.

А оказалось, что дело-то вообще было не в локдауне.

👉️️ Вспомнить, в чём было дело

Свойство flex — полное руководство

Ультимативное и бесконечно наглядное руководство по сеткам на флексах.

Добавляйте в закладки и верстайте как следует.

👉️️️️ https://htmlacademy.ru/blog/css/css-flex

Автоматизация вёрстки. npm, package.json

Автоматизация экономит разработчикам время и помогает находить ошибки.

Рассказываем, почему ещё автоматизация — добро.

👉️️ https://htmlacademy.ru/blog/js/automation

Middle-Weekend: Скидки до 50%!

Только три дня – с 11 по 13 октября – доступ к лучшим курсам и пакетам для мидлов со скидками до 50%.

Что тебя ждет:

– Курсы для мидлов: обнови свои знания и овладей самыми актуальными технологиями.
– Пакеты для мидлов: комплексные программы обучения с максимальной выгодой. Как получить скидку?

Просто введи промокод SKIDON при оплате на сайте или оставь заявку по ссылке.

Не упусти шанс улучшить свои навыки и сделать следующий шаг в карьере!

10 горячих клавиш VS Code, которые ускорят вашу работу

Горячие клавиши — добро, польза и экономия времени.

Разберёмся, как с их помощью упростить себе жизнь в Visual Studio Code.

Дизайн для верстальщиков. Частые ошибки дизайнеров и способы их исправить

Дизайн-макет без единой ошибки — это что-то из параллельной вселенной, где существуют идеальные процессы и идеальные инструменты, которые позволяют создавать его без единого недочета и упущения.

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

Какие ошибки встречаются чаще всего и как их решить верстальщику самостоятельно