Главная » Архивы

Статьи в категории CSS

CSS, Статьи и переводы »

[29 Апр 2008 | комментариев 3 | просмотров 2,107]

Ниже приводиться перевод статьи от Alen Grakalic : CSS do’s and dont’s Part 1: CSS Selecting
Выбор элемента и назначение ему правил и свойств является основой процесса кодинга на CSS. Если вы не укажите элемент, вы не сможете назначить ему стиль, так? Эта статья поможет вам исправить ошибки, которые вы, возможно, допускаете, а так же, мы попытаемся ответить на некоторые вопросы, связанные с правильным использованием селекторов.
Как вы знаете, существует несколько видов селекторов. Давайте обсудим подробнее практическое применение некоторых из них.

CSS, Веб-разработка »

[28 Апр 2008 | комментариев 8 | просмотров 5,095]

CSS-Framework - библиотека CSS стилей, упрощающая создание шаблона для сайта. Фреймворк будет особенно полезен, если вам необходимо сделать шаблон на основе сетки (grid) или шаблон для печати.
Из русскоязычных фреймворков нашла только css-framework.ru
Иностранных проектов намного больше. Наиболее известные из них это:
- Blueprint CSS фреймворк, созданный Olav Bjorkoy, предлагает на выбор различные шаблоны на сетке, шаблоны для печати. Большой вклад в разработку CSS кода внесли такие мастера, как: Jeff Croft , Nathan Borror, Christian Metts, и Eric Meyer. Blueprint CSS Framework доступен как для персонального, так и для коммерческого использования с соответствующими лицензиями.

CSS »

[19 Апр 2008 | комментариев 28 | просмотров 17,233]

Великолепный пример выпадающего меню. Для всех браузеров, кроме IE6 используется только CSS. Для корректного отображения в IE использован небольшой JS код. Протестировано в IE5.5, IE6, IE7, Firefox, Opera, Netscape, Mozilla, Safari (PC), Safari (iPod Touch).

Скачать многоуровневое горизонтальное выпадающее меню
Посмотреть пример
Коллекция выпадающих меню

CSS, Статьи и переводы »

[12 Апр 2008 | комментариев 2 | просмотров 704]

Путешествуя по сайту, вы наверное замечали, что наводя курсором на ссылку ее заголовок или URL отображается в статусной строке браузера. Однако выбрав опцию "просмотр печати" мы видим лишь анкор ссылки.
Показать читателю URL будет очень полезно. Сделать это можно с помощью небольшого CSS кода для ссылок:

CSS, Статьи и переводы »

[11 Апр 2008 | комментариев 14 | просмотров 7,871]

Что-то мне кажется, что в этот раз с идеями внедерения новых правил разработчики перестарались… Dave Hyatt, Dean Jackson и Chris Marrin (все трое работают в Apple) предложили внедрить в CSS 3 поддержку создания анимации, трансформацию объектов, их изменение с  течением времени и ввести css-переменные.

CSS, Статьи и переводы »

[3 Апр 2008 | комментариев 4 | просмотров 1,436]

В этой статье я расскажу вам как сделать RSS иконку любого цвета, используя всего одну картинку.
Идея заключается в том, чтобы использовать <a>-элемент, фоном которого будет картинка в формате .png, а цвет фона элемента будет цветом нашей иконки. Мы возьмем именно png изображение, чтобы воспользоваться свойством сохранения прозрачности этого формата.

CSS, Статьи и переводы »

[29 Мар 2008 | комментариев 35 | просмотров 4,479]

UPD: Есть новый способ! Читайте пункт 4.

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