Закладки с меткой css

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.

Платный. Есть trial-версия.

Tridiv — 3D-редактор для создания моделей на CSS. Для всех, кто хоть раз боролся с CSS трансформациями, чтобы сделать даже простой 3D эффект, известно, что подобная штука сможет значительно облегчить жизнь. Для остальных — еще одна демонстрация того, на что способны HTML5/CSS3.

- Mobile First
- Semantic
- Awesome Javascript

"jsFiddle предназначен в первую очередь для того, что бы выложить пример html/css/js кода и сразу показать как он отрабатывает. Отличная штука когда, скажем, ищещь ошибку и показываешь свой код коллеге.
Это не редактор. Это продвинутый pastebin.com"
(c) Хабр

Приведено много возможных случаев контекста применения - внутри ячейки таблицы, внутри inline-элемента и др.

Пять основных подходов преодоления проблемы с media queries (IE, старые браузеры и т.п.)

Утилита сжатия JS и CSS от Yahoo

Приведены варианты для всех последовательностей блоков, что семантично!

Приводятся примеры браузеров, которые понимают media=handheld.
Приведен интересный вариант схемы подключения стилей.

iScroll was born because mobile webkit (on iPhone, iPod, Android and Pre) does not provide a native way to scroll content inside a fixed width/height element. This unfortunate situation prevents any web-app to have a position:absolute header and/or footer and a scrolling central area for contents.
БОНУС: смотрим 3D-лого на JS ;)

Подборка 15 CSS-фреймворков для адаптивного дизайна

Плавно переставляем элементы страницы при изменении размеров экрана

Таблицы поддержки в браузерах элементов HTML5, CSS3, SVG

Генератор CSS-сетки для адаптивного дизайна

Фреймфорк для мобильной верстки

Руководство по разработке для Safari на iOS от Apple. Описание viewport.

Изложена схема формирования "умного CSS"

Как утверждают авторы:
"Boilerplate — это не фреймворк. Мы также не навязываем какой-либо конкретный тип разработки. Это просто набор штуковин, помогающий быстро и безболезненно начать делать ваш сайт."

Автор разделяет адаптивную и мобильную верстку, причем выступает за последнюю. Также есть видеокурс.

Приводится деление мобильных устройств по классам

Очень и очень спорный подход к разметке

Статья охватывает практически все проблемы при адаптивной верстке и рассказывает про их причины.
Перевод:
http://www.beskrovnyy.com/verstka/skaz-o-dvux-vyuportax-chast-pervaya/
http://www.beskrovnyy.com/verstka/skaz-o-dvux-vyuportax-chast-vtoraya/

Про viewport от Opera

Шаблоны для мобильной разработки от Nokia - CSS каркасы

Очень и очень интересная подборка

Ссылки на подобные решения

Боремся с браузерно-характерными префиксами для CSS-свойств

Форматирование CSS online

Очень много генераторов вложенных блочных макетов и всякого прочего - скрипты drag and drop например

Большой недостаток - почти все фишки работают только с включенным JS :(

А сам сайт про какую-то ORM, версии 0.2.2 :)

Расширенный "диалект" CSS, позволяющий транслировать инструкции Sass с расширенными возможностями, которых нет в обычном CSS, в обычные таблицы стилей.

Сам css-код и пояснения, что к чему

Набор базовых css-шаблонов

Ссылка на коллекции css-шаблонов.

Неплохая подборка CSS-механики (не генератор)

Весьма функциональный генератор CSS-разметки.

Описано внедрение шрифтов на страницу через конструкцию @font-face и некоторые подводные камни.

Пример внедрения технологии WebFont - весьма простой и рабочий скрипт.

Быстрая подсказка по тегам и параметрам от W3C. Ищет в спецификациях HTML, XHTML, CSS, SVG, XPath.

Хорошо систематизированная коллекция уловок и трюков для самого "любимого" верстальщиками браузера