![[Перевод] Хватит дизайнить в скетче. Делайте дизайн в браузере](https://habrastorage.org/files/5e8/8ed/28c/5e88ed28c0794f06a8e750befc7a0417.png)
Если вы тратите большую часть своего времени в статичных инструментах, таких как Sketch, то вам стоит переехать в браузер и чем раньше, тем лучше. Более трех лет назад я написал свой первый пост на тему «Дизайн в браузере». Пост назывался «Как я задизайнил сайт без Фотошопа» Он рассказывал историю о том, как я создал законченный сайт без использования Фотошопа. В те дни Фотошоп был главным инструментом в вебдизайне. Но сейчас это не так. С тяжеловесного фото-редактора мы пересели на
Подробнее![[Из песочницы] Организация адаптивной верстки в БЭМ с SCSS](/uploads/habrahabr_logo.png){kind=logo}
Одна из главных сложностей возникающая у многих фронтенд-разработчиков при использовании методологии БЭМ в CSS — это способ организации адаптивной вёрстки. Как известно блоки и элементы должны быть независимы друг от друга, а также от контекста в котором они находятся, значит и от устройства на котором выводятся. При этом в разных разрешениях экрана блок фактически может иметь разное отображение. Речь пойдет о том как организовать адаптивность таких представлений, при этом сохранив
Подробнее
6 апреля на Мансарде RAMBLER&Co состоится MoscowcCSS митап. Мы услышим 3 доклада: Недокументированные приемы CSS. Дмитрий Григоров, инженер-разработчик клиентских приложений в Rambler&Co. В современном CSS мы часто ищем обходные пути вокруг трудноуловимых ошибок в браузере. Но трудность заключается в том, чтобы научиться творчески применять данные нам возможности CSS. В своем докладе я расскажу о некоторых недокументированных полезных приемах CSS, позволяющих создавать гибкие и легкие
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее
С ресурсом Product Hunt знакомы все и все знают, сколько новых проектов – новаторских и банальных, полезных и бестолковых – появляется там каждый день. Для тех, кому не всегда хватает времени сортировать этот поток, мы предлагаем небольшую подборку интересных находок из нескольких категорий (CSS, Производительность, Системы обмена сообщениями, API), которые отобрали для себя за последние несколько недель. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее
Вот уже неделя с небольшим минула, как я решил ввязаться в дизайнерскую авантюру! Daily UI это опциональный челлендж для любого профессионального графического разработчика. Каждый день — новый дизайн. Чего угодно: кнопки, таблички, хедеры, карточки, да любой элемент вплоть до целого раздела. По итогам этого “марафона”: во-первых, прокачиваются навыки; во-вторых, прокачивается карма и последователи; в-третьих, да мало ли к каким интригующим последствиям это может привести. Обычно такой
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее
Хочу рассказать простой способ создания слайдера, без использования JS, при помощи анимации CSS. 1) Для начала напишем HTML, предположим что в слайдере будут сменять друг друга 4 изображения. Читать дальше →
Подробнее![[recovery mode] SEO без хэппи-энда](https://habrastorage.org/getpro/habr/post_images/cdc/8a3/a76/cdc8a3a768b7aafabaee482edeb9d939.jpg)
О том, почему, отдавая работы по SEO в агентство, клиенту все равно придется заниматься сайтом, рассказывает Алексей Леонтьев, руководитель отдела оптимизации сайтов Kokoc.com (Kokoc Group). «Я знаю, что у вас продвигается проект X и у него отличные результаты. Хочу хотя бы половину такого результата», — с этой с фразой к нам обратился интернет-магазин климатических систем. Проект отдали в работу оптимизатору сайта Х, поскольку он уже знаком с тонкостями тематики и знает, какие
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее