Safari, WebKit и @font-face

Сегодня в время верстки одного симпатичного шаблона для WordPress я столкнулся с одной шокирующей (для меня) фигней. В CSS есть такое замечательное свойство как @font-face, которое позволяет загружать нестандартные шрифты. Свойство замечательное, хотя мало кто его использует.
Вообщем, в шок меня повергло, когда я открыл свой шаблон в Safari 3 в Mac OS X. Посмотрите [...]

 

Обтекание картинки текстом

В Google группах прозвучал вопрос по сабжу. CSS для пары таких классов очень простой:

.right, .left { display: inline; }

.left { float: left; padding: 5px; margin: 5px 15px 5px 0; }
.right { float: right; padding: 5px; margin: 5px 0 5px 15px; }

В WordPress можно еще quicktags-кнопочки использовать, чтобы вставлять картинки легко было. Я предпочитаю классы и [...]

 

WordPress Cookbook. Создание шаблона с нуля.

Прочитал две статьи на тему “Как создать шаблон для WordPress” и был крайне удивлен подходу создавания шаблона. На мой взгляд, оба описания предлагают более трудоемкий и непрактичный подход. Я не люблю долго возиться с шаблонами и предпочитаю группировать все элементы как можно плотнее, избегая при этом лишнего кода. Отчего мои верстки для WP не [...]

 

Screenshot: верстка in action

На редкость сегодняшним вечером я никуда не пошел гулять и провожу его со своим любимым iBook’ом, отвалившись на любимом диване и верстая один сайтец.
Рабочие инструменты: Textmate, Safari, Firefox, Shell.
Под сопровождение Late Night Alumni в iTunes и чаты в разных мессенджерах, параллельно общаясь с flickr freaks.

 

CSS. Overflow, Word-wrap, Scrolling

Столкнулся с тем, что в highlight.js текст не переноситься, а скролиться в блоке PRE. Я предпочитаю, чтобы текст переносился автоматом. Для этого существуют специальные css-свойства. Ниже привожу универсальный метод для всех броузеров и версий css, которым собственно и пользуюсь сам:

pre {
white-space: pre; [...]

 

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

За всё время существования S@R для подсветки синтаксиса разного кода в постах я перепробовал огромную кучу самых разных плагинов. Среди всего прочего особо долго продержались Code Markup и iG:Syntax Hiliter. В последнем очень хорошо сделана подсветка разных языков, но все равно он мне показался несколько громоздким и не совсем удобным (зачем использовать BB-код, когда есть [...]

 

CSS Reboot - Digital Mousse

Мой нерусский блог сегодня подвергся css-ребуту, с чем и поздравляю себя :). Это вообще мой первый css reboot, что собственно приятно осозновать как факт. Дизайн и шаблоны были сделаны буквально за 3 дня до ребута, но получилось как всегда симпотично и валидно. Заценить новое оформление можно, пройдя по этой ссылке или кликнув по скриншоту:

И кто [...]

 

Как сделать Топ 15 Тагов

Вы это можете увидеть на моей странице архивов в боковой панели. Для этого нам понадобиться плагин Ultimate Tag Warrior. Сначала мы его установим, активируем, поднастроем в адмике WP. Всё остальное - дело 2х минут. Нужно только не забывать про RTFM - в мануалах и readme плагинов всё написано.
Итак, всё очень просто. Вывести такой своеобразный ТОП [...]

 

Aptana - IDE для AJAX, HTML, CSS

В Google группе “Вэб-мастер Клуб” проскочила ссылка на новый IDE для разработки вэб приложений на основе AJAX под названием “Aptana”. Не поленился, скачал и попробовал.
Глубоко не стал копать, т.к. меня заинтересовало насколько в нём было бы удобно кодить, работать с html и css, ну и главное - посмотреть как работает этот IDE c различными js-библиотеками. [...]