Создатель CSS планирует убийство скроллбаров

01.11.2011 15:25

Вы когда-нибудь представляли себе использование браузера без скролла? Что же, Хакон Виум Лай (Hakon Wium Lie), создатель CSS (каскадные таблицы стилей), в настоящее время ищет способ искоренения скромной боковой панели прокрутки.

Создатель CSS пытается удалить полосы прокрутки в браузере и изменить их механизм на простой переход к следующей страницу (а-ля слайд-шоу). Подобным образом Вы читаете электронную книгу, использующую технологиию "CSS Generated Content For Paged Media".

 

Создаем кросс-браузерный эффект волны, используя Javascript

08.06.2011 16:47

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

ДЕМО
СКАЧАТЬ ИСХОДНИКИ

Шаг 1. HTML

Как обычно, начинаем с HTML. Вот исходный код нашего примера.

index.html

Градиенты текста в CSS

09.03.2011 16:12

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



Заключительный простой HTML

css

9 самых распространенных ошибок в IE и их устранение. Ошибка №9 - Пространство

01.03.2011 17:42

9. Пространство между фрагментами списка

IE 6 добавляет вертикальное пространство даже в не указанных случаях. Посмотрим на первый код:

css, ie

9 самых распространенных ошибок в IE и их устранение. Ошибка №8 - макет

25.02.2011 19:39

8. Неправильный плавающий макет

Одним из важных концептов в строении безтабличных макетов CSS являются плавающие элементы. В большинстве случаев, IE6 обрабатывает это с помощью aplomb, но иногда он путается. Когда он сталкивается с неразрушимым контентом или элементом, чья ширина привышает его родительскую ширину, это вызывает хаос с макетами. Позвольте Вам показать:

css, ie

9 самых распространенных ошибок в IE и их устранение. Ошибка №7 - размер

24.02.2011 20:33

7. Установка минимальной ширины и высоты

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

Решение №1:

Решение утилизирует декларацию !important , чтобы заставить ее работать. Фрагмент выглядит так:

css, ie

9 самых распространенных ошибок в IE и их устранение. Ошибка №6 - Broken Box

23.02.2011 20:06

6. Исправление модели Broken Box

Неправильное толкование Internet Explorer модели коробки - непростительная ошибка. IE 6 в полу-стандартном режиме обходит это, но этот пункт может снова возникнуть в режиме совместимости.

Два элемента div. Один с исправлениями, один без. Разница в ширине и высоте – сумма примененных прокладок на каждой стороне.

box model

css, ie

9 самых распространенных ошибок в IE и их устранение. Ошибка №5 - переполнение

22.02.2011 19:22

5. Автоматическое переполнение и относительное расположение элементов

Эта ошибка поднимает свою уродливую голову, когда Вы устанавливаете в макете родительский контейнер со свойствами overflow к auto и месту относительно расположенного пункта внутри него. Относительно росположенный пункт нарушает границы его родительского элемента и переполняется снаружи. Посмотрим на код:

css, ie

9 самых распространенных ошибок в IE и их устранение. Ошибка №4 - малые высоты

21.02.2011 15:00

4. Отсутствие возможности вставлять элемент с малыми высотами

В рамках создания слоя, Вам может понадобиться создать элементы с очень маленькими высотами в качестве пользовательских границ. Обычно, Вам просто надо добавить height: XXpx к декларациям стиля и все. Наверное где-то так Вы думали до этой строки.

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

css, ie

9 самых распространенных ошибок в IE и их устранение. Ошибка №3 - Двойной margin

17.02.2011 21:21

    3. Двойной margin плавающих элементов

Это один из первых специфичных багов Internet Explorer 6 и ниже, с которым сталкивается веб-разработчик. Казалось, задать отступ так просто. Прописываем margin...И вуаля! margin будет удвоен в конечном итоге. Не совсем то, что Вы искали при создании идеального пиксельного слоя. Рассмотрим следующий код:

Лучшие