CSS селекторы

С массовым внедрением в веб-браузеры CSS 2.1 и CSS 3 появились богатые возможности выбора элементов, без применения "засоряющих" классов в HTML верстке. Последние версии браузеров, включая IE 9, поддерживают все CSS 3 селекторы, а старые версии IE 7 и IE 8 поддерживают нескольких чрезвычайно полезных CSS 3 селекторов, а также большинство CSS 2.1 селекторов. На Adobe DevNet опубликована статья Getting to know your CSS selectors – Part 1: CSS2.1 and attribute selectors.

CSS3 regions или CSS3 насыщенная типографика

Веб типографика заметно уступает типографике в полиграфии. О таких фичах как обтекание текстом элементов произвольных форм или вписывание контента в сложные элементы, раньше можно было только мечтать.

Теперь используя CSS3 и новые предложения W3C CSS рабочей группы появилась возможность создавать веб-страницы с насыщенной типографикой.



Статья на Adobe DevNet: CSS3 regions: Rich page layout with HTML and CSS3
Страничка модуля на Adobe Labs: CSS Regions Prototype
Страничка модуля на сайте W3C: CSS Regions Module, CSS Exclusions Module

2 выходных дня!

Как круто проснуться в понедельник, после жесткой гулянки в воскресенье, с осознанием того, что сегодня не нужно идти на работу! Голова болит и раздулась не реально! "Бехеревка, Белый русский и Финляндия + Мартини" не дают о себе забыть! Бехеревка сама по себе вставляет быстро, а в миксе со всякими ершами уносит в далекий космос!

Ё.п.т... а планировал разобраться с новой версией ColdFusion Builder 2 и посмотреть фичи по HTML5 / CSS3...

Режимы в IE9

Если кто-то считает, что с исчезновением IE6 и появлением IE9 все проблемы с IE будут решены, то он серьезно заблуждается! В IE9, как и в IE8 остались режимы совместимости с предыдущими версиями IE.
В IE8, что бы сделать корректное отображение HTML шаблона для всех режимов, требовалось реализовывать специальные "костыли", которые усложняли разработку, теперь будем наступать на те же "грабли" в IE9!

Тэги поддерживаемые в веб-браузерах

Небольшой список FAQ-а поддержки различных тэгов в веб-браузерах

• Firefox: HTML Element Referece + canvas
• IE: HTML and DHTML Reference + video
• Chrome: HTML Elements + video
• Safari: HTML Reference + layer
• Opera: Web specifications support

Microsoft избавляется от IE6

Microsoft разработала промо-сайт, который призывает избавиться от устаревшей версии веб-браузера Internet Explorer 6 и перейти на последнюю девятую версию. На сайте представлена статистика использования IE6.

Демонстрация возможностей WebGL

Это невероятные демки возможностей WebGL с помощью аппаратного ускорения прямо в браузере! Посмотреть можно только в Chrome 9, IE9 или Firefox 4.

Солянка высоколорийного материала по HTML5/CSS3/JS

Солянка последних статей и видео с tutsplus.com по HTML 5 / CSS / JS

HTML 5

• HTML5 Audio and Video: What you Must Know

CSS

• The Top 5 Mistakes of Massive CSS
• Quick Tip: Mimic Equal Columns with CSS3 Gradients
• The 30 CSS Selectors you Must Memorize
• Quick Tip: Getting Clever with CSS3 Shadows
• The Easiest Way to Create Vertical Text with CSS
• How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
• Convert a Warm, Cheerful Web Design to HTML and CSS
• Crash Course: YUI Grids CSS
• The State of CSS3
• Build Awesome Practical CSS3 Buttons
• 10 CSS3 Properties you Need to be Familiar with
• Quick Tip: Mimic a Click Event with CSS

JS

• HTML5 JavaScript APIs
• Quick Tip: Detect CSS3 Support in Browsers with JavaScript
• Scalable JavaScript Application Architecture
• Quick Tip: Calling JavaScript Methods on Other Objects
• Extreme JavaScript Performance
• What’s new in JavaScript 1.8.5

Разработка приложений для iOS/Android с использованием CSS/JS/CF/Sencha Touch

Напоминаю для тех кто не посмотрел, доступна запись онлайн трансляции презентации Developing Apps for iOS/Android with CSS/JS/CF/Sencha Touch, with Steve Drucker.

25 особенностей HTML5, которые вы должны знать

Простая и познавательная статья 25 HTML5 Features, Tips, and Techniques you Must Know.

CSS & JS совместимость в WebKit

Таблица совместимости CSS & JS свойств и методов в различных версиях веб-браузеров, построенных на базе WebKit, включая мобильные версии.

