Интернет-технологии

Мой подход к представлению информации в интернете состоит в том, чтобы по возможности оторвать друг от друга три вещи:

• содержание (собственно текст),
• представление (стили и оформление),
• сайтовая обвязка (общи вид страницы, навигация, меню и прочее).

Первое позволяет сконцентрироваться именно на содержимом (по возможности автоматизировав рутину вёрстки), второе — оформить или изменить внешний вид независимо от содержания, третье — менять облик сайта, навигацию и т.п. без изменения содержания каждой страницы (ну или с самыми незначительными правками).

Вот что получилось. Результат этого подхода перед глазами, сайт работает на этом движке.

JavaScript, HTML-вёрстка и CSS

• Давние поделки на JavaScript:
• Преферанс: роспись пули Питер/Сочи на троих/четверых. В обновлённой версии добавились режимы для 4-х игроков, пуля для 3-х перевёрнута (так в самом деле удобнее!), теперь вычисления записываются в привычном месте — прямо поверх пули. (Вот тут первая версия от 2002 года)
• Visual Color Calculator for HTML. Пользуюсь сам уже долгие годы.
• Мелкая, но увлекательная игрушка на JavaScript
• Текст-скремблер
• Календарик
• Пример полноценного многоуровнего меню на CSS. Работает на Gecko-движках, то есть Mozilla, FireFox и подобных. В своё время я услышал историю про страшных людей html-верстальщиков и дизайнеров, которые якобы ухитряются даже меню на стилях делать. Ужаснулся. Вот и у самого руки дошли попробовать — можно ли в самом деле с помощью стилей сделать меню? Оказалось можно. Никаких скриптов, 100%-чистый CSS!
• А это реализация идеи интерактивных таблиц в html. Это же действительно прикольно — раздвигать колонки на нужную себе ширину самостоятельно, не полагаясь на создателей странички. Ну и реализация получилась неплохая. Нужна всего лишь поддержка JavaScript, но если она отключена, то ничего страшного. Просто колонки таблицы не будут растягиваться.