Статьи

10 экспериментальных методов кодирования JS / CSS3

Как мы и обещали, вот еще один набор методов кодирования CSS3 / JS, которые могут значительно улучшить пользовательский опыт, улучшить рабочий процесс дизайнера и заменить грязные старые обходные пути, которые мы использовали в Internet Explorer 6 & Co. Обратите внимание, что большинство методов, представленных ниже, являются экспериментальными, и многие из них не являются чисто CSS3-техниками, поскольку некоторые используют jQuery или другие JavaScript-библиотеки. Стоит посмотреть, хотя …

Похожие сообщения:

1. Прощаемся с переполнением: скрытый зачистка

Сейчас я прощаюсь с переполнением: скрыто, и решающим фактором для меня является CSS3. Конкретно коробка-тень. По крайней мере, в том смысле, что box-shadow была первым свойством, на которое я заметил негативное влияние переполнения: hidden. Как и позиционированные дочерние элементы, упомянутые выше, box-shadow может обрезаться, когда к родительскому (или другому предковому) элементу применено переполнение. И есть несколько других вещей, которые необходимо учитывать при продвижении вперед с использованием CSS3. Тень текста и преобразование также могут быть обрезаны переполнением: скрыто.
Высказывание-свиданья-к-переполнения скрытых посредничества Hack.jpg
Источник

2. Использование закругленных углов с CSS3

По мере того как CSS3 приближается к тому, чтобы стать новым стандартом для массового дизайна, дни закругленных углов на сложных фоновых изображениях исчезают. Это означает меньше головной боли и времени, затрачиваемого на разработку альтернатив для каждого браузера.
Использование округленных-Corners-с-CSS3.jpg
Источник

3. Закругленный угол HTML-элементов с использованием CSS3 во всех браузерах

Это htc-файл поведения для Internet Explorer, позволяющий CSS-свойству border-radius работать во всех браузерах. В настоящее время все основные браузеры, кроме IE, показывают изогнутый угол, добавляя 4 строки CSS.
Округлые-уголки HTML-элементы с использованием CSS3--в-все-browsers.jpg
Источник

4. IE CSS3 псевдо-селекторы

Позволяет Internet Explorer идентифицировать селекторы псевдоклассов CSS3 и отображать любые правила стиля, определенные с ними. Просто включите скрипт на своих страницах и начните использовать эти селекторы в таблицах стилей — они будут работать в IE.
IE-CSS3-псевдо-selectors.jpg
Источник

5. Чистый код с помощью селекторов CSS3

В этом уроке я расскажу о некоторых способах упрощения нашего фронтального и внутреннего кода с помощью CSS3, рассмотрев способы достижения определенных визуальных эффектов сейчас по сравнению с тем, как мы их достигаем в великолепное будущее с поддержкой CSS3.
Очиститель-Code-с-CSS3-Selectors.jpg
Источник

6. CSS3 + прогрессивное улучшение = умный дизайн

Прогрессивное улучшение — это хорошо, а CSS3 — еще лучше. В совокупности они позволяют дизайнерам создавать более легкие и чистые сайты быстрее и проще, чем когда-либо прежде.
CSS3 - + - Прогрессивное Enhancement-Smart-design.jpg
Источник

7. Создайте эффект высокой печати с помощью CSS Text-Shadow

Эффект высокой печати становится очень популярным в веб-дизайне, и с парой современных браузеров, теперь показывающих поддержку свойства CSS3 text-shadow, теперь легко и просто создать эффект с помощью чистого CSS. Никаких обманных фотошопов здесь!
Create-A-Letterpress-Effect-с-CSS-Text-Shadow.jpg
Источник

8. CSS3 HSL & HSLA

Учебное пособие по использованию объявлений HSL & HSLA вместе с кратким руководством + / -, к которому браузеры в настоящее время поддерживают эффект этого документа.
CSS3-HSL-HSLA.jpg
Источник

9. CSS3 градиенты: нет изображения Aqua Button

Аква кнопка без картинок! В то время, когда Mac OS X была впервые анонсирована, существует множество веб-учебных пособий, в которых описывается, как создать сексуальную аква-кнопку в Photoshop, и теперь я могу показать, как ее создать с помощью CSS!
CSS3-Градиенты-No-Image-Aqua-button.jpg
Источник

10. Подробнее о 3D CSS-трансформациях

Различные 3D CSS Преобразования в обзоре.
Более-на-3D-CSS-Transforms.jpg
Источник