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

В 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-библиотеками. [...]

 

Фиксим оформление и шаблон

Решился собрать все глюки в оформлении, вёрстке шаблона и пофиксить немного всё это дело. Конечно же, с учетом всех оставленных ранее комментариев и пожеланий (спасибо читателям ;) ). Ну и добавлю кое-какие новшества и мелкие изменения в само оформление. Итого у нас получается:
Внешнее:

Баг в ширине “подвала” на 100%.
Баг с отступами параграфов в комментариях.
Баг с отступами [...]