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

CSS

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

Памятка по CSS

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

Как избежать мелькания чистого HTML-кода в IE

Если вы используете внешнюю таблицу стилей, подключая ее с помощью директивы @import, то рано или поздно вы заметите, что IE успевает "сверкнуть" на экране неформатированным HTML прежде, чем применит к нему стили. Эту проблему можно решить следующим образом...

Полосатая таблица

При представлении табличных данных большого объема бывает очень полезно делать подсвеченными строки (через одну, к примеру). Как, не используя серверных скриптов, с помощью css реализовать такую таблицу, вы узнаете из материала Дэвида Миллера.

Линейки в таблицах

При помощи простого JavaScript-а можно улучшить отображение и восприятие таблиц с большим количеством строк.

CSS шаблоны

Предоставлены эскизы модульных сеток web-страниц: двух- трех- четырех-колоночный дизайн, шапка, завершение страницы, меню слева/справа; вам необходимо выбрать подходящий шаблон - и вы получите готовую html-разметку и код css.

Резиновый дизайн. Не фиксируйте размер шрифта!

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

CSS-дизайн: нестандартное подчеркивание ссылок

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

Трюк с блочной моделью CSS

Чтобы ваш "divный" дизайн не выглядел ужасно в броузерах, неверно трактующих блочную модель CSS, воспользуйтесь трюком Box Model Hack.

Колоночный дизайн

Для начинающих дизайнеров реализовать "колоночный" дизайн с использованием css как правило превращается в сплошной кошмар: блоки разъезжаются, наплывают друг на друга и вообще ведут себя непредсказуемо. Дэн Седерхолм предлагает простое решение этой проблемы.

CSS дизайн: создаем подчеркивание (англ.)

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

CSS Design: Укрощение списков

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

Listamatic - варианты вложенных списков

Пошаговое объяснение работы со списками - рассматриваются вложенные списки, и возможность использования их для реализации сложных вертикальных и горизонтальных меню для сайта.

Listamatic - один список, много вариантов

Пошаговое объяснение работы со списками с примерами вертикальных и горизонтальных списков; как использовать списки для оформления навигации на сайте.

Динамическая смена изображений

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

Раздвижные двери CSS

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

Обтекание картинки текстом

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

Поля у блочных элементов

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

Использование фонового изображения для замены текста

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

Позиционирование: всему свое место. Часть 2. Позиционирование с помощью CSS

Очевидным недостатком HTML является отсутствие возможности однозначно и просто позиционировать блок там, где хочется. В CSS такая возможность обеспечивается свойством position, самое популярное значение у которого absolute.

Использование CSS и фоновых картинок для создания эффектной навигации. Часть 2

В первой части статьи Дуглас Боуман представил новую методику для разработки визуально эффектных элементов интерфейса с простой, семантической разметкой на основе текста. Во второй части он предлагает применение того же метода для rollovers, решение для IE/Win, обсуждение возможных ошибок в CSS, примеры и многое другое.