CSS

FOUT — побочный эффект при использовании @font-face и борьба с ним.

Источник: Fighting the @font-face FOUT. Автор:  Paul Irish. Перевод: vl49. Не вешайте нос! На сегодняшний день ситуация значительно изменилась к лучшему. Ознакомьтесь с более свежей информацией на эту тему. FOUT (Flash Of …

Читать далее

Единицы масштабирования элементов. Процентные vs вьюпортовые.

Источник: Viewport vs Percentage Units. Автор:  Ire Aderinokun. Перевод: vl49. Как известно, стандартом CSS3 не так давно были представлены новые единицы измерения — vw, vh, vmin и vmax, которые основаны на величине …

Читать далее

Три истины отзывчивого дизайна, которые вам нужно постигнуть.

Перевод статьи: 3 fundamentals of responsive design you have to master. Автор статьи: Richa Jain. Перевод: vl49. Всего лишь пару лет назад разработка сайтов была относительно несложным делом. Их дизайн не требовал от …

Читать далее

CSS фигуры — будущее Web.

Перевод статьи:  CSS Shapes the future of the web. Автор:  Ben Moss. Если существующая на данный момент в веб-разработке тенденция плоского дизайна и показывает что-нибудь, так это то, насколько ограниченны …

Читать далее

Пропорциональное масштабирование изображений с атрибутами размерностей.

Перевод статьи:  How to proportionally scale images that have dimension attributes. Автор:  Roger Johansson. Способность изображений масштабироваться совместно с их контейнерами является важнейшим моментом отзывчивого веб-дизайна (более того, этот вопрос …

Читать далее

Медиа запросы полосы пропускания — они нам не нужны.

Перевод статьи: Bandwidth Media Queries? We Don’t Need ’Em! Автор статьи: Yoav Weiss. Иногда во время дискуссии, когда тема доходит до вопроса реализации отзывчивых изображений, всегда находится кто-нибудь, кто говорит — «Да …

Читать далее

Что такое CSS Reset?

Перевод статьи:  What is a CSS Reset? Автор:  Joss Crowcroft. CSS Reset — это небольшой, зачастую сжатый (минимизированный) набор CSS правил, в результате применения которых сбрасываются стили всех HTML элементов …

Читать далее
Изображение.

Руководство по SASS для абсолютных новичков.

Перевод статьи:  The Absolute Beginner’s Guide to Sass. Автор:  Andrew Chalkley. Что такое SASS? SASS является аббревиатурой от Syntactically Awesome Stylesheets — метаязык на основе CSS, название которого можно перевести …

Читать далее

Горизонтальная центровка с использованием 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. …

Читать далее