Все статьи → верстка
CSS Styleguide — улучшение читабельности кода
12.05.08
Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов.
CSS шаблон
30.03.08
Наверняка, все кто читает этот блог и не только этот не пользуется разными CSS framework'ами, в общем — я тоже. За некоторое время работы выработался определенный стиль в виде набора правил, файлов и папок, которыми хотелось бы поделиться и узнать мнение уважаемых.
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
HTML элементы
6.07.07
Сравнение элементов в зависимости от HTML версий, начиная с HTML 3.2 до XHTML 2.0 Таблица сравнений от Jens Meiert и более расширенная от Rene Sarsoo. Вторая, на мой взгляд более …
Ключевые слова: верстка
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, границы, отступы, бордюры и др. св-ва одним махом.…
Универсальная CSS форма
26.03.07
Попытка стандартизировать обычную форму, создав универсальный макет с помощью CSS. Форма легко изменяется, хорошо структурирована, код максимально отделен от …
Легко изменяемый макет фиксированной ширины
18.03.07
Попробуем создать макет страницы, который в зависимости от размера экрана будет меняться. Причем попробуем для этих целей воспользоваться только средствами CSS, …
Ключевые слова: веб-стандарты, верстка, дизайн, css
Центрируем изображение в блоке
8.03.07
Часто возникает проблема центрирования изображения в блоке фиксированного размера. Естественно, никаких проблем не возникает, если все изображения имеют …
Ключевые слова: верстка, дизайн, css
Многоколоночный макет, выходящий за пределы блока
22.02.07
by Alan Pearce Нам всем хорошо известна проблема, возникающая при создании многоколоночного макета, в котором колонки должны быть одинаковой высоты. Прочитать …
Ключевые слова: веб-стандарты, верстка, alistapart, css
Switchy McLayout: Техника адаптации макета
22.02.07
by Marc van den Dobbelsteen Появление новых мобильных устройств заставляют нас взглянуть по другому на растягивающиеся макеты. Marc van den Dobbelsteen предлагает способ применения …
Ключевые слова: верстка, alistapart, css, javascript
