Прототипирование. Практическое руководство.

Дополнительные ресурсы.

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

Инструменты.

Dreamweaver. Сайт и среда для разработки приложений от компании Adobe. Разделенный экран и модели анимированного предварительного просмотра дают приблизительное представление, на что будет похож прототип в браузере, когда вы выйдете из программы. А таким пуристам, как я, можно не беспокоиться, что эта программа перепишет ваш сверстанный вручную HTML-файл. www.adobe.com/products/dreamweaver/.

TextMate. TextMate отражает подход компании Apple к операционным системам, примененный к текстовому редактору. TextMate совмещает основы UNIX и графический интерфейс и предоставляет лучшие наработки и экспертам-программистам, и новичкам: macromates.com/.

Coda. Отличный небольшой «инструмент разработки в одном окне» от компании Panic Software[34]. www.panic.com/coda/.

Фреймворки.

960 Grid System. Система 960 Grid облегчает процесс разработки веб-приложений. Предоставляет фреймы наиболее часто используемых размеров с шириной 960 пикселей. Существует два варианта – 12 и 16 колонок. Каждый из них можно использовать отдельно; возможно также применять оба варианта одновременно. 960.gs.

Blueprint. CSS-фреймворк, цель которого – сократить время разработки. Он дает серьезную основу для создания проектов с легкой в использовании сеткой, толковой разметкой текста, полезными дополнениями и даже стилями для печати. www.blueprintcss.org.

JQuery. Это быстрая и лаконичная JavaScript-библиотека, которая упрощает действия в HTML, обработку событий, анимацию и взаимодействия в духе AJAX для быстрой веб-разработки. Она предоставляет новый способ написания команд на JavaScript. jquery.com/.

Prototype. JavaScript-фреймворк, цель которого – легкая разработка динамических веб-приложений. www.prototypejs.org.

Script.aculo.us. Используется вместе с Prototype, предоставляет простые в использовании кроссбраузерные интерфейсные библиотеки для создания сайтов и быстрых веб-приложений. script.aculo.us.

Protonotes. Маленькая JavaScript-библиотека, которая дает возможность добавлять комментарии к прототипам в окошках, внешне напоминающих листочки-стикеры. www.protonotes.com.

Статьи.

Гаррет Даймон, «Просто сделай: HTML-прототипирование и гибкая разработка»[35]: www.digital-web.com/articles/just_build_it_html_prototyping_and_agile_development/.

Джулия Стэнфорд, «Каркасные модели и прототипы в HTML без всяких хлопот»[36]: www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain.