От автора: CSS не слишком сложный язык. Но даже если вы писали CSS на протяжении многих лет, вам, вероятно, все еще попадаются новые вещи – свойства, которые вы никогда не использовали, значения, которые вы никогда не рассматривали, или детали спецификации, о которых вы никогда не знали.

В своем исследовании, я сталкивался с новыми маленькими приемами все время, так что я подумал, что мне стоит поделиться некоторыми из них в этом посте. Правда, не все в этом посте будет иметь тонну непосредственного практического значение, но может быть, вы мысленно сохраните некоторые из них для последующего использования.

Читать далее →

От автора: CSS и JavaScript, хотите – верьте, хотите — нет, стали пересекаться друг с другом, по мере того как у CSS появляются новые возможности. Когда я писал статью 5 способов взаимодействия CSS и JavaScript, о которых вы не знали, люди были удивлены тем, как CSS и JavaScript могут пересекаться. Сегодня я выделю семь задач, которые можно выполнить на CSS, без привлечения изображений или JavaScript.

Читать далее →

От автора: На этой неделе у нас еще один занимательный и несложный проект, который вы можете сделать для практики. В этот раз мы создадим иллюзию страницы с загнутым уголком.

С помощью псевдо элементов CSS, мы создадим треугольники, разместив их таким образом, чтобы создался загнутый уголок. Когда мы закончим, вы сможете просто задать класс любому div элементу, чтобы добавить этот эффект.

Читать далее →

От автора: Этот пост написан Беаром Тревисом (BearTravis), инженером веб-стандартов в Adobe. Мне очень нравится, как Adobe развивает Сеть при помощи новых дизайнерских возможностей, и делает это весьма ответственно. Отличный пример этому– фильтры CSS. В Adobe понимают их важность из-за того, что протоптал эту дорожку Photoshop. Их внедрили в Веб с нормальным синтаксисом и помогли реализовать как спецификацию, так и браузер. Теперь мы видим эти фильтры в стабильных браузерах, и они рекомендованы к использованию в адаптивном прогрессивном улучшении. Аллилуйя. Предлагаем вашему вниманию Беарас учебник на эту тему.

Читать далее →

От автора: Полоски достаточно просто создавать на CSS в наши дни. CSS градиенты с помощью свойства background-image отлично поддерживают нас. Я подумал, что стоит задокументировать некоторые возможности и поместить их здесь для справки.

 

Читать далее →

От автора: Причины, по которым HTML и CSS могут заставить вас сказать «черт возьми!» Рекомендованный к прочтению список недоумений, промахов и дилемм, связанных с HTML и CSS, которые многих раздражают.

 

Читать далее →

От автора: Если вам приходится отображать на веб-странице множество колонок, то вы наверняка уже столкнулись свопросом, когда требуется, чтобы все эти колонки были одной высоты. Проблема в том, что когда в них содержится разное содержимое, некоторые колонки будут больше других, что нарушит дизайн сайта.

Читать далее →

От автора: Набор простых эффектов наложения для творческого вдохновения. Основная идея состоит в том, чтобы один элемент показывался изначально, а затем при запуске некоего механизма показывались, как декоративная деталь, дополнительные элементы. Эффект смотрится креативно при показе в сетках с изображениями или при прокрутке веб-сайта.

Читать далее →

От автора: В текущую реализацию Webkit’ом спецификации CSS Shapes мы добавили поддержку shape-outside с помощью изображения как значения. В данном случае вместо определения формы с помощью функции basic-shape форма высчитывается из альфа-канала изображения с порогом непрозрачности, конфигурируемым с помощью shape-image-threshold. Применив изображение с прозрачным фоном, можно использовать CSS Shapes для заливки текста вокруг определенной им произвольной формы.

Читать далее →

От автора: Практически каждый HTML элемент, который мы создаем, представляется нам в горизонтальной форме. Мы придаем гораздо большее значение ширине, чем высоте, особенно если дело касается текста внутри. Иногда нам, тем не менее, нужно расположить текст вертикально. В старые времена недоработанных версий Internet Explorer, это было практически невыполнимо. Однако, в нынешние времена – это легкая работа. Вот как это можно сделать.

Читать далее →