CSS3 Secrets by Lea Verou

Посмотрел интересную презентацию от Lea Verou с конференции Fronteers 2011. Вынес для себя несколько интересных моментов.

Свойство pointer-events, которое позволяет управлять событиями курсора на элементе. Когда, например, ссылка скрывается за градиентом, то можно назначить элементу с градиентом pointer-events: none и при наведении на него ссылка будет активна. Это свойство для html элементов не поддерживают на данный момент IE и Opera, поэтому практическое использование сейчас под вопросом.

Использование нескольких box-shadow для эмуляции нескольких border и использования у box-shadow отрицательного значения четвертого параметра spread, что схлопывает тень внутрь блока и позволяет сделать тень меньше размера самого блока.

Использование сочетаний псевдоселекторов :last-child, :first-child, nth-child, only-child для выделения только одного, только пяти элементов, если их больше пяти и т.д. Комбинации можно делать очень интересные. Например, оказалось довольно легко выделить элементы, когда их пять и более.

Ипользование псевдокласса :checked для того, чтобы сделать кастомный чекбокс.

Ну и свойство background-origin, которое задает точку отсчета бэкграунда (можно не учитывать padding и отсчитывать непосредтвенно от области контента)

Как убрать иконки с Desktop в Mac OS

Если надоело месиво из файлов на рабочем столе в Mac OS, можно убрать все иконки и любоваться чистым рабочим столом с красивой картинкой.

Делать надо так:

defaults write com.apple.finder CreateDesktop -bool false
killall Finder

Contenteditable редакторы в CMS

На последнем Web Standards Days, проходившем в Москве, Антон Немцев рассказывал про идею редактирования контента непосредственно на странице с этим самым конетентом, используя атрибут contenteditable. Прочитав статью, посвященную этой же теме на html3doctor.com, нашел в комментариях к ней ссылки на проекты, схожие с идеей Антона.

читать дальше

Как запустить Yota Samsung SWC-U200 модем в Mac OS X 10.7 Lion 64-bit

Официальных драйверов от Yota для модема Samsung SWC-U200 под 64 разрядные Mac OS до сих пор нет, а запустить очень хотелось.

К попыткам запуска модема я возвращался раза три в течении нескольких месяцев и вот, наконец, потраченное на чтение форумов и копание в различных ветках madwimax дало результаты.

читать дальше

online web font converters

Сейчас появилось довольно много сервисов по конвертированию шрифтов в форматы, совместимые с web. Раньше я использовал fontsquirrel, но потом в какой-то момент он взглюкнул и я перешел на альтернативы — onlinefontconverter, font2web.

При тестировании одного из сайтов было замечено что IE7 и IE8 наотрез отказываются цеплять нестандартный шрифт. На тот момент это было не критично, и я решил оставить все как есть.

Сейчас же пришло время с этим разобраться. Сначала я предположил что IE просто физически не загружает шрифт. Потом, пробовал различные варианты систаксиса font-face, вплоть до указания шрифта только для IE — тоже не помогло. В конце концов я предполжил что дело в самом шрифте.

Перепробовал несколько конвертеров, пока не пришел опять к fontsquirrel. Только после конвертации этим сервисом eot наконец таки был проглочен IE8. Аллилуйя, братья. Проект сдан.

css3please

css3please — отличный сайт с живыми примерами CSS3 (с вендорными префиксами), списком браузеров, которые поддерживают это свойство и блоком, который в реальном времени показывает изменения значений свойств.