Меню для меню, гриды или Бутстрап, целесообразность удобства

Привет, Хабр! Давно я сюда ничего не писал, со времён моего золотого поста про переход Opera на WebKit прошло уже пять лет. Но тут появился повод: завёл себе блог на Ютубе. Чтобы понять, зачем и что это такое — смотрите пилот. Если коротко: чтобы разбирать сайты и отвечать на вопросы. А сейчас перед вами 9-й выпуск с ответами на вопросы. Под катом подробности, ссылки, почта для связи и спойлер с остальными видео. Если меня здесь не съедят живьём — буду продолжать постить сюда раз в

Подробнее

[Из песочницы] Responsive design: сохранение формы элементов разметки

Одним из приемов адаптивного веб-дизайна является установка размеров элементов разметки в процентах относительно размеров контейнера их содержащего. Тем самым достигается пропорциональное изменение размеров всех элементов при изменении размеров окна браузера. Если задаются только горизонтальные размеры, как, например, при верстке страницы, когда важно правильно разместить элементы по горизонтали, мы можем очевидным образом предсказать, каковы будут действительные горизонтальные размеры…

Подробнее

[Из песочницы] BEM'a не должно существовать

Здравствуйте. BEM'а не должно существовать. Есть огромное количество причин не использовать эту методологию, но из-за её простоты использования и непонимания работы CSS и HTML, методология широко распространилась среди фронтендеров всего мира, в большинстве случаев среди разработчиков СНГ. Используется BEM сейчас как на больших русскоязычных проектах (Yandex, Habr), так и в некоторых фреймворках (react-md). В этой статье пойдёт подробный разбор плюсов и минусов этого подхода к разработке.

Подробнее

[Из песочницы] Максимальная адаптивность с минимальным количеством медиа запросов, или метод обратной адаптивности

"У всякой проблемы всегда есть решение — простое, удобное, и конечно ошибочное". — Генри Луис Менкен. Суть проблемы На первый взгляд реализация адаптивной верстки может показаться «линейным квестом » с довольно небольшим полем для маневров. Назначаем нужные классы, меняем по мере надобности размеры, положение или порядок элементов и дело вроде бы сделано. Но время от времени анализируя вёрстку в полностью завершенных проектах, невольно ловишь себя на мысли, что в теории все выглядит…

Подробнее

[Из песочницы] Сравнение Material Design CSS фреймворков

Доброго время суток. В статье рассказно о Material Design фреймворках для создания Web-страничек. Если вас интересует тема Material Design, также как и меня, то Добро пожаловать под кат, возможно, откроете для себя что-нибудь новое и интересное. Читать дальше →

Подробнее

Как прошёл октябрьский moscowcss. Видеозаписи со встречи moscowcss №5 из офиса Туту.ру 31 октября 2017

В конце октября в офисе Туту.ру прошла очередная встреча по фронтенду в Москве moscowcss. На митапе выступили три докладчика: Игорь Лесневский из дизайн-бюро «Зебра» рассказал о WebP, фронтендер Туту.ру Артем Нечунаев поделился знаниями об адаптивном SVG, а Сергей Попов из HTML Academy и по совместительству организатор moscowcss выступил с докладом о том, как оставить спецификации, которыми бы могли пользоваться другие разработчики со всего мира. Мы записали видео лекций и делимся ими с вами.

Подробнее

Нормальный сброс

Расскажите про ресеты и нормалайзы, что лучше использовать? Знаете, это как отвёртка и молоток — что лучше? Все хороши. Давайте копнём глубже.

Подробнее

Прогрессивная деградация

Как правильно понимать принцип прогрессивного улучшения? Давайте заодно разберёмся и с постепенной деградацией. Продолжим

Подробнее

[Из песочницы] Создание Angular 2+ компонентов с возможностью переключения темы

Всем привет. Итак, допустим мы пишем сайт, на котором нужно реализовать возможность динамического переключения настроек внешнего вида, или, проще говоря, темы. Темой (theme) будем называть набор свойств, определяющих внешний вид компонентов (да и вообще всего сайта). Допустим, у нас есть одностраничное приложение на Angular, и пусть в нем будет ооочень много компонентов, и один из них — ButtonComponent (к компоненту подключим стили из button.component.css), на примере которого и

Подробнее

MoscowCSS

6 апреля на Мансарде RAMBLER&Co состоится MoscowcCSS митап. Мы услышим 3 доклада: Недокументированные приемы CSS. Дмитрий Григоров, инженер-разработчик клиентских приложений в Rambler&Co. В современном CSS мы часто ищем обходные пути вокруг трудноуловимых ошибок в браузере. Но трудность заключается в том, чтобы научиться творчески применять данные нам возможности CSS. В своем докладе я расскажу о некоторых недокументированных полезных приемах CSS, позволяющих создавать гибкие и легкие

Подробнее

[Перевод] Работа с Flexbox в гифках

Flexbox так и напрашивается на то, чтобы создавать по нему визуальные шпаргалки. Сегодня мы предлагаем вам перевод статьи Скотта Домеса «Как работает Flexbox – в больших, ярких анимированных гифках», своего рода наглядное пособие. Flexbox обещает избавить нас от недостатков стандартного CSS (таких как вертикальное выравнивание). Следует признать, что Flexbox действительно справляется с поставленной задачей. Однако освоение этой новой модели может вызвать некоторые затруднения. Попробуем…

Подробнее

[Перевод] CSS-стили для печати, о которых я забыл

Аарон Густафсон недавно отправил твит Indiegogo, в котором было сказано, что при распечатке их страниц с информацией о заказе получается нечто совершенно неприличное. И понеслооось. Читать дальше →

Подробнее