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. Всего лишь пару лет назад разработка сайтов была относительно несложным делом. Их дизайн не требовал от …

Читать далее

oEmbed.

Перевод руководства по использованию технологии   oEmbed. Автор:  Chris Coyier. Проект CodePen предусматривает поддержку oEmbed — интеллектуальной системы, сводящей процесс внедрения сложного контента к нескольким простейшим шагам. Вот вам пример …

Читать далее

Вы всё ещё используете изображение в качестве логотипа сайта? Я, в общем-то, тоже.

Перевод статьи:  Your logo is still an image… and so is mine! Автор:  Harry Roberts. Около двух лет назад я написал статью на тему семантики изображений, в которой рассматриваются подходящие …

Читать далее

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 элементов …

Читать далее

Замена изображения <img> элемента с помощью CSS.

Перевод статьи:  Replace the Image in an <img> with CSS. Автор: Marcel Shields. Эта статья была размещена в качестве гостевого поста на одном из популярных среди веб-разработчиков ресурсе — CSS Tricks. …

Читать далее