![[Перевод] CraSSh: ломаем все современные браузеры вычислениями в CSS](/uploads/habrahabr_logo.png){kind=logo}
Автор статьи: Константин Сафонов Не хочу читать эту техническую болтовню. Просто повали уже мой браузер. Что такое CraSSh CraSSh — это кроссбраузерная чисто декларативная DoS-атака, основанная на плохой обработке вложенных CSS-функций var() и calc() в современных браузерах. CraSSh действует во всех основных браузерах на десктопах и мобильных устройствах: На движке WebKit/Blink — Chrome, Opera, Safari, даже Samsung Internet на смарт-телевизорах и холодильниках. Android…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Привет, Хабр! Давно я сюда ничего не писал, со времён моего золотого поста про переход Opera на WebKit прошло уже пять лет. Но тут появился повод: завёл себе блог на Ютубе. Чтобы понять, зачем и что это такое — смотрите пилот. Если коротко: чтобы разбирать сайты и отвечать на вопросы. А сейчас перед вами 9-й выпуск с ответами на вопросы. Под катом подробности, ссылки, почта для связи и спойлер с остальными видео. Если меня здесь не съедят живьём — буду продолжать постить сюда раз в
Подробнее![[Из песочницы] Responsive design: сохранение формы элементов разметки](https://habrastorage.org/webt/yy/rz/gk/yyrzgkwwczb98zethyy9g8eiklq.jpeg)
Одним из приемов адаптивного веб-дизайна является установка размеров элементов разметки в процентах относительно размеров контейнера их содержащего. Тем самым достигается пропорциональное изменение размеров всех элементов при изменении размеров окна браузера. Если задаются только горизонтальные размеры, как, например, при верстке страницы, когда важно правильно разместить элементы по горизонтали, мы можем очевидным образом предсказать, каковы будут действительные горизонтальные размеры…
Подробнее![[Из песочницы] BEM'a не должно существовать](https://habrastorage.org/webt/mo/8b/kq/mo8bkqqcnrfp9bokusxs3w6umdq.gif)
Здравствуйте. BEM'а не должно существовать. Есть огромное количество причин не использовать эту методологию, но из-за её простоты использования и непонимания работы CSS и HTML, методология широко распространилась среди фронтендеров всего мира, в большинстве случаев среди разработчиков СНГ. Используется BEM сейчас как на больших русскоязычных проектах (Yandex, Habr), так и в некоторых фреймворках (react-md). В этой статье пойдёт подробный разбор плюсов и минусов этого подхода к разработке.
Подробнее
"У всякой проблемы всегда есть решение — простое, удобное, и конечно ошибочное". — Генри Луис Менкен. Суть проблемы На первый взгляд реализация адаптивной верстки может показаться «линейным квестом » с довольно небольшим полем для маневров. Назначаем нужные классы, меняем по мере надобности размеры, положение или порядок элементов и дело вроде бы сделано. Но время от времени анализируя вёрстку в полностью завершенных проектах, невольно ловишь себя на мысли, что в теории все выглядит…
Подробнее![[Из песочницы] Сравнение Material Design CSS фреймворков](https://habrastorage.org/webt/z7/fn/1e/z7fn1exejjray-ww9c0t43wgquo.jpeg)
Доброго время суток. В статье рассказно о Material Design фреймворках для создания Web-страничек. Если вас интересует тема Material Design, также как и меня, то Добро пожаловать под кат, возможно, откроете для себя что-нибудь новое и интересное. Читать дальше →
Подробнее
В конце октября в офисе Туту.ру прошла очередная встреча по фронтенду в Москве moscowcss. На митапе выступили три докладчика: Игорь Лесневский из дизайн-бюро «Зебра» рассказал о WebP, фронтендер Туту.ру Артем Нечунаев поделился знаниями об адаптивном SVG, а Сергей Попов из HTML Academy и по совместительству организатор moscowcss выступил с докладом о том, как оставить спецификации, которыми бы могли пользоваться другие разработчики со всего мира. Мы записали видео лекций и делимся ими с вами.
Подробнее
Расскажите про ресеты и нормалайзы, что лучше использовать? Знаете, это как отвёртка и молоток — что лучше? Все хороши. Давайте копнём глубже.
Подробнее
Как правильно понимать принцип прогрессивного улучшения? Давайте заодно разберёмся и с постепенной деградацией. Продолжим
Подробнее
Всем привет. Итак, допустим мы пишем сайт, на котором нужно реализовать возможность динамического переключения настроек внешнего вида, или, проще говоря, темы. Темой (theme) будем называть набор свойств, определяющих внешний вид компонентов (да и вообще всего сайта). Допустим, у нас есть одностраничное приложение на Angular, и пусть в нем будет ооочень много компонентов, и один из них — ButtonComponent (к компоненту подключим стили из button.component.css), на примере которого и
Подробнее
6 апреля на Мансарде RAMBLER&Co состоится MoscowcCSS митап. Мы услышим 3 доклада: Недокументированные приемы CSS. Дмитрий Григоров, инженер-разработчик клиентских приложений в Rambler&Co. В современном CSS мы часто ищем обходные пути вокруг трудноуловимых ошибок в браузере. Но трудность заключается в том, чтобы научиться творчески применять данные нам возможности CSS. В своем докладе я расскажу о некоторых недокументированных полезных приемах CSS, позволяющих создавать гибкие и легкие
Подробнее