Одним из первых решений, которые мы определили для IP.Board 3, было то, что выпускаться он будет с новым брэндовым стилем. Наш текущий стиль с нами с самого первого релиза IPB 2 и на самом деле старше чем кажется. Pro стиль представлен совсем недавно, однако, его главной задачей было упрощение существующего стиля, нежели внесения новых, существенных изменений.
И так, ответственность за проектирование и создание нового стиля легла на меня. Это огромное дело и в плане масштаба, и в плане затраченного времени. Стиль — самая видимая часть любого продукта. Это то, что формирует ваше первое впечатление, это то, что вы видите (используете) всякий раз. Кроме того, так как мы проделали в продукте большие изменения, то каждый аспект стиля должен быть проработан заново, с пустого места. IP.Board — огромное приложение, таким образом разработка нового стиля это значительный подвиг.
Цели
Прежде чем рассмотреть визуальное представление стиля, я хотел определить некоторые требования для него. Это:
- обеспечение семантической разметки настолько, на сколько это возможно
- обеспечение XHTML валидности (1.0 Strict)
- обеспечение ненавязчивости Javascript
Эти требования имеют реальные выгоды в современном web’е. Семантическая разметка удобна не только screenreader’ам (в том числе и поисковым ботам), но и предоставляет надежную основу для дизайнеров. Когда все стилистические решения удалены из XHTML, они могут быть сделаны только в CSS (When all stylistic decision is removed from the XHTML, those decisions can now be made in the CSS alone.). Моя цель создать новый стиль таким, что бы при переделке он требовал минимальных изменений в шаблонах, и семантическая форма разметки является частью для достижения этой цели. Надеюсь что большинство стилей будут получены путем простого редактирования одного лишь CSS — Я уверен, что администраторы оценят насколько легко будет проходить обновление, когда большинство шаблонов в стилях одинаковы.
Другой несомненной выгодой применения семантического кода является и то, что теперь мы сможем получить страницу для печати, просто подставив printer-specific стиль, тем самым мы избавимся от кода подготавливающего версию для печати в самом IPB.
Javascript
IP.Board 3 будет использовать библиотеку PrototypeJS. Я всегда был уверен, что новое поколение Javascript библиотек это большой шаг вперед для самого Javascript, так что я с нетерпением жду возможности воспользоваться ими (бета-тестеры Nexus’а знают что мы уже довольно плотно используем эту библиотеку в продукте). PrototypeJS позволяет разработчикам сосредоточиться на реализации самих возможностей, вместо того, чтобы заниматься исправлениями проблем совместимости в разных браузерах или бедной поддержки специфической части языка в оных. Мы будем использовать замечательный событийные возможности, для того чтобы вынести максимально возможное количество Javascript из шаблонов.
Стили идущие в поставке с IPBoard 3
Мы планируем как минимум 3 стиля в Invision Power Board 3. Это будут:
- стандартный «модный» стиль
- упрощенный стиль для разработчиков
- легкий стиль для мобильных устройств
Последний стиль будет создан на основе существующего стиля lo-fi версии, однако, в отличие от последний он будет полнофункциональным, т.е. будет возможность авторизоваться, создавать темы и сообщения, осуществлять поиск по форуму и многое другое.
