Все статьи → css
Border-radius
10.04.09
Использую достаточно часто, несмотря на то, что это свойство поддерживает только FF и Safari. А вы?
Ключевые слова: css3
Sticky Footer или прибиваем футер к низу
30.01.09
Собирался написать статью о том, как прибить футер к низу. Увлекся. В итоге получился простой шаблон, который можно запросто использовать при создании сайтов.
Fixed background images
30.01.09
Интересная возможность использования свойства background-attachment:fixed
Aligning inline images with the vertical-align property
12.10.08
Очень полезная статья о вертикальном выравнивании inline-изображений.
Ключевые слова: css
CSS Systems
11.10.08
Ключевые слова: css
Обтекание картинок
8.09.08
Наверняка все сталкивались с ситуацией, когда необходимо отбить картинку влево/вправо и разместить текст рядом с ней, причем текст должен не обтекать картинку в …
Efficient, maintainable, modular CSS
27.08.08
Ключевые слова: веб-стандарты, верстка, css
PNG8 и частичная прозрачность
19.06.08
Возвращаясь к теме прозрачности PNG изображений и их поддержки в IE5-6. В Fireworks оказывается есть интересная возможность создания частично прозрачных изображений …
Ключевые слова: дизайн, css, progressive enhancement
CSS Styleguide — улучшение читабельности кода
12.05.08
Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов.
CSS шаблон
30.03.08
Наверняка, все кто читает этот блог и не только этот не пользуется разными CSS framework'ами, в общем — я тоже. За некоторое время работы выработался определенный стиль в виде набора правил, файлов и папок, которыми хотелось бы поделиться и узнать мнение уважаемых.
Media-запросы
14.03.08
Media-запросы это расширение CSS3 для различных media-типов, позволяющее контролировать отображение документа в зависимости от устройства
Ключевые слова: мобильные устройства, css3
Полезные CSS хаки
12.02.08
Несколько хаков, которые могут пригодиться
Ключевые слова: css
IE7.js version 2.0 (beta)
11.01.08
IE7 — это библиотека JavaScript, заставляющая работать IE как standards-compliant браузер. Решает множество HTML и CSS проблем, в т.ч. PNG прозрачность в IE5, IE6. IE7.js Обновляет MSIE5-6 до …
Ключевые слова: браузеры, веб-стандарты, css, javascript
Использование CSS в HTML Email
27.12.07
Отправка писем в HTML формате всегда было спорным вопросом. От себя могу только сказать, что если действительно письмо должно выглядеть достойно, имея оригинальный …
Ключевые слова: дизайн, css, email
Flash Object и z-index
7.12.07
Единственное работающее решение положить Flash объект под слой — обернуть объект контейнером, задать контейнеру абсолютное (относительное) положение с z-index:0. В …
CSS Sprites и их использование
19.11.07
Наверняка вам неоднократно встречалось это модное понятие. В этой статье я хотел бы более подробно разобрать, что такое спрайты, для чего они нужны и как их …
Кросс-браузерная прозрачность
14.11.07
.transparent-class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } opacity: 0.5; — для основных стандартных браузеров (Firefox, Safari и Opera) filter:alpha(opacity=50); — IE -moz-opacity:0.5; …
Ключевые слова: веб-стандарты, верстка, css
Избавляемся от устаревших тэгов и атрибутов с помощью CSS
12.11.07
В момент сдачи проекта существует возможность потерять контроль над исходным HTML кодом. Некоторые части кода целиком могут заменяться динамически при помощи CMS, …
Ключевые слова: верстка, css, javascript
Diagnostic Styling
13.10.07
Eric Meyer представил ряд правил CSS, применяя которые можно визуально отслеживать ошибки в разметке при создании сайта. Выглядят они примерно следующим образом:…
Ключевые слова: веб-стандарты, верстка, css
Генератор Спрайтов (CSS Sprite Generator)
11.10.07
Сервис по созданию спрайтов. Пакуем картинки, которые пойдут в фон, настраиваем, что хотим получить на выходе и жмем "создать". Удобно, просто и быстро. Понравилось...…
Ключевые слова: верстка, дизайн, css
PNG прозрачность в IE6
5.06.07
Долго искал простейшее и универсальное решение использовать png прозрачность в Interner Explorer 6. Причем интересовало и для обычных изображений, и для фона. Порядок …
Ключевые слова: браузеры, верстка, css
Clear float-блока без html разметки для IE 7
3.06.07
Способ «очистки» (clear: left|right|both) вложенного float-блока, без использования дополнительной разметки, приведен на сайте positioniseverything.net, который еще называют easy clearing …
Ключевые слова: браузеры, верстка, css
70 приемов улучшения CSS верстки
15.05.07
CSS верстка далеко не всегда простая штука. В зависимости от вашего опыта и навыков CSS верстка может стать настоящим кошмаром, особенно, если вы не уверены, какие …
Ключевые слова: веб-стандарты, верстка, дизайн, css
Подсказки при заполнении форм
15.04.07
Всплывающие подсказки, созданные с использованием css и javascript, помогающие пользователю заполнить поля в форме. Элегантно и модно. Думаю пользователи должны оценить …
Ключевые слова: верстка, дизайн, css, javascript, usability
Reset Styles или установка начальных значений CSS
15.04.07
Установка всех стилей в дефолтное состояние или установка начальных значений. Удобно тем, что устанавливается в 0, границы, отступы, бордюры и др. св-ва одним махом.…
Закругленные края Spanky Corners 1.1 beta
8.04.07
Удобный способ закругления углов в блоках любого радиуса и цвета представлен на сайте в виде формы для получения уже готового HTML и CSS кода под названием Spanky Corners.…
Альтернатива display: none
4.04.07
Довольно часто приходится скрывать некоторые элементы при создании сайта используя display: none. Screen reader'ы не отображают содержимое скрытых таким способом элементов. …
Ключевые слова: веб-стандарты, css, usability
Универсальная CSS форма
26.03.07
Попытка стандартизировать обычную форму, создав универсальный макет с помощью CSS. Форма легко изменяется, хорошо структурирована, код максимально отделен от …
Руководство по созданию CSS шаблона.
18.03.07
Очень неплохое руководство, описывающее весь процесс создания сайта или CSS шаблона, с примерами кода, современными техниками, приемами и методами. (англ.) Ссылка
Легко изменяемый макет фиксированной ширины
18.03.07
Попробуем создать макет страницы, который в зависимости от размера экрана будет меняться. Причем попробуем для этих целей воспользоваться только средствами CSS, …
Ключевые слова: веб-стандарты, верстка, дизайн, css
Центрируем изображение в блоке
8.03.07
Часто возникает проблема центрирования изображения в блоке фиксированного размера. Естественно, никаких проблем не возникает, если все изображения имеют …
Ключевые слова: верстка, дизайн, css
Многоколоночный макет, выходящий за пределы блока
22.02.07
by Alan Pearce Нам всем хорошо известна проблема, возникающая при создании многоколоночного макета, в котором колонки должны быть одинаковой высоты. Прочитать …
Ключевые слова: веб-стандарты, верстка, alistapart, css
Быстрое создание CSS шаблона в Photoshop
22.02.07
Может показаться, что мы возвращаемся в 1999 год. Данная статья, автор которой Casper Voogt покажет, как при помощи Photoshop и ImageReady создать валидный XHTML/CSS макет. Вам …
Ключевые слова: веб-стандарты, css, photoshop
Switchy McLayout: Техника адаптации макета
22.02.07
by Marc van den Dobbelsteen Появление новых мобильных устройств заставляют нас взглянуть по другому на растягивающиеся макеты. Marc van den Dobbelsteen предлагает способ применения …
Ключевые слова: верстка, alistapart, css, javascript
