CSS

Контекст блочного форматирования и списки.

Источник: Block formatting contexts and lists. Автор:  Paul Bakaus. Перевод: vl49. Если вы в курсе последних событий из области CSS, то скорее всего уже читали о flow-root. Данное свойство устанавливает контекст блочного …

Читать далее

CSS с душком. Возвращаемся к теме.

Источник: Code Smells in CSS Revisited. Автор:  Harry Roberts. Перевод: vl49. Ранее, еще в 2012 году мной была написана статья "Code Smells in CSS" (перевод здесь) о потенциальных антишаблонах CSS кодирования. Оглядываясь …

Читать далее

Margin или padding? Размышления о том, что и где использовать.

Источник: Margin or padding? Автор:  Philipp Sporrer. Перевод: vl49. Когда с целью форматирования лучше использовать поля, а когда внутренние отступы, и имеет ли это какое-то значение? Я очень долго мучился в поисках …

Читать далее

Flex-grow 9999 хак.

Источник: Flex-grow 9999 Hack. Автор:  Joren Van Hee. Перевод: vl49. Ох уж эти немцы со своими длинными словами, взяли и забраковали мой CSS код. Нет, не буквально, конечно, но в каком-то смысле …

Читать далее

3 профессиональных совета по Flexbox.

Источник: 3 pro tips for using flexbox. Автор:  Jim McCauley. Перевод: vl49. Известный веб-дизайнер и автор многих технических статей Зои Гилленвотер (Zoe Gillenwater), которая специализируется на вопросах визуального дизайна, доступности и пользовательского …

Читать далее

Отзывчивые CSS шаблоны без медиа-запросов.

Источник: Responsive CSS Patterns without Media Queries. Автор:  Andy Kirk. Перевод: vl49. Начну с того, что, несмотря на название статьи, она совсем не о том как избавиться от медиа-запросов или каким-либо образом …

Читать далее

Новейшая версия Clearfix-reloaded.

Источник: The very latest clearfix reloaded. Автор:  Thierry Koblentz. Перевод: vl49. Более трех лет тому назад мной была опубликована статья "The very latest new new way to do 'clearfix'" («Последний, супер современный …

Читать далее

Что это — прощание с хаком clearfix?

Источник: The end of the clearfix hack? Автор:  Rachel Andrew. Перевод: vl49. Новое значение свойства display: flow-root реализовано в Chrome Canary и Nightly версиях Firefox. Вот как звучит его определение в редакторском …

Читать далее

Нюанс, который следует учитывать при использовании CSS градиентов или «прозрачный черный».

Источник: A Thing To Know about Gradients and "Transparent Black". Автор:  Chris Coyier. Перевод: vl49. Предположим, что у вас имеется CSS градиент, реализующий переход от красного цвета до полной прозрачности. Проще простого, …

Читать далее

Размышления об асинхронности.

Источник: Thinking Async. Автор:  Chris Coyier. Перевод: vl49. Суть вопроса: Загрузку стороннего JavaScript ресурса следует производить асинхронно. Вам никто не запрещает поступать аналогично с собственными скриптами, но в данной статье давайте сфокусируемся …

Читать далее