Каркас сайта в один клик

    Дизайнерская компания Volkside сделала подарок веб-разработчикам, выпустив бесплатный букмарклет Wirify, с помощью которого можно отобразить каркас (wireframe) любого сайта одним щелчком мыши. Полезная вещь, чтобы быстро оценить некоторые аспекты дизайна сайта: модульную систему вёрстки, визуальную иерархию, свободное пространство, симметрию, золотое сечение, правило третей и т.д.



    Букмарклет можно перетянуть себе в закладки и запустить на любой странице, работает со всеми современными браузерами,



    Рендеринг на jQuery не всегда происходит идеально, иногда случаются небольшие искажения. Экспорт каркаса из Wirify не поддерживается, но можно воспользоваться плагинами для сохранения веб-страницы в виде картинки: Screengrab для Firefox или Screen Capture для Chrome.

    Если вам по работе приходится иметь дело с каркасами, то есть смысл присмотреться и к другим инструментам. Например, разработчики веб-сервиса jMockups обещают в ближайшее время выкатить фичу импорта каркаса любого сайта в пару щелчков мыши. То есть вы можете просто взять и позаимствовать чужую вёрстку для своего проекта без нарушения авторских прав. Кстати говоря, для Wirify сейчас тоже делают фичу экспорта в программу OmniGraffle (аналог MS Visio под Mac OS X и iPad).
    Support the author
    Share post

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 21

      –6
      Удобная вещь будет для кодеров, которые ненавидят верстку. Обязательно попробую.
        +7
        Зачем она кодеру, ненавидящему верстку?
          +1
          Чтобы лучше видеть, что именно ненавидеть :)
          +15
          отличная штука для уборщицы, ненавидящей готовку еды )
          0
          На хабре вайрфрейм какой-то некрасивый.
            +1


            Кажется, что он растянут немного.
            0
            html5 тэги не распознаёт. Или по крайней мере некоторые из них, типа time, cite, q, section, article…
              0
              cite и q вроде не html5. Но да, не совсем корректно обрабатывает.
              –3
              А как можно быстро оценить золотое сечение? :)
                +11
                Меньше о нем думать
                  0
                  Не в зс дело, а в контенте.
                  –3
                  Видимо www.volkside.com/tools/wirify/ не выдержал хабраэффект, лежит…
                  –4
                  Firefox + Firebug + Fire***…
                    –5
                    Интересно, но простенько. Думаю на базе этого кода, сейчас появятся более универсальные решения.
                      –5
                      Спасибо, занимательный инструмент. Особенно, когда ищешь идеи для новых дизайнов.
                        –9
                        Мне не понравилось, вряд ли буду пользоваться. Аргументировать не могу — просто душа не легла)
                          –1
                          Мне как-то хватает команды «Инфо — Показать вложенность элементов» плагина Web Developer для FireFox. Конечно здесь более универсально, но не работает offline.
                            +1
                            Я веб-разработчик, спасибо за подарок, а нафига оно надо то если не секрет?

                            Читал читал статью, букмарклет создал, сайт наш через нее прогнал, FireShot'ом воспользовался, так и не понял для чего мне это дало то.
                              0
                              Бекграунды хавает плохо, в итоге выходит что варфреймы не совсем соответствуют действительности
                                0
                                Зачем это нужно, конечно не понятно, зато можно играть в игру, укадай сайт :)

                                угадайте сайт
                                joxi.ru/Z6dv3D

                                Only users with full accounts can post comments. Log in, please.