Какая молодая семья не страдала от «художеств» своих малолетних чад, старательно разрисовывающих стены, полы, шкафчики, холодильник и папин ноутбук и всем, что попадается под руку? Есть, однако, альтернативный способ занять мелкого рисованием – при помощи роботизированной божьей коровки с дистанционным управлением. Вставляем в голову насекомого маркер, ставим жука на большой лист бумаги и заставляем его ползать при помощи джойстика. Направляем обе кнопки вперед – божья коровка рисует прямую, одну кнопку вперед — получаем плавную кривую, одну вперед, другую назад – изгиб будет более резким. Конечно, не факт, что рисуя, к примеру, корову, вы изобразите не дельфина, но опыт и практика сделают свое дело.

Продолжается развитие темы о многоуровневом дереве с маркерами.
Теперь дерево выросло и окрепло, стало взрослее и помнит выбранный узел и состояние кажого узла в отдельности.
Страницу можно перезагружать, а дерево все равно будет помнить все что вы открыли и выбрали!

Судя по результатам голосования, которое я проводил в своём блоге, большинство пользователей никак не типографируют тексты перед публикациями (НЛО не считается). Те, кто работают над текстами, в большинстве своём делают это вручную, поэтому я решил попробовать собрать воедино рецепты экранной типографики, дабы не забывать самому и напомнить другим. Не думаю, что статья будет чем‐то новым для опытных верстальщиков. Новички узнают, профи исправят :)

Содержание

1. Дефисы, тире, минусы и другие палочки
2. Кавычки и чёрточки
3. Скобки
4. Многоточие
5. Заголовки, списки

Это продолжение темы про дерево. Хочу его довести до ранга «готов к внедрению». Потому повозился с Javascript и сделал запоминание выбранного узла на основе адреса ссылки.
Если ссылка вложена в поддерево, дерево развернется до её уровня и, если у неё самой есть поддерево — оно тоже будет развернуто.

Javascript сделал как смог, т.к. давно не использовал. Прошу помощи в доработке и оптимизации.

В продолжение темы про дерево немного переделал код и подключил jQuery. Теперь дерево живое, узлы разворачиваются, как этого многие ожидают видя подобное дерево.
Теперь оформление дерева делает скрипт — сам расставляет маркеры для элементов с вложенными узлами.
Благодаря использованию скрипта HTML стал проще.

UPD 05.04.2009: обновлены скрипты, есть несколько вариантов скриптов.
UPD 09.04.2009: продолжение

До того как заняться верской гитарных аккордов (статьи 1,2,3) я столкнулся с необходимостью сделать человеку на сайте меню-дерево. Рисовать не хотелось вообще, поэтому я взял старый добрый HTML с CSS и начал делать это дерево, начал с простого одноуровневого, а позже сделал многоуровневое с маркерами, которое и представлю.

Позже это дерево дало мне плоды в виде habrahabr.ru/blogs/css/53792/

Задача: сделать для списков самодельные маркеры.

Использовать list-style-image не всегда удобно из-за непредсказуемых отступов. Поэтому раньше я пользовался конструкцией типа

ul li {
padding-left: 10px;
background: url(bullet.gif) 0 5px no-repeat;
}

Сегодня пришла идея немного эту конструкцию улучшить, задав background'у относительную позицию:

ul li {
padding-left: 10px;
background: url(bullet.gif) 0 0.5em no-repeat;
}

Достоинства - маркер остается на месте при изменении масштаба шрифта. Кроссбраузерно.
Если есть необходимость, могу добавить картинки, но, по-моему, все и так понятно.