Здесь в Окленде закончились питерские дожди с холодными вечерами, а я довёл до предфинального состояния резюме и сайт-портфолио, потратив на это больше недели. Кликайте на картинку ниже или stas.kulesh.co.nz, а я пока объясню, как это работает.
Сперва я три дня писал CV, которое по-нашему — резюме. Потом решено было обновить портфолио. Последний раз в нём что-то менялось аж в 2002 году. А сайт фото-портфолио с галереей на stas.kulesh.info для поисков работы дизайнером не годится. Итак, нужен сайт.
Сперва была идея. Есть два типа ремесленнеческих мастерских. Представители первого типа ставят на входе в магазин три-четыре супервещи, а в целом ассортимент не показывают, экономят тем самым на аренде, кстати. Второй тип снимает торговый зал и выставляет всё, что есть: от дешманской фигни до те же трёх-четырёх супервещей. Я выбрал второй вариант.
Для этого все работы —от иконок до игр— были с небольшой степенью порядка сложены на изображение размером 16384 х 16384. Adobe illustrator от такого совсем сошёл с ума и отказался экспортировать получившуюся картинку во что бы то ни было. В процессе работы периодически отказывался сохранять вообще. Сидишь до утра, раскладываешь картинки на плоскости, а потом бац — Unknown error occurred. Пришлось разбивать картинку на шестнадцать кусков, импортировать в BPM и склеивать обратно в Photoshop. Размер получившегося файла в байтах, сейчас посмотрю, 1 077 042 608 — гигабайт, короче.
Параллельно велись исследования на тему того, каким образом этот файл приближать-удалять и вообще, как осуществлять по нему навигацию. Выбор пал на Google Map API. Скриптом из Adobe ExtendScript Toolkit 2 файл-гигант был порезан на 5456 тайлов размером 256 x 256. Почему такое «некруглое» число? Это сумма степеней двойки: 4*4+8*8+16*16+32*32+64*64. Прототип, который таскается и зумится, был готов за несколько часов.
Потом захотелось ещё больше интерактивности и популярная библиотека mootools с этим отлично справилась. Через день зашевелились слои. Ещё через день резюме было аккуратно конвертировано в HTML и неплохо смотрелось в окне браузера. Отдельно были созданы стили для печати. Попробуйте сделать Print preview, увидите, что при попытке распечатать содержимое сайта, он трансформируется в удобоваримый, чистенький документ, с которым можно идти на собеседование.
Оставшееся время было потрачено на организацию работы маркеров с подгружением их из XML файла, кросс-браузерные дела и всякие мелочи вроде внешнего вида.
Поводом потратить ещё один день стала оптимизация размера. Поскольку в исходном варианте с тайлами, сохранёнными в формате PNG, сайт занимал около 400 мегабайт. Очень не хотелось видеть JPG-артефакты на странице, и я смог уменьшить размер до 300 мегабайт, что выглядело всё одно непростительно много. Ночь исследований показала, что лучше, чем Advanced JPEG Compressor с задачей конвертации справиться никто не может. Ныне общий размер сайта 77 мегабайт. «Great success»! — сказал бы Борат.
Надеюсь, эта поделка поможет в поисках работы в один из самых неблагоприятных в году периодов — перед Рождеством. Комментарии приветствуются. Более всего интересует, каково общее ощущение от пользования, нет ли эффекта «впадания в ступор» всё ли понятно и удобно?
Простые вопросы для «тестеров»: Какой у вас браузер? Как быстро загружается? «Зумится», «таскается»? Нажимаете CV и что происходит? Появляется ли в поле Featured список ссылок?
P.S.: Пользователи Digg.com могут по-доброму накликать на бэдж. Спасибо.
