flexbox

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'" («Последний, супер современный …

Читать далее

Эффект блочной шторки.

Источник: Block Reveal Effects. Автор:  Mary Lou. Перевод: vl49. Последнее время было замечено возрастание интереса веб-пользователей к концепции раскрытия контента посредством схематического бокса. Данный эффект начинается с постепенной прорисовки декоративного прямоугольного элемента, …

Читать далее

Горизонтальная центровка с использованием CSS значения fit-content.

Перевод статьи:  Horisontal centering using CSS fit-content value. Автор:  Catalin Rosu. Однажды я прочел отличную статью о горизонтальном выравнивании, написанную Роджером Йоханссоном (Roger Johansson), в которой он детально рассматривает так …

Читать далее

Способы горизонтальной центровки элементов и сжатия их ширины по контенту.

Перевод статьи:  How to shrinkwrap and center elements horizontally. Автор:  Roger Johansson. Если средствами CSS вы смещаете элемент, значение ширины которого не задано явно, то его ширина примет значение shrink-to-fit. …

Читать далее

Применение Flexbox – комбинация старой и новой версии с целью обеспечения улучшенной поддержки в браузерах.

Перевод статьи:  Using Flexbox: Mixing Old and New for the Best Browser Support. Автор:  Chris Coyier. Flexbox представляет собой внушительный инструмент и является неотъемлемой частью макета веб-документа в будущем. За …

Читать далее

Flexbox – новая и старая интерпретация CSS3 модуля.

Перевод статьи:  «Old» Flexbox and «New» Flexbox. Автор:  Chris Coyier. *Данный пост содержит перевод статьи Криса Койера, в которой автор разъясняет причины возникновения разночтений, связанных с применением модуля гибкой компоновки …

Читать далее