Что такое Pixel Perfect вёрстка и зачем она нужна

Веб-разработчик должен не просто сверстать сайт по образцу, а сделать это близко к согласованному макету. Чтобы сайт как можно точнее совпадал с утвержденным дизайном, веб-разработчики придерживаются концепции Pixel Perfect.

В статье разбираемся, как верстать под Pixel Perfect и что может пойти не так.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Стоит ли делать слайдеры на CSS

Коротко: нет. Развернуто: scroll-snap не панацея, JavaScript — сила.

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

В статье разберёмся, как стоит их делать.

P.S. Делать ли слайдеры на CSS — неглупый вопрос.
Мы научим сразу делать правильно — попробуйте бесплатные тренажёры по HTML и CSS и научитесь всему на практике.

DDOS атака на сайт

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

5 популярных песочниц для веб-разработчиков

Песочницы — это изолированное пространство, онлайн-редакторы кода. Их особенность в том, что вы можете сверстать страницу или написать программу и сразу же увидеть результат работы.

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

P.S. Попробуйте песочницу со встроенной теорией. Мы так называем бесплатные тренажёры — они помогут понять, что вам больше всего нравится в веб-разработке.

Идеальный код и трудоустройство: подборка бесплатных онлайн-мероприятий в мае от HTML Academy

Идеальный код: миф или реальность. Интервью с секретным гостем

Когда: 13 мая в 13:00.
Позовём в гости эксперта, которого вы давно ждали. Обсудим с ним, о чём забывают фронтенд-разработчики, и как можно улучшить свой код. Ответим на главный вопрос — можно ли добиться идеального кода, и зачем это нужно.

Как джуну справиться с тестовым заданием и устроиться на работу: студия Валерия Комягина

Когда: 19 мая в 16:00.
Сделаем разбор тестового задания студии Валерия Комягина на позицию «джуниор фронтенд-разработчик», дадим советы по его выполнению. Обсудим, какие хард и софт скиллы важны для устройства на работу.

Фриланс, продуктовая компания или диджитал агентство: где работать джуну

Когда: 25 мая в 19:00.
Сравним специфику работы в продуктовой компании, диджитал агентстве и на фрилансе, обсудим, что лучше для джуна. Рассмотрим, какой порог входа для новичков, какие преимущества и недостатки у разных форматов работы.

P.S. А если вы только начинаете свой путь в разработке, то познакомьтесь на бесплатных тренажёрах с базовыми технологиями веб-разработки: HTML, CSS, JavaScript и PHP.

HTML Academy объявляет новый сезон битвы не на жизнь, а на кибержизнь — HTMLPUNK 2

С последнего сражения город изменился и теперь столица мира тёмного интернета называется Тайпскрипт.

Вас ждут 1500 заданий и упражнений по веб-разработке, битвы с другими игроками и боссами города. Обучаясь и сражаясь, заработайте на чипы, дающие скидку на тренажёры и курсы HTML Academy или главную награду — 100% бесплатное обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов».

После регистрации система определит вас в банду. На странице банды есть ссылку на чат в Телеграме. Чтобы присоединиться к банде, переходи по ссылке и зови друзей.

30 апреля в 00:01 по московскому времени начнётся основное событие HTMLPUNK — осада Тайпскрипта.

ЭТО ДРУГОЙ МИР. ЭТО HTMLPUNK.

P.s. Что может пойти не так, когда, вообще-то, занимаешься обучением веб-разработке, но пытаешься сделать игру?

А пошло примерно всё (разве что, в отличие от настоящего CYBERPUNK 2077, релиз не перенесли). И перед тем, как начать второй сезон (хотфикс, если хотите), мы решили этим поделиться на Хабре, чтобы вы не повторяли наших ошибок.

Что лучше использовать: ссылки или кнопки

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

Внешне элементы бывают похожи, но их функции различаются, браузер реагирует на них по-разному.

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

В статье Кекс объяснит, что лучше использовать: ссылки или кнопки.

P.S. Ссылки и кнопки есть на каждом сайте. Поэтому лучше сразу научиться делать сайты. Попробуйте бесплатные тренажёры HTML Academy, а там дальше как пойдёт.

Капризные разработчики, «Да как так-то?»

В HTML Academy вышел новый выпуск подкаста о веб-разработке, где гостем стала Даша Владыко, тимлид в «Лиге А.».Ребята обсудили зачем нужны менеджеры проектов, тимлиды, кто защищает разработчиков от заказчиков и многое другое.

Ведущие: Лёша Симоненко — директор по развитию в Академии, и Женя Шкляр, редактор.

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

Вдохновились подкастом и решили попробовать себя в разработке? Разберитесь в основах программирования с HTML Academy — тренажёр «Знакомство с HTML, CSS, JavaScript и PHP» бесплатно.

Чем заняться в апреле: бесплатные мероприятия от HTML Academy

Из бариста во фронтенд-разработчики: опыт выпускника Стаса Новикова

Когда: 14 апреля в 19:00

Выпускник профессиональных курсов Стас Новиков расскажет про свой путь во фронтенд-разработку. Поделится, как прошло обучение на профессиональных курсах, и раскроет секрет достижения мечты — поменять жизнь и стать крутым веб-разработчиком. Лайв пройдёт в нашем Инстаграме.

IT дебаты: JavaScript-программист vs фронтенд-разработчик

Когда: 21 апреля в 13:00.

Устроим настоящие дебаты и разберёмся, кто круче — JavaScript-программисты или фронтенд-разработчики. Узнаем, в чём отличие профессий и насколько они актуальны.

Как составить резюме веб-разработчика: интервью с Марией Обориной из hh.ru

Когда: 29 апреля в 13:00.

Обсудим, как составить и оформить хорошее и привлекательное резюме веб-разработчика. Проведём разбор трёх резюме соискателей и подробно расскажем о заполнении каждого из разделов.

P.S. А если вы только начинаете свой путь в разработке, то познакомитесь на бесплатных тренажёрах с базовыми технологиями веб-разработки: HTML, CSS, JavaScript и PHP.