CSS совместимость в IE x

Статья на MS MSDN CSS Compatibility and Internet Explorer.

IE прокачали

Итак, MS не хило прокачала новый IE, который обгоняет по скорости Google Chrome, Firefox, Opera и Safari, смотрим видео:

Что мы знаем о HTML5

Существует сайт, который предлагает обзор свойств HTML5 и CSS3 в современных веб-браузерах. И если присмотреться более пристально, то оказывается не все так гладко, как звучат маркетинговые лозунги "Революции HTML5".

Команда YUI объявила о выпуске YUI 3.1.0

Команда YUI объявила о выпуске YUI 3.1.0. Подробности тут.

Stronger, Better, Faster Design with CSS3

На smashingmagazine.com появилась статья Stronger, Better, Faster Design with CSS3.
Речь пойдет о создании элементов для макетов: Inline Form Labels, Modals, Columns.

CSS3 трюки, красивый HTML код и дизайн "Coming Soon" страниц

На сайте css-tricks.com имеется статья с описанием нескольких CSS3 трюков:

• Расширенные ссылки
• Размытые края
• Создание эллипса средствами CSS
• Несколько фонов

На этом сайте, можно еще прочесть статью про красивый HTML код, а на smashingmagazine.com опубликована статья дизайн "Coming Soon" страниц.

Современные CSS макеты

На smashingmagazine.com повявилась хорошая статья Modern CSS Layouts: The Essential Characteristics.

Сейчас захватывающее время для создания CSS макетов. Появились браузеры осуществляющие поддержку CSS 3, HTML 5 и прочих технологий, которые дают нам крутые новые инструменты и приемы для наших проектов.

В статье рассматривается пять CSS характеристик современных веб-сайтов:

1. Прогрессивное усовершенствование
2. Адаптация различным пользователям
3. Модульность
4. Эффективность
   
5. Богатая типографика

Разработка iPhone приложений на HTML, CSS, and JavaScript

На сайте O'reilly Labs появился подробный FAQ Building iPhone Apps with HTML, CSS, and JavaScript.

XHTML (CSS) Framework

Начиная с лета 2007 года я не спеша вел разработку продвинутого XHTML (CSS) Framework-а.
Я очень не хотел, что бы это был тупой набор состоящий из пары css файлов и простейших html шаблонов, в нагрузку с извращенной концепцией.

Данный framework это не теоретические знания.
За последнее время я сверстал несколько десятков разнообразных шаблонов, не считая много летнего опыта до этого.
В framework-е заложен большой практический опыт и умения.

Многие спросят, для чего нужен XHTML (CSS) Framework

Программисты и прочие девелоперы разработали разнообразные библиотеки для быстрой “сборки” веб-приложений. Дизайнеры тоже не исключение.

Заказчики все чаще хотят получить свой проект как можно быстрее и качественнее (хотя у заказчиков этот термин “слегка” извращен), количество и сложность проектов растет изо дня в день. Именно эти самые библиотеки должны помочь дизайнерам и разработчикам.

XHTML (CSS) Framework – это библиотека, которая содержит готовый набор CSS стилей, XHTML шаблонов и JS скриптов, функционирующая по определенным правилам и служащая для быстрой, легкой, простой, удобной, качественной и кроссбраузерной конечной “сборки” XHTML шаблонов.

XHTML (CSS) Framework будет полезен как опытным, так и начинающим специалистам, а так же прочим пользователям которые не хотят вникать в углубленное изучение XHTML и CSS.

Основные возможности

• Абсолютная семантика всех элементов
• Человеко-ориентированная среда и наименование элементов
• Объектно ориентированный подход
• Кроссбраузерность (IE 6/7/8, Ff 2/3, Opera 9.0/9.5, Safari 3.0, Google Chrome 1.0)
• Гибкий и наращиваемый каркас xHtml шаблона
• Возможность с легкостью создавать как “резиновые”, так и фиксированные xHtml шаблоны
• Готовый к использованию разнообразный набор layout-ов (одна, две, три, мульти колонки)
• Готовые к использованию компоненты и виджеты (функциональные блоки, набор нескольких компонентов)
• Готовые к использованию UI интерфейсы (Стандартная текстовая страница, новости, статьи, блоги, каталог продукции, фото галереи, поиск, форма обратной связи, регистрация и многое другое)
• Готовые к использованию AJAX компоненты и библиотеки (Adobe Spry, jQuery)
• Тестирование Css стилей
• PSD интеграция (Об этом позже. Дизайнеры смогут “на лету” создавать layout-ы страниц)
• Готовые к использованию авторские скины
• И многое другое