Паттерны верстки. Как объединить верстальщиков и дизайнеров

Данная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы. Работа богата практическими примерами. Она будет полезна

читать далее

[Перевод] Создание красивых градиентов на CSS

Вот линейный градиент на CSS, идущий от чисто жёлтого до чисто синего цвета: Заметили, что в центре он становится бледным и грязным? Это явление Эрик Кеннеди назвал «мёртвой зоной серого». Если вы

читать далее

[Перевод] Разработка настоящих компонентов: блок сообщения Facebook Messenger

Смесь любопытства и тяги к исследованиям снова привели меня к системе обмена сообщениями Facebook. Я уже изучал компоненты Facebook и писал об этом. Сейчас я обратил внимание на то, что в одни только

читать далее

[Перевод] Фронтенд-разработчику: 7 основных принципов дизайна

Я занимаюсь разработкой фронтенда. Мне часто приходится слышать такой вопрос: «Надо ли мне изучить дизайн для того, чтобы стать фронтенд-разработчиком?». Прежде чем я отвечу на этот вопрос — мне

читать далее

Как создать блок с градиентной обводкой?

Представим ситуацию: перед вами встало сверх задание — нужно сделать на сайте блок с градиентной обводкой. Нужно сразу понимать, что для этого не существует простого и очевидного CSS API. Это значит,

читать далее

Продвижение услуг разработки в Европе

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

читать далее

[Перевод] Свойства блочной модели CSS. Объяснение с примерами

Приветствую всех жителей хабравиля! Сегодня я подготовил для вас основы по блочной модели CSS. Безусловно, многие из вас знают о чём идёт речь, но сегодня я постараюсь объяснить прописные истины

читать далее

[Перевод] Более 15 полезных инструментов для фронтендера с уклоном в CSS

К старту курса по Frontend-разработке делимся переводом подборки различных инструментов: от генератора CSS, который рассчитывает пространство так, что брейкпоинты (контрольные точки) заменяются

читать далее

[Перевод] Font size бесполезен, давайте это исправим

Что происходит, когда вы указываете в редакторе "font_size": 32? Я бы вам всё равно рассказал, но хорошо, что спросили. Попробуем догадаться. Я пользуюсь Sublime Text 4 под macOS: Если мы измерим

читать далее

[Перевод] Пришло время попрощаться с единицей измерения px

Если вы занимаетесь дизайном сайтов или их разработкой — не используйте абсолютные единицы измерения. А именно — px, in, mm, cm, pt и pc. Это, в дизайне, так же плохо в плане доступности и

читать далее

[Перевод] Отзывчивый веб-дизайн и учёт высоты окна браузера

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

читать далее

Что должен уметь верстальщик, чтобы его все хотели

В иерархии фронтенд-разработки верстальщики располагаются где-то здесь: Фронтенд-разработка в 2020, холст, масло В нулевых никаких фронтов не было, и человек, который делает сайты, был просто

читать далее