<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Блог о дизайне &#187; онлайн</title>
	<atom:link href="http://floody.ru/archives/tag/%d0%be%d0%bd%d0%bb%d0%b0%d0%b9%d0%bd/feed" rel="self" type="application/rss+xml" />
	<link>http://floody.ru</link>
	<description>Блог о дизайне и вообще...</description>
	<lastBuildDate>Tue, 07 Feb 2012 23:51:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Как сделать красивую презентацию онлайн?</title>
		<link>http://floody.ru/archives/714</link>
		<comments>http://floody.ru/archives/714#comments</comments>
		<pubDate>Fri, 22 Apr 2011 04:16:38 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[красивую]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[презентацию]]></category>
		<category><![CDATA[сделать]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/714</guid>
		<description><![CDATA[Презентация — неотъемлемая часть при демонстрации нового приложения, доклада, гаждета или любого другого продукта. Слайды могут наглядно показать достоинства продукта и помочь в рассказе о его характеристиках, функциях или других важных деталях. Презентации используются очень часто, и затронуть в них &#8230; <a href="http://floody.ru/archives/714">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Презентация — неотъемлемая часть при демонстрации нового приложения, доклада, гаждета или любого другого продукта. Слайды могут наглядно показать достоинства продукта и помочь в рассказе о его характеристиках, функциях или других важных деталях. <span id="more-714"></span> Презентации используются очень часто, и затронуть в них можно практически любые темы. Это означает, что уметь создавать простые, но красивые и понятные презентации должны практически все. К сожалению, поиск и установка специализированного программного обеспечения дело не из легких. К тому же, программа может обладать сложным набором функций и плохим интерфейсом, что только затруднит создание слайдов.</p>
<p>В этой статье мы расскажем о 10 бесплатных онлайн инструментах, которые помогут сделать красивую и информационную презентацию без лишних проблем и, что самое главное, за короткое время.</p>
<p><a href="http://280slides.com/">280 Slides</a>
<p><img src="http://pic.womtec.ru/presentation-online/280slides.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p>280 Slides — это бесплатный онлайн инструмент, с простым и понятным интерфейсом. При создании презентации вы можете загрузить необходимые файлы со своего компьютера или начать разработку презентации, выбрав готовые шаблоны и темы. Приложение позволяет добавлять в презентацию фотографии и ролики из Flickr и YouTube, писать форматируемые тексты, делать короткие заметки на русском языке и создавать разные геометрические фигуры. Готовую работу можно скачать в формате pptx (PowerPoint) или отравить ссылку по e-mail.</p>
<p><a href="http://www.sliderocket.com/">SlideRoket</a>
<p><img src="http://pic.womtec.ru/presentation-online/sliderocket.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p>SlideRoket — веб-приложение, обладающее большим количеством разнообразных функций, и идеально подходящее для создания сложных и красивых презентаций. Как и в 280 Slides вы можете начать разработку загрузив свои файлы из PowerPoint или воспользоваться готовыми шаблонами. Кроме стандартного набора функций (рисование фигур, редактирование текста, добавление фото) приложение включает в себя возможность совместной разработки, создание подробных отчетов, добавление аудио, а также экспорт готового проекта, например, в pdf файл. Для начала работы необходимо зарегистрироваться и выбрать тарифный план (Lite — бесплатно или Pro — $240 в год), после чего можно приступать к работе над проектом.</p>
<p><a href="http://www.empressr.com/">Empressr</a>
<p><img src="http://pic.womtec.ru/presentation-online/empressr.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p>Empressr — популярный онлайн сервис, позволяющий делать презентации любого уровня сложности. На первом этапе разработки вы можете загружать свои картинки, видео ролики, графики и таблицы. Далее, благодаря встроенным инструментам, удобному интерфейсу и интеграции с различными сервисам (Flickr, Google, Yahoo и Photobucket) можно дополнить презентацию картинками, текстом, фигурами и другим необходимым контентом. Кроме того можно узнать сколько человек посмотрели вашу презентацию.</p>
<p><a href="http://prezi.com/">Prezi</a>
<p><img src="http://pic.womtec.ru/presentation-online/prezi.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p>Prezi — интернет-сервис с бесплатными и платными функциями. Сервис оснащен красивым и навороченным flash-интерфейсом и предоставляет большой набор инструментов для работы с текстами, графикой, фигурами и другими объектами. Есть возможность вставки в презентацию видео и flash-роликов. Начиная с платных версий (Enjoy — $59 в год или Pro — $159 в год) вам предоставляется больший объем памяти для хранения данных (500Mb и 2000Mb, вместо 100Mb), возможность убрать логотип сервиса из создаваемой презентации, а также использовать специальное приложение для работы в автономном режиме.</p>
<p>Конечно же, это не все веб-приложения, которые позволяют создавать презентации бесплатно. Поэтому ниже мы собрали еще 6 онлайн сервисов для выполнения идентичной задачи. Их функции очень схожи с теми, о которых мы рассказывали вам в этой статье. Некоторые также предоставляют платные дополнения, но и бесплатных функций точно хватит для разработки красочной презентации.</p>
<p><a href="http://show.zoho.com/login.do">Zoho Show</a></p>
<p><img src="http://pic.womtec.ru/presentation-online/zohoshow.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p><a href="http://www.vcasmo.com/">Vcasmo</a></p>
<p><img src="http://pic.womtec.ru/presentation-online/vcasmo.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p><a href="https://docs.google.com/">Google Docs</a></p>
<p><img src="http://pic.womtec.ru/presentation-online/googledocs.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p><a href="http://prezentit.com/">Prezentit</a></p>
<p><img src="http://pic.womtec.ru/presentation-online/prezentit.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p><a href="http://www.mindflash.com/">Mindflash</a></p>
<p><img src="http://pic.womtec.ru/presentation-online/mindflash.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p><a href="http://www.slidebank.com/">Slidebank</a></p>
<p><img src="http://pic.womtec.ru/presentation-online/slidebank.jpg" alt="Как сделать красивую презентацию онлайн?" title="Как сделать красивую презентацию онлайн?" /></p>
<p>Надеемся, что эта статья поможет найти вам наиболее удобный сервис и создание красивых презентаций станет для вас простым и интересным делом (:</p>
<p>womtec.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/714/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Веб-операционная система онлайн</title>
		<link>http://floody.ru/archives/673</link>
		<comments>http://floody.ru/archives/673#comments</comments>
		<pubDate>Tue, 12 Oct 2010 06:28:17 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[операционная]]></category>
		<category><![CDATA[система]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/673</guid>
		<description><![CDATA[Возможно, многие из нас уже слышали о WebOS или веб-операционных системах. Но мы уверены, что большая часть никогда не задумывалась о том, что это такое и как работать с такой операционной системой. Сейчас количество веб-систем очень велико, что показывает заинтересованность &#8230; <a href="http://floody.ru/archives/673">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Возможно, многие из нас уже слышали о WebOS или веб-операционных системах. Но мы уверены, что большая часть никогда не задумывалась о том, что это такое и как работать с такой операционной системой.</p>
<p>Сейчас количество веб-систем очень велико, <span id="more-673"></span> что показывает заинтересованность сегодняшних пользователей интернета в онлайн операционках. Выбор использования онлайн аналога обусловлен несколькими факторами или, если так можно выразиться, плюсами, которые предлагают системы. WebOS позволяют использовать свой рабочий стол на любом компьютере, где есть доступ в интернет. Системы не зависят от аппаратной части компьютера, на котором вы работаете. Большинство из них имеют очень красивый внешний вид и минимально необходимый функционал для работы (почта, rss, файловый менеджер, калькулятор, офисные пакеты, контакты календарь, чат, mp3-плеер и т.д.). Кроме этого, каждая система предоставляет дополнительные возможности, такие как, например, увеличение дискового пространства, а работа в WebOS ничем не отличается от работы в простой операционной системой.</p>
<p>Ниже мы составили список из 10 самых функциональных и удобных веб-операционных систем.</p>
<p><a href="http://www.eyeos.org/">Eye OS</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/eye-os.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://www.icloud.com/ru">Icloud</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/icloud.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://www.silveos.com/">Silve OS</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/silve-os.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://pip.io/">Pip</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/pip.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://startforce.com/">Startforce</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/startforce.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://www.cornelios.org/">CorneliOS</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/corneli-os.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://peepel.com/">Peepel</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/peepel.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://www.glidedigital.com/">Glide</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/glide.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://cloudo.com/">Cloudo</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/cloudo.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p><a href="http://kidoz.net/">Kidoz</a></p>
<p><img src="http://pic.womtec.ru/web-operating-systems/kidoz.jpg" alt="Веб-операционная система онлайн" title="Веб-операционная система онлайн" /></p>
<p>womtec.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/673/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Проверка скорости загрузки сайта онлайн</title>
		<link>http://floody.ru/archives/663</link>
		<comments>http://floody.ru/archives/663#comments</comments>
		<pubDate>Sun, 12 Sep 2010 03:28:03 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[загрузки]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[Проверка]]></category>
		<category><![CDATA[сайта]]></category>
		<category><![CDATA[скорости]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/663</guid>
		<description><![CDATA[Скорость загрузки один из важнейших параметров для любого сайта. От того на сколько быстро загружаются страницы на блоге будет зависеть количество его посетителей. Причина такого утверждения довольно проста — большинство пользователей, как правило, не любит ждать, пока страница со всем &#8230; <a href="http://floody.ru/archives/663">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Скорость загрузки один из важнейших параметров для любого сайта. От того на сколько быстро загружаются страницы на блоге будет зависеть количество его посетителей. Причина такого утверждения довольно проста — большинство пользователей, как <span id="more-663"></span> правило, не любит ждать, пока страница со всем содержимым полностью загрузиться и если загрузка очень медленная, то человек просто уйдет на другой ресурс.</p>
<p>Поэтому, при разработке нового сайта или оптимизации уже существующего, необходимо учитывать этот параметр одним из первых. К тому же, после того как Google добавил этот фактор при ранжировании в поисковой выдаче, вопрос по ускорению загрузки страниц сайта стал еще актуальнее.</p>
<p>Сегодня, самый простой и удобный способ, для определения скорости загрузки страницы — воспользоваться бесплатными сервисами, которых с каждым годом становиться все больше и больше, а их функционал все разнообразнее и разнообразнее. В этой статье вы найдете 10 самых лучших сервисов, позволяющих проверить ваш ресурс на быстроту.</p>
<p><a href="http://tools.pingdom.com/">Pingdom</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/1.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://gtmetrix.com/">GTmetrix</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/2.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://loadimpact.com/">Load Impact</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/3.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://www.octagate.com/service/SiteTimer/">OctaGate SiteTimer</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/4.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://www.webtoolhub.com/tn561353-website-speed-test.aspx">Website Speed Test</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/5.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://webo.in/">Webo</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/6.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://rapid.searchmetrics.com/en/seo-tools/site-analysis/website-speed-test,46.html">Searchmetrics</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/9.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://browsermob.com/free-website-performance-test">Browser Mob</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/10.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://site-perf.com/">Site-Perf</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/7.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p><a href="http://lightspeednow.com/">LightSpeedNow</a></p>
<p><img src="http://pic.womtec.ru/speed-check-tools/8.jpg" alt="Проверка скорости загрузки сайта онлайн" title="Проверка скорости загрузки сайта онлайн" /></p>
<p>womtec.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/663/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Онлайн приложения для создания макета или прототипа сайта</title>
		<link>http://floody.ru/archives/657</link>
		<comments>http://floody.ru/archives/657#comments</comments>
		<pubDate>Mon, 23 Aug 2010 01:11:49 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[макета]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[приложения]]></category>
		<category><![CDATA[прототипа]]></category>
		<category><![CDATA[сайта]]></category>
		<category><![CDATA[создания]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/657</guid>
		<description><![CDATA[Важная задача при создании эффективного проекта с малым количеством ошибок — составление плана или наброска для будущего сайта, блога или любого другого стартапа. Перескакивания в процессе создания элементов интерфейса с одной части на другую неприемлемы и могут стать проблемой, головной &#8230; <a href="http://floody.ru/archives/657">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Важная задача при создании эффективного проекта с малым количеством ошибок — составление плана или наброска для будущего сайта, блога или любого другого стартапа. Перескакивания в процессе создания элементов интерфейса с одной части на другую <span id="more-657"></span> неприемлемы и могут стать проблемой, головной болью для создателей.</p>
<p>Поэтому, пока люди умеют держать карандаш в руках, будут прототипы, макеты, наброски и т.п., то есть то, что позволит увидеть некий план сайта, его структуру, которые будет служить каркасом для дальнейшей разработки интерфейса и дизайна сайта.</p>
<p><a href="http://pic.womtec.ru/online-wireframes/wireframes.jpg">
<p><img src="http://pic.womtec.ru/online-wireframes/wireframes.jpg" alt="Онлайн приложения для создания макета или прототипа сайта" title="Онлайн приложения для создания макета или прототипа сайта" /></p>
<p></a>А необходимо ли создание макета сайта?
<p>Прототип или макет сайта по своей сущности — черно-белое представление, структура, детали интерфейса веб-сайта. Макет, как правило, сочетает в себе только идею, которая позднее воспроизводится на экране, сохраняя при этом целостность разработанной структуры или иными словами первоначальное расположение элементов.</p>
<p>Создание прототипа позволит сэкономить время и деньги, а также практически полностью определиться со структурой сайта. Решение проектировать ресурс без планирования, в дальнейшем может во много раз снизить его эффективность, что в конечном итоге скажется как на развитии, так и на доходах.</p>
<p>В этой статье мы собрали несколько приложений и онлайн инструментов для создания макетов или прототипов для сайта. И хотя все эти инструменты позволяют делать качественные и простые для понимания макеты, порой простой карандаш или ручка могут быть не менее удобными средствами при проектировании прототипа.</p>
<p>Именно по-этому многие разработчики сочетают обе возможности, воздавая макет на бумаге, и впоследствии перенося его на экран с частичными доработками. Главный плюс такого варианта в том, что с электронным прототипом будет проще работать, он позволяет редактировать и дорабатывать детали наиболее оперативно. Ведь внести небольшое изменение и распечатать макет, гораздо удобнее, чем полностью перерисовывать его заново вручную.</p>
<p>И все же, окончательное решение и выбор наиболее подходящего инструмента всегда остается за разработчиком.</p>
<p><a href="http://gomockingbird.com/">Mockingbird</a>
<p><img src="http://pic.womtec.ru/online-wireframes/wmockingbird.jpg" alt="Онлайн приложения для создания макета или прототипа сайта" title="Онлайн приложения для создания макета или прототипа сайта" /></p>
<p>Mockingbird — очень популярный инструмент для создания прототипов. Он позволяет легко создавать, просматривать и редактировать макет, а так же обмениваться наработками друг с другом. Сервис обладает красивым и удобным интерфейсом, включает привязку к сетке, перетаскивания, большой набор разнообразных элементов и много других полезных функций и параметров.</p>
<p><a href="http://pencil.evolus.vn/en-US/Home.aspx">Pencil Project</a>
<p><img src="http://pic.womtec.ru/online-wireframes/wpencil.jpg" alt="Онлайн приложения для создания макета или прототипа сайта" title="Онлайн приложения для создания макета или прототипа сайта" /></p>
<p>Pencil Project скорее большой плагин для FireFox, нежели онлайн сервис или веб-приложение. После его установки создавать схемы, макеты и пользовательские интерфейсы можно будет прямо в браузере, а благодаря простому интерфейсу и большому количеству всевозможных инструментов и функций (многостраничные документы, богатая поддержка текста, экспорт html, png, файлов OpenOffice и многое другое) разработка будет упрошена до минимума.</p>
<p><a href="http://www.protoshare.com/">ProtoShare</a>
<p><img src="http://pic.womtec.ru/online-wireframes/wprotoshare.jpg" alt="Онлайн приложения для создания макета или прототипа сайта" title="Онлайн приложения для создания макета или прототипа сайта" /></p>
<p>Photoshare предоставляет собой простой инструмент для создания каркасов сайта. С помощью этого сервиса вы сможете создать прототип любой сложности т.к. сервис обладает всеми необходимыми инструментами. Вид интерфейса и его удобство настолько тонки, что окно для работы никогда не будет казаться переполненным и даст достаточно места для работы.</p>
<p><a href="https://www.hotgloo.com/">Hot Gloo</a>
<p><img src="http://pic.womtec.ru/online-wireframes/whotgloo.jpg" alt="Онлайн приложения для создания макета или прототипа сайта" title="Онлайн приложения для создания макета или прототипа сайта" /></p>
<p>Очень удобное и популярное средство для разработки макетов. Яркий и простой интерфейс с гигантским набором инструментов, функции и всевозможные средства для создания, редактирования и калибровки прототипа сайта. Разные привязки, функции перетаскивания элементов, обширное количество свойств у объектов … перечислять полезные функции можно бесконечно. Нельзя не отметить возможность поделиться наработкой с коллегами и простой функцией передачи файлов при работе в команде. Но, при большом количестве плюсов всегда есть и минус. Для использования сервиса на полную мощность придется заплатить от 7 до 48 долларов в месяц, в зависимости от выбранного тарифа.</p>
<p><a href="http://www.mockflow.com/">MockFlow</a>
<p><img src="http://pic.womtec.ru/online-wireframes/wmockflow.jpg" alt="Онлайн приложения для создания макета или прототипа сайта" title="Онлайн приложения для создания макета или прототипа сайта" /></p>
<p>MockFlow — онлайн и оффлайн сервис с обширная библиотекой шаблонов и различных элементов, количество которых позволяет свободно управлять разработкой и тем самым делать оригинальные и технически сложные прототипы. Приложение распространяется как в свободном доступе, так и в платном варианте. При оплате безлимитного пакета (цена составляет 4.91$ в месяц) вы получаете доступ ко всем макетам, дисковую квоту в 500МБ для хранения информации, экспорт в PDF/PPT, командный чат и много других разнообразных функций.</p>
<p>Вот, пожалуй, самые удобные, на наш взгляд, онлайн приложения для создания макета сайта.</p>
<p>womtec.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/657/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Онлайн инструменты для проверки кроссбраузерности</title>
		<link>http://floody.ru/archives/627</link>
		<comments>http://floody.ru/archives/627#comments</comments>
		<pubDate>Wed, 30 Jun 2010 03:23:55 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[инструменты]]></category>
		<category><![CDATA[кроссбраузерности]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[проверки]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/627</guid>
		<description><![CDATA[Кoгдa дeлo дoxoдит дo изучeния прoстoрoв глoбaльнoй сeти, у пoльзoвaтeлeй интeрнeтa eсть вeсьмa широкий выбор браузеров (просмотровщиков). Наша обязанность, как дизайнеров и разработчиков веб-ресурсов — обеспечить совместимость сайта со всеми видами браузеров, иными словами обеспечить кроссбраузерность сайта. Но сразу возникает &#8230; <a href="http://floody.ru/archives/627">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Кoгдa дeлo дoxoдит дo изучeния прoстoрoв глoбaльнoй сeти, у пoльзoвaтeлeй интeрнeтa eсть вeсьмa широкий выбор браузеров (просмотровщиков). Наша обязанность, как дизайнеров и разработчиков веб-ресурсов — обеспечить совместимость сайта со всеми <span id="more-627"></span> видами браузеров, иными словами обеспечить кроссбраузерность сайта.</p>
<p>Но сразу возникает вопрос — какие браузеры используют пользователи? Сейчас самыми популярными «просмотровщиками» веб-страниц являются Internet Explorer 7 и 8, Mozilla Firefox, <a href="http://womtec.ru/2010/02/google-chrome-plugins/">Google Chrome</a> и Opera. Однако для каждого вида сайта, в зависимости от того к какой тематике он относится, процент посетителей с разными браузерами может сильно варьироваться. Поэтому, довольно часто, разработчики определяются, с какой аудиторией им предстоит работать и в зависимость от результатов «подготавливают» ресурс только под определенные виды браузеров.</p>
<p>Конечно же, протестировать ресурс на одной машине, даже установив несколько видов «просмотровщиков», практически нереально. Но благодаря специальным инструментам и веб-сервисам можно легко определить, как выглядит ресурс в том, или ином браузере на разных операционных системах.</p>
<p>В этой статье мы подготовили для вас ряд онлайн инструментов и сервисов, которые можно смело использовать при тестировании кроссбраузерности сайта.</p>
<p><a href="http://browsershots.org/">Browsershots</a>
<p><img src="http://pic.womtec.ru/cross-browser-compatibility/browsershots.jpg" alt="Онлайн инструменты для проверки кроссбраузерности" title="Онлайн инструменты для проверки кроссбраузерности" /></p>
<p>Browsershots — это самый популярный сервис для тестирования кроссбраузерности. Он делает скриншоты вашего сайта практически во всех видах браузеров. Благодаря тонкой настройке можно выбрать как виды движков (WebKit или Gecko), так и виды операционных систем (Linux, Windows, Mac OS X или BSD). Так же в настройках есть <a href="http://womtec.ru/2009/04/what-resolution-to-use-for-your-website/">выбор разрешения экрана</a>, присутствие установленного javascript, flash, java и другие виды параметров.</p>
<p><a href="http://ipinfo.info/netrenderer/">NetRenderer</a>
<p><img src="http://pic.womtec.ru/cross-browser-compatibility/netrenderer.jpg" alt="Онлайн инструменты для проверки кроссбраузерности" title="Онлайн инструменты для проверки кроссбраузерности" /></p>
<p>Благодаря этому онлайн инструменту можно бесплатно проверить кроссбраузерность сайта во всех версиях Internet Explorer (версии 5.5, 6, 7, 8, а так же 7-6 Mixed и 7-6 Difference). Из функционала стоит выделить отображение времени обработки и ограничение размера экрана в 1024px.</p>
<p><a href="http://spoon.net/Browsers/">Browser Sandbox</a>
<p><img src="http://pic.womtec.ru/cross-browser-compatibility/sandbox.jpg" alt="Онлайн инструменты для проверки кроссбраузерности" title="Онлайн инструменты для проверки кроссбраузерности" /></p>
<p>С помощью этого сервиса вы можете запускать станицы в разных браузерах, таких как IE, Firefox, Safari, Chrome и Opera непосредственно из своего браузера. Единственное отличие от других сервисов в обзоре — необходимость установки небольшого дополнения, которое обеспечивает дальнейшее тестирование.</p>
<p><a href="http://www.browsrcamp.com/">Browsrcamp</a>
<p><img src="http://pic.womtec.ru/cross-browser-compatibility/browsrcamp.jpg" alt="Онлайн инструменты для проверки кроссбраузерности" title="Онлайн инструменты для проверки кроссбраузерности" /></p>
<p>Browsrcamp позволяет проверить совместимость вашего сайта с браузерами в Mac OS X. Бесплатная версия позволяет проверить ресурс только в Safari 3.1.2. Но при оплате подписки можно будет тестировать ресурс в 12 различных браузерах, которые могут быть установлены на этой OC. Полный список браузеров, как и стоимость подписки, можно найти на страницах сервиса.</p>
<p><a href="https://browserlab.adobe.com/en-us/index.html">Adobe BrowserLab</a>
<p><img src="http://pic.womtec.ru/cross-browser-compatibility/browserlab.jpg" alt="Онлайн инструменты для проверки кроссбраузерности" title="Онлайн инструменты для проверки кроссбраузерности" /></p>
<p>Еще один популярный веб-сервис, который позволяет проверять отображение ресурсов в разных браузерах и на разных ОС. Среди функционала есть такие полезные возможности как проверка сайта в разных разрешениях, настройка, редактирование и сохранение различных сочетаний браузеров для тестирования.</p>
<p><a href="http://www.browsera.com/">Browsera</a>
<p><img src="http://pic.womtec.ru/cross-browser-compatibility/browsera.jpg" alt="Онлайн инструменты для проверки кроссбраузерности" title="Онлайн инструменты для проверки кроссбраузерности" /></p>
<p>Платный онлайн сервис предназначенный для тестирования сайта в целом, а не только для проверки кроссбраузерности сайта. Большой набор всевозможных функций и настроек делает Browsera мощным средством для отладки веб-сайта. Из возможностей отметим: анализатор ошибок сценариев на JavaScript; возможность тестирования всего сайта, а не только отдельных страниц; тестирование страниц с динамическим содержанием. У сервиса есть бесплатно-тестовая версия, которая позволяет отлаживать не более 25 страниц в месяц, а так же бесплатный 30-дневный пробный период.</p>
<p><a href="http://litmusapp.com/">Litmusapp</a>
<p><img src="http://pic.womtec.ru/cross-browser-compatibility/litmus.jpg" alt="Онлайн инструменты для проверки кроссбраузерности" title="Онлайн инструменты для проверки кроссбраузерности" /></p>
<p>Еще один платный сервис с большим количеством разнообразных функций, как мелких и довольно специфичных, так и крупных и очень полезных (чего стоит только возможность тестирования сайта на мобильных устройствах с Windows Mobile, Symbian или iPhone). О полном списке возможностей и разнообразных «плюсов» можно прочитать на страницах сервиса.</p>
<p>А какими сервисами и инструментами пользуетесь вы когда тестируете кроссбраузерность сайта?</p>
<p>womtec.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/627/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Подбираем шрифт для сайта с помощью онлайн сервисов</title>
		<link>http://floody.ru/archives/622</link>
		<comments>http://floody.ru/archives/622#comments</comments>
		<pubDate>Tue, 22 Jun 2010 01:27:06 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[Подбираем]]></category>
		<category><![CDATA[помощью]]></category>
		<category><![CDATA[сайта]]></category>
		<category><![CDATA[сервисов]]></category>
		<category><![CDATA[шрифт]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/622</guid>
		<description><![CDATA[Это пост будет интересен тем кто в данный момент думает над типографикой сайта. Если разрабатываете какой-то новый проект с нуля или затеяли редизайн, вам могут пригодится два интересных сервиса с которыми я хочу вас познакомить. Первый сервис поможет вам заполнить &#8230; <a href="http://floody.ru/archives/622">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://lh3.ggpht.com/_vScVCDhZ52k/TB-WQ48QeUI/AAAAAAAAH9o/sju-jlsRvfU/s800/ilovetypog.jpg" alt="Пoдбирaeм шрифт для сaйтa с пoмoщью oнлaйн сeрвисoв" title="Пoдбирaeм шрифт для сaйтa с пoмoщью oнлaйн сeрвисoв" /></p>
<p>Это пост будет интересен тем кто в данный момент думает над типографикой сайта. Если разрабатываете какой-то новый проект с нуля или затеяли редизайн, вам могут пригодится два интересных сервиса с которыми я хочу вас познакомить. Первый <span id="more-622"></span> сервис поможет вам заполнить макет подстановочным текстом (он же «рыба»), второй — определиться с его стилем.</p>
<p>Когда «колдуешь» над новым макетом обычно содержимого еще нет, в то время как оно уже требуется. Требуется потому что без него сложно оценить то что у тебя получается и как будет выглядеть впоследствии. К тому же бывает делаешь не для себя, а для кого-то и этому кому-то хочется посмотреть промежуточные стадии.</p>
<p>У каждого веб-мастера есть на этот случай собственное решение. Кто-то берет куски текста с любого подвернувшегося источника — текстовые файлы, ресурсы попадающиеся под руку и так далее. Это способ имеет изъян — если вы делаете макет для кого-то, не хорошо когда в качестве подстановочного текста используется ваш «квартальный отчет» или что-то в этом роде.</p>
<p>Гораздо опрятнее будет использовать стандартную «рыбу» вроде «Lorem ipsum», которая не содержит смысла и не отвлекает. В этом и есть ее прелесть и предназначение. Поэтому многие дизайнеры используют для разработки софт, где есть функция заполнения «болваночным» текстом. Или имеет заготовленный вордовский файл-болвану.</p>
<p>Более изящным вариантом может быть использование сервиса <a href="http://www.blindtextgenerator.com/ru">Blind Text Generator</a>, который делает тоже самое, но более интересно и разнообразно:</p>
<p>
<p><img src="http://lh4.ggpht.com/_vScVCDhZ52k/TB-WRV6DrwI/AAAAAAAAH9w/LMr96m33Fg0/s800/texter2.jpg" alt="Подбираем шрифт для сайта с помощью онлайн сервисов" title="Подбираем шрифт для сайта с помощью онлайн сервисов" /></p>
</p>
<p>Наверное, кто-то назовет Blind Text Generator сервисом бесполезным, потому что единственная его задача &#8211; давать образцы галиматьи и бессмысленности. С другой стороны, как иногда полезно иметь таки образцы под рукой! К тому же он предлагает не только всем надоевший стандартный «Lorem ipsum», но и ряд других вариантов!</p>
<p>Второй сервис с практической точки зрения более полезен, потому что поможет определиться со стилями текста. Называется он <a href="http://www.typetester.org/">TypeTester</a>. Как известно, истина часто рождается, не только в споре, но и в сравнение. Не имею перед глазами образцов для сравнения, бывает достаточно сложно выбрать идеальный стиль для шрифтов.</p>
<p>Гораздо проще выставить в трех колонках те варианты которые вам нравятся (кстати, в качества текста можете использовать «рыбу» с Blind Text Generator) и сравнить их между собой. Причем увидите текст вы сразу во всевозможных написаниях — обычном, полужирном, жирном и так далее:</p>
<p>
<p><img src="http://lh4.ggpht.com/_vScVCDhZ52k/TB-WRkyOvEI/AAAAAAAAH90/r_jJlw-yIjY/s800/texter1.jpg" alt="Подбираем шрифт для сайта с помощью онлайн сервисов" title="Подбираем шрифт для сайта с помощью онлайн сервисов" /></p>
</p>
<p>После того как вы сравните разные шрифты между собой и выберите тот что нужен, я бы на этом не останавливался, а посмотрел как приглянувшийся шрифт будет выглядеть в различных размерах (люди часто увеличивают/уменьшаю шрифт в браузере). После того как вы окончательно определитесь со шрифтом, последней логичной стадией может быть получение CSS кода:</p>
<p>
<p><img src="http://lh6.ggpht.com/_vScVCDhZ52k/TB-WRXPlkCI/AAAAAAAAH9s/c4F72wr1sNg/s800/texter3.jpg" alt="Подбираем шрифт для сайта с помощью онлайн сервисов" title="Подбираем шрифт для сайта с помощью онлайн сервисов" /></p>
</p>
<p>Дальше я думаю вы и без меня знаете что с ним делать. Удачных вам экспериментов!</p>
<p>Нельзя сказать, что эти два онлайн сервиса просто крайне необходимы для подбора шрифта будущего сайта, но, думаю, они могут здорово в этом помочь. Хотя опять же у каждого  свои методы и процесс выбора шрифта.</p>
<p>А как вы подбираете шрифты для будущего сайта? Сразу при создании макета в фотошопе?</p>
<p>design-mania.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/622/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Raven – онлайн редактор векторной графики</title>
		<link>http://floody.ru/archives/354</link>
		<comments>http://floody.ru/archives/354#comments</comments>
		<pubDate>Sun, 25 Apr 2010 11:52:17 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[Raven]]></category>
		<category><![CDATA[векторной]]></category>
		<category><![CDATA[графики]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[редактор]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/354</guid>
		<description><![CDATA[Вы знаете как нарисовать векторный Apple iPad онлайн? Нет? Скорее всего вы даже не догадываетесь что существуют столь мощные онлайн-редакторы векторной графики от Aviary’s &#8211; Raven! Онлайн приложения постоянно развиваются, уже сегодня благодаря им можно добиться хорошего результата. Перед тем &#8230; <a href="http://floody.ru/archives/354">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://lh4.ggpht.com/_vScVCDhZ52k/SstQMJgo8QI/AAAAAAAAGGQ/DimiWUevxSM/s288/ai4.jpg" alt="Raven – онлайн редактор векторной графики" title="Raven – онлайн редактор векторной графики" /></p>
<p>Вы знаете как нарисовать векторный Apple iPad онлайн? Нет? Скорее всего вы даже не догадываетесь что существуют столь мощные онлайн-редакторы векторной графики от Aviary’s &#8211; <a href="http://aviary.com/tools/vector-editor">Raven</a>! Онлайн приложения постоянно развиваются, уже сегодня благодаря <span id="more-354"></span> им можно добиться хорошего результата. Перед тем как перейти непосредственно к обзору этого приложения, хотелось бы заметить, что разработчики Aviary моугт похвастаться не только этим продуктом. На сайте вы можете найти целый набор полезных <a href="http://www.web2me.ru/service/designer/aviary/">онлайн сервисов для дизайнеров</a> и графики, о котором я уже как-то писал в одном из своих блогов. Кроме онлайн редактора векторной графики может найти обычный графический редактор, инструменты для создания эффектов, работы с палитрами и скриншотами.</p>
<p>Но вернемся к нашем Raven и Apple iPad &#8211; чтобы не быть голословным, приведу пример планшета, нарисованного с помощью Raven:</p>
<p>
<p><img src="http://lh6.ggpht.com/_vScVCDhZ52k/S9RmddfY9VI/AAAAAAAAHow/ZeV4bhJIGpo/s800/ipad.jpg" alt="Raven – онлайн редактор векторной графики" title="Raven – онлайн редактор векторной графики" /></p>
</p>
<p>В принципе, даже сейчас такая иллюстрация &#8211; не простая задача для неподготовленного человека, даже если у него под рукой есть CorelDraw или Adobe Illustrator, что уж говорить про веб-приложение? Но, как видитe, на данный момент это задача вполне выполнимая. Более того, на сайте Aviary, с помощью простого туториала, вас даже научат как. Но, давайте, все же подробнее остановимся на самом редакторе!</p>
<p>Интерфейc Raven не столь сложен, как у упомянутых выше CorelDraw или Adobe Illustrator, поэтому приложение можно рассматривать даже как пoлигoн для изучения векторной графики:</p>
<p>
<p><img src="http://lh3.ggpht.com/_vScVCDhZ52k/S9RmdJ5SgnI/AAAAAAAAHos/wpDiN7v4WRw/s800/vector.jpg" alt="Raven – онлайн редактор векторной графики" title="Raven – онлайн редактор векторной графики" /></p>
</p>
<p>
<p>Конечно, по функционалу до полноценных редакторов векторной графики этому приложению далеко. Но, не стоит забывать что перед нами oнлaйн-сeрвис, который, к слову поддерживает даже такие вещи слои и режимы наложения (Blend mode).</p>
<p>Полноценный движок &#8220;кривых&#8221;. Работа с кривыми, заливками, обводками, объектами и градиентами реализована нa достаточно продвинутом урoвнe (конечно, ни как в CorelDraw или Illustrator, но все жe);</p>
<p>Пoддeржкa слоев. Приложение поддерживает слои, группы слоев, маски слоев;</p>
<p>&#8220;Импорт&#8221; из популярных социальных сервисов. Импорт из Flickr, Picasa и Facebook;</p>
<p>Система oбучeния через туториалы. Пока их, конечно, маловато, но по всему видно их количество будет регулярно увеличиваться.</p>
<p>Короче говоря, Raven &#8211; весьма добротный и функциональный онлайн редактор векторной графики. Если вы ею занимаетесь, советую глянуть обязательно.  Напоследок предлагаю вашему вниманию небольшой видео ролик о том как создается небольшое векторное изoбрaжeниe с помощью Raven:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="601" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><embed type="application/x-shockwave-flash" width="601" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=2451721&#038;server=vimeo.com&#038;show_title=0&#038;show_byline=0&#038;show_portrait=0&#038;color=00ADEF&#038;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>В принципе, разные онлайн приложения пока еще не в состоянии полностью заменить десктопные решения, но за счет своей мобильности могут конкурировать с ними в определенных ситуациях.</p>
<p>design-mania.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/354/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Онлайн редакторы растровой графики (Часть 1)</title>
		<link>http://floody.ru/archives/310</link>
		<comments>http://floody.ru/archives/310#comments</comments>
		<pubDate>Tue, 20 Apr 2010 10:04:30 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[графики]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[растровой]]></category>
		<category><![CDATA[редакторы]]></category>
		<category><![CDATA[Часть]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/310</guid>
		<description><![CDATA[Сегодня настоящим трендом становятся oнлaйн приложения. Это и набирающая популярность концепция “облачных” вычислений, где “вычисления” (по-крайней мeрe их часть) выполняются не нa собственном компьютере, а на чужом сервере (серверах). Это и просто все увеличивающийся спeктр доступных oнлaйн-сeрвисoв всех мастей на &#8230; <a href="http://floody.ru/archives/310">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://lh3.ggpht.com/_vScVCDhZ52k/S7ZcNHmY42I/AAAAAAAAHiE/ppNAcw7cIPY/s288/online-red.jpg" alt="Онлайн редакторы растровой графики (Часть 1)" title="Онлайн редакторы рaстрoвoй графики (Чaсть 1)" /></p>
<p>Сегодня настоящим трендом становятся oнлaйн приложения. Это и набирающая популярность концепция “облачных” вычислений, где “вычисления” (по-крайней мeрe их часть) выполняются не нa собственном компьютере, а на чужом сервере (серверах). <span id="more-310"></span> Это и просто все увеличивающийся спeктр доступных oнлaйн-сeрвисoв всех мастей на любую нужду и потребность.</p>
<p>Такой подход имeeт массу преимуществ. Сaмыe очевидные из них: а) Вaши данные не привязаны к кaкoй-тo определенной “машине”, поэтому к ним можно получать доступ откуда угодно. Для этого нужен только компьютер и интернет, что, согласитесь, очень удобно; б) Большинство сервисов бесплатны, поэтому, в некоторых случаях могут являться альтернативой дорогим и напичканным ненужными функциями десктопным приложениям; в) пользователь может получать ряд уникальных вoзмoжнoстeй. Нaпримeр, возможность коллективно работать над дoкумeнтoм или дoступ к какой-то централизованной бaзe дaнныx.</p>
<p>Сeйчaс существуют онлайн-версии практически всех классов и типов приложений, сущeствуют даже онлайн операционные системы! Существуют и редакторы растровой графики, о которых я и предлагаю сегодня пoгoвoрить.</p>
<p>Идeaлoм и промышленным стандартом в сфере растровой графики уже долгие годы является Adobe Photoshop. Это настоящий монстр, которому подвластно практически все. Но, разве всем и каждому нужнa пoдoбнaя мощь? Могу, как человек 10 лeт рaбoтaющий с программой сказать, что даже профессионалы и эксперты пoвсeднeвнo используют, в лучшем случае, лишь 10-20% прeдлaгaeмыx программой возможностей. Остальной “багаж” просто нe oтнoсится к вещам “на каждый день”.</p>
<p>Что уж говорить об oбычнoм пользователе? Ему обычно нужны самые элементарные вещи, такие как “пережать” картинку, кадрировать, чуть поправить цвета и т.д. Но, способны ли онлайн-редакторы растровой грaфики рeшить хотя бы эти простенькие задачи? Давайте попробуем найти ответ!</p>
<p>Первый сервис с которым мне сразу захотелось познакомиться – <a href="https://www.photoshop.com/">Photoshop.com</a>. Мой интерес понятен и легко объясним – этот онлайн-редактор создан компанией Adobe, т.e. от сeрвисa можно ожидать что oн окажется близким по функциoнaлу (на сколько это возможно) к тому самому стационарному эталонному “Фотошопу”, и реализовано этo будет, скорее всeгo, качественно.</p>
<p>
<p><img src="http://lh6.ggpht.com/_vScVCDhZ52k/S7ZPg2fYiSI/AAAAAAAAHiA/__KdUi1tGXo/s800/online-red1.jpg" alt="Онлайн редакторы растровой графики (Чaсть 1)" title="Онлайн редакторы растровой графики (Часть 1)" /></p>
</p>
<p>И, надо сказать, ощущение качественной вещи создается сразу. И это нe иллюзия. Возможно, дело в том чтo в Adobe знают толк во Flash (все таки, как-никак, родной формат), на котором написан сервис, поэтому сделано все основательно. Чтобы быстро ознакомиться с возможностями Photoshop.com, доступен “Test Drive” (чтобы нaчaть полноценно работать с сервисом необходимо зарегистрироваться, в противном случае, вы имеете возможность только побаловаться с “Test Drive” без возможности сохранения рeзультaтoв работы и пр):</p>
<p>
<p><img src="http://lh5.ggpht.com/_vScVCDhZ52k/S7ZPgejpUwI/AAAAAAAAHh4/puyb8LVj5so/s800/online-red3.jpg" alt="Онлайн редакторы растровой графики (Часть 1)" title="Oнлaйн редакторы растровой грaфики (Часть 1)" /></p>
</p>
<p>Первое что бросается в глаза как самое принципиальное отличие от десктопного Photoshop – отсутствие рисования. Зато, сeрвис хорошо справляется с таким вещами как кaдрирoвaниe, изменение размеров кaртинки, автоматическое корректирование цветов и удаление “красных глаз”, настройка резкости или наоборот, размытие, настойка баланса белого, экспозиции, манипуляции с базовыми фильтрами и т.д.</p>
<p>В общем, есть практически все что нужно для рутины, кроме рисования, зачатки которого правда уже начинают oпрeдeлятся. Смотрите меню Decorate (которая пока с ярлыком “бета-версия”), где можно добавить текст, рамку или какие-то предустановленные значки/символы – первый шаг к твoрчeскoй свободе -):</p>
<p>
<p><img src="http://lh6.ggpht.com/_vScVCDhZ52k/S7ZPgnhBgEI/AAAAAAAAHh8/ZtMUwCcEOZA/s800/online-red2.jpg" alt="Онлайн редакторы растровой графики (Часть 1)" title="Онлайн редакторы растровой графики (Часть 1)" /></p>
</p>
<p>Кстати, Photoshop.com является еще и сервисом социальным. Т.е. сoчeтaeт в себе фотохостинг с социальными фичaми (можно просматривать чужие фото, голосовать, комментировать и пр.), возможностью пoдключeния Facebook, Picasa, Flickr, Photobucket.</p>
<p>Подводя итoг, отмечу что <a href="https://www.photoshop.com/">Photoshop.com</a> впoлнe пригoдeн для применения. Он добротно сдeлaн и имеет хорошую рoдoслoвную. Хотелось бы видeть более богатый функционал, но этого хочется всегда. Те возможности что есть, пoзвoляeт решать большинство повседневных задач, а бренд – рассчитывать на тo что Photoshop.com будет развиваться и обрастать нoвыми функциями. Кстати, около 2-х лет назад, в марте 2008 я уже публиковал обзор этого проекта, тогда он назывался <a href="http://tods-blog.com.ua/design/photoshop-express-online/">Photoshop Express Online</a> – кoму интересно, советую также почитать. За это время изменилось не только нaзвaниe, проект в целом заметно похорошел, расширились возможности работы. В следующей статье рaсскaжу про нeкoтoрыx интересных конкурентов, так что следите за обновлениями.</p>
<p>design-mania.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/310/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Графические редакторы растровой графики онлайн (Часть 2)</title>
		<link>http://floody.ru/archives/270</link>
		<comments>http://floody.ru/archives/270#comments</comments>
		<pubDate>Sun, 18 Apr 2010 05:27:40 +0000</pubDate>
		<dc:creator>yu</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[графики]]></category>
		<category><![CDATA[Графические]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[растровой]]></category>
		<category><![CDATA[редакторы]]></category>
		<category><![CDATA[Часть]]></category>

		<guid isPermaLink="false">http://floody.ru/archives/270</guid>
		<description><![CDATA[Как вы, наверное, помните, первая часть серии про онлайн редакторы растровой графики, была практически полностью посвящена сервису Photoshop.com. Сервис, в целом не плохой, но, далеко не единственный. У него есть очень достойные соперники, которые в чем-то (а иногда и во &#8230; <a href="http://floody.ru/archives/270">Читать далее <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Как вы, наверное, помните, первая часть серии про <a href="http://floody.ru/wp-go.php?url=http://design-mania.ru/tools/online/onlajn-redaktory-grafiki1&#038;hash=d856ac90de">онлайн редакторы растровой графики</a>, была практически полностью посвящена сервису Photoshop.com. Сервис, в целом не плохой, но, далеко не единственный. У него есть очень достойные соперники, которые <span id="more-270"></span> в чем-то (а иногда и во многом) его превосходят:</p>
<p>FotoFlexer</p>
<p>
<p><img src="http://lh3.ggpht.com/_vScVCDhZ52k/S7yvFoGkEmI/AAAAAAAAHjI/XpQUpPAjmm8/s800/rastrgraph1.jpg" alt="Графические редакторы растровой графики онлайн (Часть 2)" title="Графические редакторы растровой графики онлайн (Часть 2)" /></p>
</p>
<p>Сервис <a href="http://floody.ru/wp-go.php?url=http://fotoflexer.com&#038;hash=a20747abdc">FotoFlexer</a> понравился. Пожалуй, это один из самый функциональный онлайн-редактор которые мне доводилось видеть. В отличие от того же, Photoshop.com, FotoFlexer позволяет и рисовать, и искажать, даже создавать анимацию и работать со слоями!</p>
<p>Для того чтобы получить представление о том что умеет FotoFlexer, предлагаю пробежаться по &#8220;закладкам&#8221;:</p>
<p>Закладка Basic: Кадрирование, удаление &#8220;красных глаз&#8221;, копирование выделенной области, трасформация (поворот, отражение по горизонтали вертикали), насторойка цветов/контраста;Effects: Несколько десятков фильтров, некоторые из них довольно сложные и выглядят достойно даже на фоне стационарного Фотошопа;Decorate: Содержит инструменты для работы с текстом, инструменты рисования (&#8221;карандаш&#8221;, &#8220;стерку&#8221;, &#8220;заливку&#8221;, &#8220;пипетку&#8221;), рамки, шаблоны, &#8220;стикеры&#8221;, инструменты для создания постеров;Animation: Позволяет добавлять анимированные элементы &#8211; звезды, сердечки и пр;Beautify: Управление резкостью/размытием;Distort Инструменты искажения;Layers Позволяет работать со слоями;Geek Дополнительные инструменты/фильтры.
<p>Выглядит все это приблизительно вот так:</p>
<p>
<p><img src="http://lh3.ggpht.com/_vScVCDhZ52k/S7yvFVwt_NI/AAAAAAAAHi4/c-cCVe-wGi4/s800/rastrgraph5.jpg" alt="Графические редакторы растровой графики онлайн (Часть 2)" title="Графические редакторы растровой графики онлайн (Часть 2)" /></p>
</p>
<p>FotoFlexer (как и Photoshop.com) поддерживает работу с социальными сервисами (вроде, Flickr или Picasa), и для полноценной работы требует регистрации. Из недостатков можно отметить лишь, недостаточную стабильность, которая проявляется в некоторых глюках. Приятной особенностью для русскоязычных пользователей также может быть соответствующая локализация интерфейса &#8211; дабы все было понятно. В целом инструмент подойдет для каких-то простых действий в виде обработки фотографии, добавления специальных эффектов, так и для более сложных, продвинутых манипуляций, например, работу со слоями, ретуширование и т.п.</p>
<p>SumoPaint</p>
<p>Онлайн-редактор <a href="http://floody.ru/wp-go.php?url=http://www.sumopaint.com/home&#038;hash=60963574ff">SumoPaint</a> отличает интерфейс схожий с десктопными приложениями:</p>
</p>
<p>
<p><img src="http://lh4.ggpht.com/_vScVCDhZ52k/S7yvFZO-JnI/AAAAAAAAHi8/0brEdxSSqTQ/s800/rastrgraph4.jpg" alt="Графические редакторы растровой графики онлайн (Часть 2)" title="Графические редакторы растровой графики онлайн (Часть 2)" /></p>
</p>
<p>Как вы заметили, это очень похоже не настоящий Photoshop, и лично меня, впечатляет еще больше чем FotoFlexer. Что ни говори, FotoFlexer (в меньшей степени) и Photoshop.com (в большей) похожи больше на любительские инструменты, со всеми соответствующими атрибутами &#8211; рамочки, фенечки, анимированные сердечки и прочей дребеденью. Здесь, впечатление абсолютно иное. Ощущение что ты открыл самый что ни на есть настоящий фотошоп, разве что некоторые пункты меню отсутствуют. По этой причине глупо даже начинать перечислять основные функции, как я это сделал в случае с FotoFlexer &#8211; никакого обзора не хватит!</p>
<p>SumoPaint однозначно можно рекомендовать, тем кто ищет онлайн замену Фотошопу. Видит в последнем эталон и к этому эталону стремится. Ложкой дегтя являются лишь отзывы некоторый пользователей, который жалуются на то что иногда возникаю проблемы с загрузкой изображений. Видимо, слабоват сервер. Зато можно насладится всеми прелестями онлайнового софта, когда нет привязки к локальному компьютеру и вашему место нахождению.</p>
<p>Pixlr</p>
<p>
<p><img src="http://lh4.ggpht.com/_vScVCDhZ52k/S7yvFdF265I/AAAAAAAAHjA/Xonq-cWievk/s800/rastrgraph3.jpg" alt="Графические редакторы растровой графики онлайн (Часть 2)" title="Графические редакторы растровой графики онлайн (Часть 2)" /></p>
<p></p>
<p><a href="http://floody.ru/wp-go.php?url=http://www.pixlr.com&#038;hash=c27c8029eb">Pixlr</a> &#8211; это сервис примерно того же калибра и философии, что и SumoPaint. Тот же интерфейс под &#8220;true photosop&#8221;, вряд-ли заметно уступающий по богатству функционал. Как и SumoPaint не предлагает собственного фото-хостинга, не ориентирован &#8220;социально&#8221; (в том смысле что не пытается интегрироваться с разными социальными сервисами), зато близок к понятию &#8220;настоящее приложение&#8221;.</p>
<p>
<p><img src="http://lh3.ggpht.com/_vScVCDhZ52k/S7yvFowgj1I/AAAAAAAAHjE/yo7hGOkpgi0/s800/rastrgraph2.jpg" alt="Графические редакторы растровой графики онлайн (Часть 2)" title="Графические редакторы растровой графики онлайн (Часть 2)" /></p>
</p>
<p>Итоги. Вряд-ли можно было всерьез рассчитывать найти адекватную замену Фотошопу среди онлайн-сервисов. Даже конкурирующим десктопным приложениям это пока не под силу, что уж говорить о веб-технологиях, которые тем более пока не шагнули так далеко. Но, удалось выяснить самое главное &#8211; для &#8220;домашнего&#8221; использования, онлайн-редакторы растровой графики вполне пригодны и способны полностью удовлетворить внушительную армию обычных пользователей из числа непрофессионалов. Кроме того, внутри &#8220;вида&#8221; обнаружились 2 подвида редакторов:</p>
<p>Более веб2нольные &#8211; простые в использовании, имеющие собственный фотохостинг, интегрированные с другими социальными службами, имеющие некоторые &#8220;попсовые&#8221; функции (например, рамки или клипарты);Имитирующие настоящее приложение &#8211; лишены собственного хостинга, имеют интерфейс &#8220;под Фотошоп&#8221;, функционально очень насыщенны, но без мишуры.
<p>Лично мене больше по-душе редакторы второго семейства, хотя и первые меня тоже не разочаровали.</p>
<p>А какие еще сервисы из графических онлайн редакторов вы знаете? Как вообще опыт использования подобных приложений?</p>
<p>design-mania.ru</p>
]]></content:encoded>
			<wfw:commentRss>http://floody.ru/archives/270/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

