Comments 112
Классный сервис!
Идея очень крутая!
Вот только есть спорный момент: я залил картинку шириной в 1600px и она обрезалась автоматически по ширине… А правильно ли это?
Но в целом очень здорово! Дизайнеры оценят:)
Вот только есть спорный момент: я залил картинку шириной в 1600px и она обрезалась автоматически по ширине… А правильно ли это?
Но в целом очень здорово! Дизайнеры оценят:)
Реализация идеи пока не очень.
Не знаю как у вас, у меня хабространица открывается минут пять — так что я буду тормозить с ответами :)
Это pre-alfa — в три часа ночи идя пришла в голову, в восемь утра залил на хостинг, так что все косяки (черный фон при картинках меньше и др.) исправлю в скрости. Была у меня мысль сделать расползающимся под размер загружаемой картинки — так и сделаю, просто это надо корпеть над шаблонами браузеров, нарезать их. Я решил вначале рабочекрестьянскую версию запустить.
А какой крутой домен я отхватил — вы оценили? Я даже не надеялся, что такие еще есть — повезло, наверное. Думал, придется регистрировать что-то вроде makepreviewdesignforyoursiteinbrowserwindows.info :)
Это pre-alfa — в три часа ночи идя пришла в голову, в восемь утра залил на хостинг, так что все косяки (черный фон при картинках меньше и др.) исправлю в скрости. Была у меня мысль сделать расползающимся под размер загружаемой картинки — так и сделаю, просто это надо корпеть над шаблонами браузеров, нарезать их. Я решил вначале рабочекрестьянскую версию запустить.
А какой крутой домен я отхватил — вы оценили? Я даже не надеялся, что такие еще есть — повезло, наверное. Думал, придется регистрировать что-то вроде makepreviewdesignforyoursiteinbrowserwindows.info :)
А как вы на такой скорости зарегистрировали домен?
А как вы на такой скорости зарегистрировали домен?
Шкурки сделать резиновые и будет всем счастье.
+ ко всему вышесказанному качество самих картинок браузера улучшите и все будет пучком ;)
UFO just landed and posted this here
есть ещё такое наречие — «удобнее» :)
из таких вот мелочей и складывается удобство работы => повышается её эффективность.
из таких вот мелочей и складывается удобство работы => повышается её эффективность.
вы действительно считаете, что дизайнеру удобнее иметь превьюшку с «makepreview.com» в адресной строке? тогда ещё удобнее взять готовый шаблон и сменить логотип, не?
UFO just landed and posted this here
Да не от кривости — от лени это все :)
А куда делся заголовок тега title?
Bообще нужно не загружать картинку, а просто писать url сайта.
Bообще нужно не загружать картинку, а просто писать url сайта.
Зачастую на этом этапе никакого сайта вообще нет, есть только макет.
Да, и куда-то подевались тулбары, которые использует заказчик. По-моему уже перебор.
Прикольная идея.
А вот если бы скрипт сам нарезал картинку, верстал и показывал в различных браузерах уже готовый HTML — вот это было бы совсем круто =)
А вот если бы скрипт сам нарезал картинку, верстал и показывал в различных браузерах уже готовый HTML — вот это было бы совсем круто =)
Ну не все Вам сразу и хорошо…
Автор пиарится, а значит ждет дельных предложений, а не то что Вы написали.
Вот вы едите ложкой? А зачем??? Руками тоже ведь можно…
Автор пиарится, а значит ждет дельных предложений, а не то что Вы написали.
Вот вы едите ложкой? А зачем??? Руками тоже ведь можно…
Эй народ! Я написал этот пост wearymax на его сообщение от 4 сентября 2008, 10:49
Просто по прывычке написал новое сообщение, а не ответил сразу…
Простите миня и не минусуйте…
Просто по прывычке написал новое сообщение, а не ответил сразу…
Простите миня и не минусуйте…
а хлеб и виноград вы тоже ложкой кушаете? жаль мне вас, руками тоже можно и гораздо удобнее. (это к тому, что пример сравнивает тёплое с мягким)
а можно сделать реализацию без адресной строки в скриншотах?
Смущает, что адрес остается вашего сервиса а не сайта, скриншот превью которого нужно делать.
Еще было бы очень круто, если бы окошки могли растягиваться, чтобы без скроллинга.
Вобщем, вам еще много над чем работать, удачи =)
Еще было бы очень круто, если бы окошки могли растягиваться, чтобы без скроллинга.
Вобщем, вам еще много над чем работать, удачи =)
было бы не плохо чтобы была возможность настроить превью, то есть адрес сайта, заголовок страницы…
А так спасибо) буду использовать
А так спасибо) буду использовать
Когда я предложил свою идейку «так, чисто поржать» — почему-то все оценили, так и решили сделать на скорую руку. В общем, мы решили сделать типа так: пользователь выбирает, в каком браузере он хотел бы видеть сайт — соответственно меняется просто стиль оформления «окна». Для нас это символизирует равную работоспособность сайта в разных браузерах.
Ваша идея интересна только в плане автоматизации, но пока сомнительна в необходимости: для меня всегда странно выглядят «браузеры» на скриншотах, высотой в 2000px, длинные страницы без прокруток — да и прочие мелочи.
Ваша идея интересна только в плане автоматизации, но пока сомнительна в необходимости: для меня всегда странно выглядят «браузеры» на скриншотах, высотой в 2000px, длинные страницы без прокруток — да и прочие мелочи.
молодцы круто сделали… давно об этом думал, но вот идея как то не сформировалась в готовый проект.
респект. возьму на заметку.
респект. возьму на заметку.
А можно позимствовать у Вас идею?
Совсем адресную строку не уберу, наверное, а адрес сайта вставлять попробую. Тоже и с заголовком постараюсь сделать. Главное сейчас замахнуться на «резиновый» шаблон, чтобы была возможность генерить превьюшку по размеру картинки.
Спасибо вам за этот сервис, я давно искал нечто подобное, только хотелось бы возможность что бы адресную строку можно было редактировать
Прикольная идея. Только у Сафари нижние уголки прямые, а не закругленные.
Пригодится. Хотелось бы больше настроек=)
а зачем нужны уменьшенные варианты?
Предлагаю разработать расширение для FF/
Думаю, что тоже будет удобно.
Думаю, что тоже будет удобно.
… а остальным срочно сосать лапу?
Тогда проще пользовать простой специфический софт с кучей настроек — и на все случаи жизни.
Тогда проще пользовать простой специфический софт с кучей настроек — и на все случаи жизни.
Лисоводам проще сделать расширение. Остальным софт. Причем здесь лапы? )
Ну можно же создать и плагины/виджеты под все браузеры. Или на крайний случай работать через сайт.
Просто смысл разработки — это же давать скриншоты сайтов (можно, конечно, и любым картинкам), но если сайты, то через браузер это делать удобней.
Никто никого не хочет ограничивать.
Можно, конечно, и софт такой написать.
Не знаю, есть ли софт, который реализует вставку изображений во внешний вид браузеров?
Просто смысл разработки — это же давать скриншоты сайтов (можно, конечно, и любым картинкам), но если сайты, то через браузер это делать удобней.
Никто никого не хочет ограничивать.
Можно, конечно, и софт такой написать.
Не знаю, есть ли софт, который реализует вставку изображений во внешний вид браузеров?
favicon?
качество конечных джипегов улучшить бы
Спасибо, дельная штука!
Кстати, если есть у автора желание — могу помочь с ресайзами под произвольное разрешение. Как с пользовательской, так и с серверной частью.
Да вроде пока php-help-а хватает. Спасибо :) Или там подводные камни? Пользователю готовая картинка выдается — там я резину при всем желании не сделаю, а на сервере просто порезать шаблоны браузеров грамотно надо и кусочками лепить вокруг загруженной картинки (вспоминая школу и училку начальных классов по математике :)
Просто сервис моей мечты, спасибо большое!
А почему не изменить концепцию и не сделать следующим образом:
— скриншот закачивается на сервер;
— получаем ссылку на страницу где это все можно посмотреть;
— сама страница просмотра имеет следущую структуру:
— — а) само изображение помещается в div с overflow: auto;
— — б) браузер обрамляет этот самый div, в адресной строке вписать URL который введет пользователь при добавлении скриншота;
— — в) вверху есть возможность переключить обрамление на другой браузер;
— — г) размер обрамления можно изменять (и div за ним меняется естественно), к примеру, правый нижний угол можно тянуть;
— — д) ограничение на окно — какой-то опытным путем определенный минимум, ну а максимум — размер скриншота;
— на странице просмотра есть кнопка чтоб получить скрин этого браузера в текущем его размере окна браузера (то что видим сейчас)
— скриншот закачивается на сервер;
— получаем ссылку на страницу где это все можно посмотреть;
— сама страница просмотра имеет следущую структуру:
— — а) само изображение помещается в div с overflow: auto;
— — б) браузер обрамляет этот самый div, в адресной строке вписать URL который введет пользователь при добавлении скриншота;
— — в) вверху есть возможность переключить обрамление на другой браузер;
— — г) размер обрамления можно изменять (и div за ним меняется естественно), к примеру, правый нижний угол можно тянуть;
— — д) ограничение на окно — какой-то опытным путем определенный минимум, ну а максимум — размер скриншота;
— на странице просмотра есть кнопка чтоб получить скрин этого браузера в текущем его размере окна браузера (то что видим сейчас)
было бы вообще шикарно… если бы не картинку загружать надо было… а просто адрес вводить… а сервис сам делал бы снимок… и обрамлял его…
вернее… имхо… это было бы более правильно :)
вернее… имхо… это было бы более правильно :)
так это немного другой случай — когда уже сайт выложен на сервер. А я для случая когда варианты дизайна только-только в фотошопе рисуются и заказчику надо выбрать, на чем остановится. А уж потом сервер…
Кстати, а реально малой кровью получить рендер сайта по урл?
Кстати, а реально малой кровью получить рендер сайта по урл?
да не должно быть сложно
вот на qwate.ru/ превьюшки сайтов же делаются…
вот на qwate.ru/ превьюшки сайтов же делаются…
вот посмотри библиотечку :)
www.phpclasses.org/browse/package/4608.html
www.phpclasses.org/browse/package/4608.html
Сенкью
и кстати есть еще один вариант...(правда… из разряда «бешеной собаке 7 верст не крюк») можно использовать какую нить библиотечку создания pdf из html страницы использовать… и сохранять не pdf, а в картинку…
Ну или выдрать от туда… парсер html тегов… и попробовать самому нарисовать… но это… отнють не «малая кровь»…
Ну или выдрать от туда… парсер html тегов… и попробовать самому нарисовать… но это… отнють не «малая кровь»…
гг уже и под хрому превью :) отправлял и делал превьюшки всегда без обрамления. Потому что вы получаете превью в обрамлении ВАШЕГО любимого браузера. Не факт что он любимый клиента, а если некоторым из-за не правильной цифры в телефонах, что-то не нравится, то не говорю уже о обрамлении.
Идея хорошая. Пользоваться сервисом скорее всего не буду, но идею возьму на заметку: нужно будет сделать заготовки резиновой «обложки» браузера, чтобы делать превьюшки для заказчика. К тому-же, для моих клиентов интерфейс Safari пока в новинку и они попросту не поймут «фичи». А так — штука полезная. Как говориться — «как это мне раньше в голову не пришло...»
Спасибо, добавил в закладки, хорошая идея
Ну с url вроде получилось — теперь можно произвольный указывать, хотя тот tahoma что у меня локально совсем не тот что получается на сервере (хотя файл-то мой!). Чудеса. Артем наверное знает в чем подстава, но не скажет…
Идея хорошо, но..:
1. Может все же русский? Многоязычность я думаю должна быть.
2. Сделать поле адрес, в которое ты сам будешь вбивать «адрес сайта»
Тоже самое можно и для титла
3. Выбор где делать «скриншот». Может человеку не нужно в ie, зачем лишний файл создавать?
1. Может все же русский? Многоязычность я думаю должна быть.
2. Сделать поле адрес, в которое ты сам будешь вбивать «адрес сайта»
Тоже самое можно и для титла
3. Выбор где делать «скриншот». Может человеку не нужно в ie, зачем лишний файл создавать?
прошу прощения. Посмотрел с утра, написал комент только щас и не заметил появившихся настроек.
Может ещё обложки браузеров тоже руссифицировать?
Может ещё обложки браузеров тоже руссифицировать?
Ха, классно, просто и классно)
1. Тени грязные и лучше спустить вниз на 2-3 пиксела.
2. Заголовка нет(title).
3. Адреса сайта нет в строке ввода.
4. Качество картинок низкое, грязь.
5. Favicon
2. Заголовка нет(title).
3. Адреса сайта нет в строке ввода.
4. Качество картинок низкое, грязь.
5. Favicon
Идея отлично, реализация плохая, на данном этапе этот сервес для меня как дизайнера бесполезен.
Как минимум надо убрать адресс вашего сайта в адресной строке, сделать тянучку и вроде качество картинки уменьшается после загрузки, это тоже недопустимо.
Как минимум надо убрать адресс вашего сайта в адресной строке, сделать тянучку и вроде качество картинки уменьшается после загрузки, это тоже недопустимо.
А у Вас в итоге на сервере огромная подборка шаблонов))
Не разбирался — из оперы файлы не жует.
Бесит, когда дизайнеры присылают картинку в оформлении броузера. Когда я открываю ее своим браузером, то вижу браузер в браузере.
Если они надеются, что я буду смотреть макеты в какой-нибудь гляделке, то смотреть сайт в интерфейсе гляделки уж тем более глупо )
Если они надеются, что я буду смотреть макеты в какой-нибудь гляделке, то смотреть сайт в интерфейсе гляделки уж тем более глупо )
Вообще дизайнеры редко присылают картинки в обрамлении рамки броузера. Я не видел таких ни разу. Больше как-то распространено сам макет засунуть в броузер-заказчик сразу види 100%
(отпадают вопросы а почему такая маленькая картинка-когда в гляделке макет умещается на весь экран по умолчанию, а макет под 1200 в высоту нарисован; видно сразу где край экрана под любым разрешением)
Эта штука больше для того что бы в портфель засунуть макеты. Хотя тоже сомнительно.
(отпадают вопросы а почему такая маленькая картинка-когда в гляделке макет умещается на весь экран по умолчанию, а макет под 1200 в высоту нарисован; видно сразу где край экрана под любым разрешением)
Эта штука больше для того что бы в портфель засунуть макеты. Хотя тоже сомнительно.
В целом понравилось, вот несколько комментариев
1) More settings
2) Качество выдаваемой картинки никак не устроило, слишком много артефактов.
3) Было бы прикольно если бы можно было выбирать, каким браузером будет обрамляться (сафари, файерфокс, хром, ие и так далее)
1) More settings
2) Качество выдаваемой картинки никак не устроило, слишком много артефактов.
3) Было бы прикольно если бы можно было выбирать, каким браузером будет обрамляться (сафари, файерфокс, хром, ие и так далее)
Ага…
— Самый отличный формат для обрамляющей картинки — это жепег со сжатием. Ну-ну.
— Ненастоящий нижний край браузера Safari — там прямые углы
— Несглаженный слипающийся шрифт…
— …даже продолжать не хочется.
Поделка.
— Самый отличный формат для обрамляющей картинки — это жепег со сжатием. Ну-ну.
— Ненастоящий нижний край браузера Safari — там прямые углы
— Несглаженный слипающийся шрифт…
— …даже продолжать не хочется.
Поделка.
Молодец! Суперсервис. Здоровый минимализм рулит! Сам когда-то хотел такое сделать, но как-то забылось замялось. И не надо никаких новостей, блогов, коментов и т.д. Сервис выполняет свою функцию, а больше и не нужно.
супер уже в закладках, очень полезно, а то постоянно приходилось скрины делать. а сколько по времени можно будет по ссылке обратиться? так заказчику показывать удобно )
отличный сервис, респект!
и хотя по идее это некий идеологический аналог уже существующего browsershots.org — все равно в закладки. и да, действительно, минимализм рулит!
и хотя по идее это некий идеологический аналог уже существующего browsershots.org — все равно в закладки. и да, действительно, минимализм рулит!
Огромный респектище! Все время мечтал о такой штуке, т.к. самому всегда лень этим заниматься :)
Но о веб-сервисе я, почему-то, и не думал, а, скорее, о плагине для Photoshop'а…
Спасибо!
Но о веб-сервисе я, почему-то, и не думал, а, скорее, о плагине для Photoshop'а…
Спасибо!
Полезный ресурс вы сделали! )))
Да простит меня автор, но лично мне представляется надуманной проблема, для решения которой был сделан целый сайт. Сложно представить дизайнера, который считает, что делать такие скриншоты действительно удобно и быстро с помощью веб-сервисов, а не в графическом редактора.
Да не было надумано никаких проблем. Придумал — сделал. Если бы я от всех бредовых идей отмахивался — ни одного сайта бы не закончил, а клепал бы странички на народе. Это же опыт, реальный, с заморочками со всякими. В следущий раз я не на заказчике буду эксперименты ставить и технологии отрабатывать, а предложу уже испытанные решения. И потом, что значит «сложно представить дизайнера»? — я уже не первый раз с этой проблемой сталкиваюсь и мне неудобно делать дырку в принтскрине и вставлять туда дизайн. А сделать аплоад на моем мегаканале быстрее чем фотошоп открыть. Да простит меня комментатор :)
Я вовсе не собирался бросить камень в ваш огород как идеолога и разработчика. Наоборот, тот факт, что вы не поленились реализовать вашу идею, достоин всяческого уважения. Меня, собственно, поразило, что «… неудобно делать дырку в принтскрине и вставлять туда дизайн». Я сам не смог бы сказать лучше :-)
Я себе всегда предствалял сборку портфолио таким образом: есть картинки одинаковых размеров, например, скриншоты веб-страниц. Единожды делаем слоёный файл-шаблон с интерфейсом браузера, текстовыми слоями для URLа и заголовка страницы. Что может быть проще — положить скриншот в этот файл в виде слоя, который будет находиться под браузерной бутафорией?
Возможно, я излишне консервативен, но таково моё частное мнение.
Я себе всегда предствалял сборку портфолио таким образом: есть картинки одинаковых размеров, например, скриншоты веб-страниц. Единожды делаем слоёный файл-шаблон с интерфейсом браузера, текстовыми слоями для URLа и заголовка страницы. Что может быть проще — положить скриншот в этот файл в виде слоя, который будет находиться под браузерной бутафорией?
Возможно, я излишне консервативен, но таково моё частное мнение.
а вот у меня ночальнег использует M$-кошерный формат BMP ;)
спасибо
Автор поправил с размерами макетов- умничка-продолжай в том же духе
клева, порадовали
Да, сервис шикарный. Я всё это делал ручками. А у вас всё очень удобно и без лишнего гемороя. Хватило бы сил, я бы вам плюс в карму поставил.
Сделал превьюшку и увидел снизу справа надпись: «powered by thumbalizr.com» — Вы оттуда АПИ вызываете?
Очень удобно использовать совместно с плагином FireShot (для Firefox)
Ссылка
Ссылка
У меня не работает
Sign up to leave a comment.
А вы как превьюшки дизайнов делаете?