Фундаментальный интерактивный туториал про псевдоклассы :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.

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

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

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

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

Создаём галерею с красивой анимацией переключения слайдов в новом интерактивном туториале

https://htmlacademy.ru/demos/115

При переключении слайдов используются CSS-трансформации. Ключевую роль играют transform-origin и animation-fill-mode.

#туториалотhtmlacademy #html #css #javascript

Бесплатный учебник для изучения Git и GitHub

Git и GitHub — системы контроля версий с возможностью отслеживать все изменения в коде.

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

В начале изучения Git и GitHub легко запутаться в пушах и пулах. В помощь вам — собрали всё важное, что нужно знать о гите в учебник. В 11 главах познакомитесь с основными командами, узнаете, как настроить Git в VS Сode или консоли.

Читайте, добавляйте в закладки 👉️️ Читать

Создаём простую и красивую анимацию волн в новом интерактивном туториале

https://htmlacademy.ru/demos/109

В реализации используются CSS-анимации. Ключевую роль для создания эффекта многослойности играет свойство opacity.

#туториалотhtmlacademy #html #css