Полное руководство по использованию отрицательных полей margin в CSS
Есть несколько точек зрения на использование отрицательных полей (margin) в CSS,
как резко отрицательное, так и сугубо положительное.
Полезные приемы при проектировании адаптивного сайта
Ниже приведены полезные приемы, которые пригодятся вам при проектировании адаптивного (или, что более верно, отзывчивого) сайта. В статье затронуты следующие важные нюансы полезные для адаптивного сайта: медиазапросы (характеристики устройств), гибкие изображения, поведение полей и отступов, дополнительно говорится о высоте, описывается как использовать медиазапросы в браузерах от IE(6-8), приведено краткое описание использование мета-тега viewport.
Редизайн сайта dnzl.ru, переход на адаптивную верстку
Сайт dnzl.ru переведен на адаптивную верстку, как вы можете видеть ниже, изменения коснулись не только тегов, но и внешнего вида сайта.
Звездный рейтинг на CSS
Звездный рейтинг один из тех, скажем, блоков, который каждый использовал в том или ином проекте. У меня была идея создать ту часть, которая взаимодействует с пользователем, при очень небольшом коде и без JavaScript.
Центрируем элемент на CSS, высота и ширина которого заданы в процентах
Это замечательно, если вы знаете ширину и высоту центрируемого элемента, но что если они(ширина/высота) заданы в процентах.
Свойство CSS transform
Свойство CSS transform позволяет вам визуально манипулировать элементом, буквально трансформируя его внешний вид.
Единицы измерения длины в CSS
Существует несколько свойств в CSS, которые принимают длину (или расстояние) в качестве значений. К этим свойствам относятся свойства блочной модели: width, height, margin, padding, border. Но существуют и другие свойства, например, смещение и размер тени у свойства box-shadow или размер или интервал шрифта. Какие единицы измерения «длины» принято использовать в CSS?
Перестаем использовать overflow:hidden в качестве clearfix хака
Некоторое время я размышлял об этом, и, наконец, пришло время перестать использовать объявление overflow: hidden (и overflow: auto) в качестве «очищающего» (clearfix) хака.
Полосатый hover-эффект на CSS3
Для больших демонстрационных блоков в дизайне от uniqli.com используется "полосатая" анимация: при наведении мышки на блок проявляется череда сменяющихся полосок. На мой взгляд, замечательный эффект.