Как подготовить вёрстку для Retina-экранов

Ретиной называют дисплеи Apple с повышенной плотностью пикселей на квадратный дюйм. Впервые о них заговорили в 2010 году, когда Стив Джобс презентовал iPhone 4. Новый на тот момент смартфон получил экран с плотностью 326 PPI — в два раза выше, чем у его предшественника iPhone 3GS.

Ретина-дисплеи вывели смартфоны на новый уровень. По словам самого Стива Джобса, на ретина-дисплеях удалось достичь такого PPI, на котором человеческий глаз перестаёт различать отдельные пиксели. Текст стал выглядеть так, словно он выведен не на экран мобильного устройства, а напечатан в хорошей книге.

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

Почему мы иногда пишем студентам первыми

Серёжа решил заняться собой и записался в спортзал — понял, зачем ему это надо, и купил абонемент. А потом после пары тренировок что-то пошло не так и Серёжа приуныл.

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

Вот бы в параллельную реальность, где и напишут, и выслушают, и совет добрый дадут, если попросишь. К счастью, в HTML Academy есть адвайзеры — они подбадривают студентов, которые забросили курс или застряли на полпути, помогают разобраться, что пошло не так, и вообще готовы помочь в любой момент. Давайте познакомимся с ними — встречайте Карину и Яну.

Как стать фронтендером с нуля

1 декабря HTML Academy в прямом эфире расскажет о том, как стать фронтенд-разработчиком с нуля. Вы узнаете, чем фронтенд отличается от бэкенда, кому и за что в IT платят много денег, и что нужно делать в самом начале, если вы слышали о разработке только от друга-программиста. А ещё Рома и Таня ответят на все вопросы из чата — так что приходите, если давно хотели что-то узнать о разработке, но боялись спросить.

Записаться и стать профи

Подкаст о том, как всё устроено в веб-разработке

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

«Тем лучше, меньше ошибок повторим» — подумали мы и запустили свой подкаст «Да как так-то». Позвали в гости разработчиков, наставников, тимлидов, продактов, проджектов и других видных людей из индустрии и расспросили о том, как всё устроено во фронтенде и как туда попасть новичкам. Ведущие — Лёша Симоненко, директор по развитию HTML Academy, и Женя Шкляр, редактор всего на свете.

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

Чтобы понимать программистов, нужно думать как программисты. Мы научим этому на курсах HTML Academy. Но начать можно с малого — пройдите бесплатные тренажёры и проверьте, не появятся ли программистские мыслишки.

Как подготовить вёрстку к Retina-экранам

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

Есть множество способов подготовить вёрстку, начиная от использования медиавыражений и заканчивая написанием скриптов. Мы не будем углубляться в эту тему и разберём в статье только основные моменты, которые полезно знать начинающим веб-разработчикам. Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Почему инлайнить стили — плохо

Если вы владеете магией кода и стилей, то наверняка знаете, что стилизовать страницу можно разными способами: встроить стили прямо в HTML, импортировать, создать с помощью JavaScript или подключить из отдельного файла.

Среди разработчиков хорошим тоном считается использование внешних стилей, а вот подключать стили прямо в разметке — не лучшая практика. Почему? В статье разберём, почему так, и что с этим вообще теперь делать.

Умение уместно использовать внутренние стили — навык, которым должен обладать каждый фронтенд-разработчик. Познакомиться бесплатно с основами HTML и СSS можно с помощью тренажёра.

Бесплатный мини-курс «Создание семантической вёрстки по макету»

Когда: 18-22 октября

Для кого: для новичков в разработке, которым нужна дополнительная мотивация к обучению, и тех, кто хочет наконец-то разобраться, почему нужно забыть про <div>.

Кто говорит: Александр Кошара, фронтенд-разработчик, и Рома Ивойлов с Таней Власенко из Академии.

Что в программе. Три лайва, один мастер-класс, чат для участников, практическое задание и три шикарных приза для участников.

Что обсудим. На курсе вы изучите основы HTML и освоите навык создания семантической вёрстки по макету, а ещё узнаете, чем занимаются фронтенд-разработчики (чтобы им потом было за это не стыдно).

18.10 в 13:00. Как стать фронтенд-разработчиком с нуля: начало мини-курса. Рассказываем, как будет проходить курс.

19.10 в 16:00. Создание семантической вёрстки по макету. Открытый урок по написанию семантической вёрстки вместе с практикующим фронтенд-разработчиком.

22.10 в 16:00. Итоги мини-курса «Создание семантической вёрстки по макету». Подведем итоги курса, разберём работы участников, выберем победителей и раздадим призы — скидки на тренировочные материалы и курсы, а также полезные учебные статьи.

Записаться

А для тех, кто хочет сменить профессию и попасть в IT — вышел новый сезон подкаста «Да как так-то?». Не пропустите!

16 полезных атрибутов HTML, которые пригодятся всем

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

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

Конечно, есть ещё много полезных атрибутов. А узнать про атрибуты побольше и попробовать их в действии можно в бесплатном тренажёре «Основы HTML и CSS» от HTML Academy.

Подборка шпаргалок для начинающих веб-разработчиков

У нас в HTML Academy, кроме курсов и тренажёров, есть потрясающие инструкции по всему, что может понадобиться веб-разработчику. Ну, почти по всему.

Это очередная подборка полезностей, которую лучше добавить себе в закладки, чтобы никогда не потерять.

А если вы совсем новичок и хотите узнать, что такое HTML, CSS, JavaScript и PHP — этот бесплатный тренажёр для вас.