HTML Academy

Простейшие советы для улучшения доступности.

https://piccalil.li/blog/practical-accessibility-tips-you-can-apply-today/

В том числе и использование списков, которые мы тоже очень любим.

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka

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

https://htmlacademy.ru/demos/117

Бета-версия для мобильных
https://htmlacademy.ru/demos-mobile/117

Познакомимся с синтаксисом CSS Custom Properties и типовыми примерами их использования.

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

Мечтали о нативной CSS-функции, которая возвращает порядковый номер текущего элемента? Или чтобы attr() можно было использовать везде? Всё это готовится в одной из будущих спецификаций! Вот анонс предстоящих обновлений:

https://alvaromontoro.com/blog/68062/new-values-and-functions-in-CSS

Комментарий от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Не слишком люблю подобные анонсы, ибо
1. сильно похоже на "мы построим базу на Луне через 4 года".
2. использовать сейчас нельзя.
Однако как мечты и фантазии, имеющие вероятность воплощения - любопытно.»

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka

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

https://htmlacademy.ru/demos/109

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

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

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

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

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

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

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

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

https://htmlacademy.ru/demos/115

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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