Библиотека Интернет Индустрии I2R.ru

CSS

Уже давно CSS стал помощником вебмастера, а использование каскадных таблиц стилей стало хорошим тоном в вебдизайне. Об этой замечательной технологии читайте в этом разделе.

Организация CSS-файлов: Совет 1 - Флаги

Вам приходилось писать и работать с большими CSS-файлами? Мучались с бесконечным скроллингом вверх-вниз в поисках нужной части кода? Работая над текущим проектом, я решил воспользоваться маленькой уловкой.

Аккуратный HTML

Любая работа должна быть выполнена аккуратно и красиво. А это напрямую касается разработки сайтов, и в частности некоторых технологий, используемых при этом — HTML и CSS.

Шпаргалка по CSS

Шпаргалка по CSS служит одновременно справочником и подсказкой. В ней перечислены все селекторы (вплоть до спецификации CSS 2.1) и свойства.

Навигация и меню. Создание вкладок

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

Визуальное Просветление Сети. Обзор книги для веб-дизайнера

The Zen of CSS Design" - отличная настольная книга веб-дизайнера - множество изображений веб-страниц и море полезной информации о CSS.

Каждому браузеру свой стиль

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

CSS: врезка к статье

Мы часто сталкиваемся в журналах и газетах с информационными блоками, которые визуально выделены и по смыслу несколько отделены от основного содержания. Как реализовать такой блок (врезку) на html-странице, используя таблицы стилей, вы и узнаете из статьи.

Печатаем по-умному или ещё один способ защиты информации

Сегодня мы поговорим о том, как сделать так, чтобы выводить на экран одну web-страницу, а при печати этой страницы на принтере результат был несколько иным. А делается это с помощью CSS.

Власть народу - относительные размеры шрифтов

В данной статье мы приводим решение, которое позволяет пользователю увеличивать или уменьшать размеры текста прямо на страницах сайта.

Дизайн для портативных устройств: ваш веб-сайт на маленьком экране

Ценные советы о том, как хорошо и правильно сделать сайт для портативного устройства и подготовить для него таблицу cтилей.

10 трюков CSS, которые вы наверняка не знаете

Несколько интересных типовых решений, представленных для вас Трентоном Моссом, наверняка помогут вам в формировании компактной, работающей, кроссбраузной таблицы стилей.

Layout-o-Matic - инструмент для работы с таблицами стилей

Layout-o-Matic поможет как опытному разработчику съэкономить время, так и начинающему верстальщику изучить верстку с помощью CSS или создать сложный макет без глубоких знаний алгоритмов позиционирования CSS.

Прячем и показываем поля формы

Длинные веб-формы с множеством полей часто пугают и путают посетителей и мешают им выполнить ту или иную задачу. С помощью простого и остроумного скрипта, спрячьте лишние поля и оставьте лишь только те, которые посетитель обязан заполнить.

"Резиновая вёрстка": используем отрицательные поля

Чтобы показать, как полезны могут быть отрицательные поля для создании резиновой вёрстки, давайте-ка сделаем резиновый двухколоночный макет страницы с "шапкой" и "подвалом", причём в коде страницы контент будет расположен перед блоком боковой колонки.

Ссылки а-ля ячейки в HTML таблицах

Автор предлагает грасивое и простое решение, как, используя возможности CSS, реализовать ссылки, визуально представляемые, как ячейки таблицы.

<DIV> пинает <TABLE> (часть 1)

Верстка страниц с использованием слоев предполагает большую функциональность и прозрачность, а также меньший объем кода, а значит дизайн сложных с точки зрения верстки сайтов лучше верстать с использованием слоев…

Выпадающие меню с помощью CSS

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

Cкашиваем углы (англ.

Метод, представленный Дэном Седерхолмом, позволяет создавать скругленные углы, используя очень маленькие и чрезвычайно легкие графические заготовки и css.

Создание тени с помощью css [Onion Skinned Drop Shadows] (англ.)

Оригинальный способ создания тени объекта при помощи комбинации возможностей графики и таблиц стилей предлагает Брайан Уильямс. Статья на английском языке и не для начинающих разработчиков.

Печатная версия web документа и css (англ.)

Давно уже считается хорошим тоном предоставлять читателям печатные версии web-документов, в которых удаляются некоторые элементы оформления и навигации, меняются семейство и размер шрифта, и, возможно, по-другому формируется само содержание документа. Дерек Фичерстоун предлагает вам удобное решение формирования печатной версии с помощью таблиц стилей.