Главная страница сайта украинской газеты
Эта верстка выполнена для студии «InTouch». Макет страницы «резиновый» — аккуратно тянется в ширину во всех современных браузерах. При этом красиво «разъезжаются» шапка и подвал.
Блоки с меню и содержанием сделаны полупрозрачными. Прозрачность работает в IE6 за счет использования одного из существующих pngFix'ов.
Также в макет интегрирован один из jQuery-плагинов для слайдера изображений.
Как обычно, макет сделан по принципу «graceful degradation», разметка осмысленная и не содержит лишних блоков, заглушек и прочей ерунды.
Сайт сверстан пиксель в пиксель. Скриншот оригинального макета.
Макс Карданец, арт-директор агентства «InTouch», оставил о работе следующий отзыв:
Заказывал верстку у Олега. Работа была качественно сделана и в срок. Особенно порадовало отношение к заказу — ко всем мелким деталям уделялось максимум внимания. Очень приятно работать с такими людьми, как Олег.
Сайт-визитка управляющей компании
Эта работа выполнена для студии дизайна «Красивый Ход».
Кроме самой верстки (как всегда валидной и все-все-все), я сделал шаблоны для Joomla и «натянул» их на поднятую с нуля CMS.
В работе использованы стандартные для моей верстки xHTML 1.0 Strict и CSS 2.1, а также модифицированный jQuery-плагин Accordion для показа направлений сотрудничества на одноименной страницы и jQuery lightbox для показа фотографий, связанных с проектами.
Можно посмотреть: дизайн главной и дизайн внутренней страницы.
Верстка главной страницы клуба Flying Steps
Первая работа, сделанная в рамках моего проекта «Бесплатная верстка».
Оригинальный дизайн достаточно сложный, с множеством мелких деталей, каждая из которых тщательно проработана. При любых непредвиденных изменениях (в разумных пределах, само собой!) в количестве текста, пунктов меню или длине названий макет ведет себя адекватно и именно так, как ожидается.
Интересно, слоями, сделана шапка страницы: сначала выводится картинка с закругленными границами блока, потом облака и только потом наложенный сверху кубик со свечением. Причем все это без добавления лишних блоков и, соответственно, без ущерба чистоте и осмысленности кода!
В самом макете также находится описание сделанного и принятых в процессе работы решений.
Макет главной страницы сайта туристической фирмы
Верстка дизайна главной страницы сайта туристической фирмы. В примере текстовые названия заменены на «рыбу», дабы страница с примером работы не оказалась в поиске выше самого сайта :)
Макет сверстан с использованием валидных xHTML 1.0 Strict и CSS 2.1 по «исходникам» в формате PSD. Все картинки по просьбе заказчика сохранены в формате JPEG, хотя во многих местах лучше было использовать формат со сжатием без потери качества, например PNG.
Также по просьбе заказчика xHTML-код (UTF-8) снабжен комментариями. Вы можете также посмотреть CSS.
Макет страницы «резиновый» с минимальной шириной в 952 пикселя. В HTML пришлось добавить пару лишних элементов для эмуляции CSS-свойства min-width в Internet Explorer, с которым он наотрез отказывается «дружить».
Как и всегда, вся верстка сделана руками в простом текстовом редакторе с подсветкой синтаксиса, gedit.
Макет страницы для сайта строительной фирмы
Макет выполнен с использованием HTML 4.01 и CSS 2.1. Ничего примечательного в этой работе нету, кроме способа реализации фоновой картинки справа внизу страницы. Более того, за эту работу заказчик не только не заплатил, но даже отзыв не потрудился оставить.
Посмотреть: HTML-код, таблицу стилей.
Сайт адвоката Карпова
Сайт замечательного специалиста и просто хорошего человека, Карпова Сергея Викторовича.
На сайте в наглядной и доступной форме представлен список оказываемых адвокатом услуг, хранится архив наиболее интересных дел. Предусмотрен отдельный раздел для контактной информации, включающий в себя все необходимое для того, чтобы связаться с адвокатом любым удобным способом — по e-mail, телефону — или навестить его в офисе.
Online PDF3D Converter
Онлайн-версия PDF3D Converter. Предоставляет те же возможности, что и «настольная» версия приложения. Серверная часть работает на ОС Linux (впрочем, заработает и на любой другой платформе, где есть Apache), клиентская доступна через любой стандартный браузер.
Интерфейс реализован в виде наглядного пошагового «мастера», который проводит пользователя от загрузки или выбора уже загруженного файла модели, которую требуется конвертировать, к результату конвертирования, доступному для скачивания.
PDF3D Converter
Программа-оболочка (GUI) для библиотеки PDF3D фирмы Visual Technology Services, UK. Программа предназначена для создания PDF-файлов из 3d-моделей.
Моей задачей была разработка логики пользовательского интерфейса на основе библиотеки Qt с использованием C++. В процессе разработки также были спроектированы и реализованы несколько классов компонентов для более функционального внутреннего представления данных.
Функциональная спецификация для проекта «Разучи-ка!»
В этом документе описывается вымышленная (впрочем, ее вполне реально сделать) программа для людей, изучающих иностранные языки.
Программа облегчает процесс «заучивания» иностранных слов с помощью несложного приема, подсказанного мне бабушкой-филологом. Прочитайте и узнаете, что это за прием!
Именно так выглядит реальная документация к реальным проектам, за исключением утрированно-шутливого стиля изложения. Хотя, надеюсь, вам понравится!
Просмотрев пример, вы лучше поймете, что я имею в виду, говоря о необходимости документирования программного обеспечения, уж по крайней мере той его части, с которой непосредственно взаимодействует пользователь. Именно поэтому спецификация и называется «функциональной».