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

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

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

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

Как сделать параллакс

Если вы хотите, чтобы сайт вызывал «вау-эффект», а ссылками на него делились, используйте параллакс. С ним сайты выглядят объёмно, а элементы могут плавно перемещаться при прокрутке страницы или движении курсора.

В этой статье мы покажем, как сделать параллакс на чистом CSS и JavaScript, поговорим про некоторые JS-библиотеки и посмотрим, как оптимизировать анимацию

Запустили специальный сезон подкаста Frontend Weekend про развитие фронтенд-разработчиков совместно с HTML Academy!

Мы попросили Андрея Смирнова, не отходя от его легендарного формата, чуть больше поспрашивать фронтендеров про развитие и как оно повлияло на их карьеру.

Каждую неделю Андрей будет общаться с одним фронтендером, а мы — рассказывать чуть больше про свои продукты, чтобы помочь вам развиваться быстрее и правильнее.

В новом выпуске приглашённой гостьей оказалась Глафира Жур, Accessibility Driven Team Lead в компании SpurIT.

Она рассказала все свои секретики и поведала историю о том, как стать амбассадором доступности, переехать в Европу и не сойти с ума.

Слушать подкаст

Сэкономьте время на организацию кода

Мы запустили новый курс «Паттерны проектирования». Он поможет разработчикам повысить качество и скорость написания кода. А также научиться применять в работе архитектурные решения, которые помогут сократить время на разработку и снизить вероятность появления ошибок в программе.

Чем будет полезен курс:

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

— Разберёте разные виды паттернов: порождающие, структурные, поведенческие и MV*. Узнаете, какие задачи решает каждый паттерн.

— Закрепите знания на практических заданиях и проектах.

— Получите полезные дополнительные материалы.

Начать изучать паттерны — https://clck.ru/zMDEL

Зачем фронтендерам React, если есть JavaScript?

Сайты на чистом JavaScript давно стали редкостью: обычно при разработке используют библиотеки и фреймворки. Одна из самых популярных библиотек — React.

Что это за библиотека такая? Почему все на ней программируют? А как же Angular или Vue?

Ответы на все вопросы найдёте в статье — https://clck.ru/zp5tB

А на курсе «Вёрстка React-компонентов» научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.

Начать учиться, чтобы больше не писать сайты только на JavaScript

5 хостингов для вашего проекта

Хостинг — пространство в интернете, куда вы можете загрузить свой сайт и ему будет присвоен собственный IP-адрес — домен.

Сервисов для размещения много, по цене и юзабилити все разные. Стоимость месяца может составлять от 100 до 200 рублей, если платить за год, то будет ещё дешевле. Некоторые можно попробовать бесплатно.

Beget

Один домен могут использовать несколько пользователей. Каждый имеет доступ только к своим файлам. Бесплатный период 1 месяц.

Hostman

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

Firebase

Сервис от Google, где вы можете разработать бэкенд к своему сайту без написания кода. Есть полностью бесплатный тариф «Spark».

GitHub Pages

Из любого репозитория на GitHub можно развернуть полноценный веб-сайт. Бесплатно.

Free.Sprinthost

Бесплатный хостинг. Отдельно оплачивается только регистрация домена, если он вам понадобится.