<?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>ProductivityBlog.com.ua &#187; web applications</title>
	<atom:link href="http://productivityblog.com.ua/?feed=rss2&#038;tag=web-applications" rel="self" type="application/rss+xml" />
	<link>http://productivityblog.com.ua</link>
	<description>Поради з підвищення персональної продуктивності за допомогою програмного забезпечення і онлайнових сервісів</description>
	<lastBuildDate>Tue, 31 Mar 2026 13:41:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		
	<item>
		<title>Розшифровка фонограми: досвід та інструменти</title>
		<link>http://productivityblog.com.ua/?p=2610</link>
		<comments>http://productivityblog.com.ua/?p=2610#comments</comments>
		<pubDate>Wed, 31 May 2017 10:15:45 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[навчання]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[пристрої]]></category>
		<category><![CDATA[програмне забезпечення]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[online services]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[phD]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2610</guid>
		<description><![CDATA[Доброго дня вам, друзі!
Дехто з вас вже знає, що 12 травня я захистив кандидатську дисертацію зі спеціальності 05.13.06 &#8211; Інформаційні технології. Проте, захист – це лише одна з зупинок на шляху до наукового ступеня – ще треба оформити документи та подати їх у дві інстанції &#8211; УкрІНТЕІ та МОН, тож святкувати ще рано&#160;
Оскільки я чув, [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго дня вам, друзі!</p>
<p align="justify">Дехто з вас вже знає, що 12 травня я <a href="http://productivityblog.com.ua/wp-content/uploads/2017/05/image11.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: left; padding-top: 0px; padding-left: 0px; border-left: 0px; margin: 10px 10px 0px 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/image_thumb11.png" width="229" align="left" height="240" /></a>захистив кандидатську <a href="https://www.khai.edu/csp/nauchportal/Arhiv/BabichAtv.pdf" target="_blank">дисертацію</a> зі спеціальності 05.13.06 &#8211; Інформаційні технології. Проте, захист – це лише одна з зупинок на шляху до наукового ступеня – ще треба оформити документи та подати їх у дві інстанції &#8211; <a href="http://www.uintei.kiev.ua/main.php" target="_blank">УкрІНТЕІ</a> та <a href="http://mon.gov.ua/about/departamenti/departament-atestacziyi-kadriv-vishhoyi-kvalifikacziyi.html" target="_blank">МОН</a>, тож святкувати ще рано<img class="wlEmoticon wlEmoticon-sadsmile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Sad smile" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/wlEmoticon-sadsmile1.png" />&#160;</p>
<p align="justify">Оскільки я чув, що більшість здобувачів надовго “зависають” на етапі підготовки стенограми, я вирішив зробити це наступного ж дня. І зробив – вже наступної після захисту ночі (о другій годині, якщо чесно) все було готово.</p>
<p align="justify">Як виявилось, розшифровка фонограми – процедура не така легка, як мені уявлялось, тож добре, що я почав з підбору необхідних для цього інструментів. Саме ними я й хочу з вами поділитись.</p>
<p>  <span id="more-2610"></span><br />
<h4>Вихідні дані</h4>
<p align="justify">Тож що ми маємо на руках після захисту? В моєму випадку – це аудіозапис, який я зробив своїм телефоном, плюс, <strong>фонограма</strong>, зроблена господарями – співробітниками НАУ “ХАІ”, – яка виявилась дійсно дуже якісною, тож я використовував переважно її, а свою відкривав лише один чи два рази аби впевнитись, що я правильно почув якесь окреме слово.</p>
<p align="justify">Також у мене були <strong>фотографії записів</strong>, зроблених під час захисту моїм науковим керівником, та секретарем кафедри, яку він попросив окремо і детально занотувати запитання членів ради, за що я йому надзвичайно вдячний<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/wlEmoticon-smile1.png" />.</p>
<p align="justify">Також я мав два <strong>PDF-файли </strong>з відгуками офіційних опонентів (зображення, не текст) – звідти треба дістати перелік зауважень до дисертації.</p>
<p align="justify">Думаю, ви вже зрозуміли, що стенограма захисту – документ монументальний, який включає не лише розшифровку фонограми, але й вміст відгуків та рішення спеціалізованої вченої ради, тож підійти до її оформлення слід відповідально та у всеозброєнні.</p>
<h4 align="justify">&#160;</h4>
<h4 align="justify">Інструменти</h4>
<p align="justify">Програмних засобів для автоматичного перетворення аудіозапису в текст, звісно ж, вистачає, однак, “якість” результуючого тексту іноді може вас шокувати – редагувати доведеться практично стільки ж, як і за умови запису “на слух”<img class="wlEmoticon wlEmoticon-sadsmile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Sad smile" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/wlEmoticon-sadsmile1.png" /></p>
<p align="justify">Саме з цієї причини у більшості випадків обирають другий варіант – <strong>транскрайбінг, або транскрибацію</strong> – тобто прослуховування аудіозапису з паралельним набором тексту, або “набір на слух”. Здавалося б, тут все просто й підійде будь-який програвач MP3-файлів, однак, ні – відтворення запису доведеться багато разів зупиняти й поновлювати, “відмотуючи” кожного разу трохи назад. Таких програм – транскрайберів – існує <a href="https://tvkinoradio.ru/article/article4589-6-programm-dlya-rasshifrovki-teksta" target="_blank">досить багато</a>, як платних, так і безкоштовних, і деякі з них дійсно непогані.</p>
<p align="justify">Однак, мені не хотілось нічого завантажувати й встановлювати, не хотілось засмічувати комп’ютер, тож я вирішив пошувати веб-інструмент. І знайшов! Тож, вітайте номер один у моєму списку.</p>
<h5 align="justify">1. oTranscribe</h5>
<p align="justify">Це безкоштовний і відкритий веб-застосунок, доступний за адресою <a href="http://otranscribe.com/" target="_blank">otranscribe.com</a>, який надає всі необхідні можливості:</p>
<ul>
<li>
<div align="justify">завантаження аудіо- або відеофайлів</div>
</li>
<li>
<div align="justify">зручне призупинення, відновлення відтворення та перемотка з використанням клавіатури</div>
</li>
<li>
<div align="justify">простий, але зручний текстовий редактор з можливостями мінімального форматування тексту та експорту в Markdown</div>
</li>
<li>
<div align="justify">і багато іншого<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/wlEmoticon-smile1.png" /></div>
</li>
</ul>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2017/05/image9.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/image_thumb9.png" width="589" height="489" /></a></p>
<p align="justify">oTranscribe мені дуже сподобався – просто завантажуєш MP3-файл, і все – працюєш в його вікні, не перемикаючись весь час між плеєром та текстовим процесором!</p>
<h5>2. Google Photos<a href="http://productivityblog.com.ua/wp-content/uploads/2017/05/google-photos-logo-vector-download.jpg"><img title="google-photos-logo-vector-download" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: right; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="google-photos-logo-vector-download" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/google-photos-logo-vector-download_thumb.jpg" width="111" align="right" height="111" /></a></h5>
<p align="justify">Оскільки я фотографував записки наукового керівника та секретаря, ці знімки автоматично потрапили з мого телефону до <a href="https://photos.google.com/" target="_blank">Google Photos</a>, тож відкривав я їх звідти, там же кадрував (обрізав непотрібне) та мінімально редагував.</p>
<p align="justify">Не буду зараз зупинятись на можливостях цього чудового сервісу – ви ж усі користуєтесь Google Photos, чи не так?<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/wlEmoticon-smile1.png" /></p>
<h5 align="justify">3. NewOCR</h5>
<p align="justify">Відгуки офіційних опонентів до мене потрапили у вигляді PDF-файлів, до того ж – файлів, що містили зображення, а не текст<img class="wlEmoticon wlEmoticon-sadsmile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Sad smile" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/wlEmoticon-sadsmile1.png" /> Тому Word 2016, який чудово вміє перетворювати PDF на docx,&#160; в цьому випадку виявився безсилим, треба було скористатись програмою розпізнавання тексту, або OCR.</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2017/05/image10.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/image_thumb10.png" width="589" height="330" /></a></p>
<p align="justify">Всі, звісно ж, пам’ятають про <a href="https://www.abbyy.com/ru-ru/finereader/" target="_blank">ABBYY FineReader</a> або <a href="https://uk.wikipedia.org/wiki/CuneiForm" target="_blank">CuneiForm</a>, однак, хотілось щоб безкоштовно, і “у хмарі” – не покидаючи улюбленого Chrome, тому я спробував кілька онлайнових OCR і зупинився на <a href="http://www.newocr.com/" target="_blank">newOCR</a> – цей сервіс був єдиним, який чудово впорався з текстом, написаним українською мовою. Інтерфейс – теж простий і зручний, до того ж, як і oTranscribe, виконаний з використанням Bootstrap. До речі, результат можна завантажити одразу у форматі doc.</p>
<h5 align="justify">4. Перекладач Google<a href="http://productivityblog.com.ua/wp-content/uploads/2017/05/image12.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: right; padding-top: 0px; padding-left: 0px; border-left: 0px; margin: 10px 0px 0px 10px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/image_thumb12.png" width="116" align="right" height="120" /></a></h5>
<p align="justify">Цей сервіс теж не потребує зайвих слів, і я впевнений, що ним ви всі також постійно користуєтесь. <a href="https://translate.google.com.ua/" target="_blank">Google Translator</a> – це дійсно кращий перекладач, який є, мабуть, практично на кожному телефоні та планшеті. Його я використовував для того, щоб перекласти деякі слова з російської, коли не міг швидко зорієнтуватись як це сказати українською.</p>
<p align="justify">Тож, використавши ці веб-інструменти, я отримав текст, який потів вставив у Word і вже в ньому підготував файл стенограми у відповідності до всіх вимог. Вже в ніч з 13 на 14 травня документ був готовий, проте, як я вже говорив, це був тільки початок паперової роботи, яку ще й досі не завершено<img class="wlEmoticon wlEmoticon-sadsmile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Sad smile" src="http://productivityblog.com.ua/wp-content/uploads/2017/05/wlEmoticon-sadsmile1.png" />…</p>
<p align="justify">Що ж, на цьому в мене на сьогодні все. Бережіть себе!   <br />До зустрічі за тиждень, друзі!</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D2610&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=2610"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=2610"  data-text="Розшифровка фонограми: досвід та інструменти" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=2610" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=2610"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=2610</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>GitHub як хостинг для сайту</title>
		<link>http://productivityblog.com.ua/?p=2223</link>
		<comments>http://productivityblog.com.ua/?p=2223#comments</comments>
		<pubDate>Tue, 24 Nov 2015 17:29:36 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[Wow!]]></category>
		<category><![CDATA[відео]]></category>
		<category><![CDATA[книжки]]></category>
		<category><![CDATA[навчання]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[Git]]></category>
		<category><![CDATA[GitBook]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[GitHub Pages]]></category>
		<category><![CDATA[hosting]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2223</guid>
		<description><![CDATA[Доброго вечора вам, друзі!
Розуміючи, що пересічного користувача лякають такі страшні слова як Git, GitHub, Markdown, Jekyll тощо, я все ж ризикну поділитись презентацією зі своєї сьогоднішньої лекції на цю тему. 

Справа в тому, що GitHub дозволяє абсолютно безкоштовно хостити свій персональний сайт – без обмежень за трафіком чи розміром файлів! Так, є одне обмеження – [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго вечора вам, друзі!</p>
<p align="justify">Розуміючи, що пересічного користувача лякають такі страшні слова як Git, GitHub, Markdown, Jekyll тощо, я все ж ризикну поділитись презентацією зі своєї сьогоднішньої лекції на цю тему. </p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2015/11/image4.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2015/11/image_thumb4.png" width="585" height="314" /></a></p>
<p align="justify">Справа в тому, що GitHub дозволяє абсолютно безкоштовно хостити свій персональний сайт – без обмежень за трафіком чи розміром файлів! Так, є одне обмеження – не вдастся використати базу даних для зберігання контенту сайту – однак, чи це дійсно обмеження?</p>
<p>  <span id="more-2223"></span>
<p align="justify">До того ж, Github – це дійсно не тільки вихідні коди – там можна зберігати будь-що, наприклад, він стане у нагоді блогерам, письменникам, викладачам…</p>
<p align="justify">Навіть без використання <a href="https://www.gitbook.com/editor" target="_blank">GitBook</a> тут можна зберігати чернетки своєї книги або працювати над нею разом зі співавторами. Як жаль, що я не знав про це, коли писав свої книжки… Хоча, під час написання другої книжки я зрозумів, що аби зацікавити потенційних читачів слід публікувати уривки з книги в процесі її написання. І я це <a href="http://liketaurus.tumblr.com/" target="_blank">робив</a>! І це дійсно допомогло залучити кількох читачів, які з нетерпінням чекали на появу книги у крамницях, а кілька осіб попросили і отримали свій примірник книги з моїм автографом! Тож наступну книгу я писатиму з допомогою GitHub!</p>
<p align="justify">Але досить слів – перегляньте слайди:</p>
<p align="justify">
<p> <center><iframe height="569" src="https://docs.google.com/presentation/d/10Y9p7ef22m7-cVX_aq8B6i2UOskH6mcy6Y4gnfE45DQ/embed?start=false&amp;loop=false&amp;delayms=5000" frameborder="0" width="600" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"></iframe></center>
<p align="justify">Також ви можете переглянути їх на <a href="http://www.slideshare.net/liketaurus/github-pages-55449952" target="_blank">SlideShare</a> або завантажити у форматі <a href="https://github.com/liketaurus/liketaurus.github.io/blob/master/files/GitPages.pdf" target="_blank">PDF</a>.</p>
<p align="justify">Якщо ж у вас виникнуть питання, я буду радий відповісти на них в коментарях або за електронною поштою.</p>
<p align="justify">Що ж, на сьогодні все. До зустрічі за тиждень і бережіть себе – не хворійте, вживайте вітаміни<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2015/11/wlEmoticon-smile2.png" /> Хай вам щастить!</p>
<p align="justify">P.S. пару тижнів тому відбулась ще одна моя відкрита лекція – оновлений варіант розповіді про перспективи здобуття освіти онлайн. Кому цікаво, слайди можна переглянути <a href="https://docs.google.com/presentation/d/1rlJ6C9w5TwOx0yBcWG1qI9ltM-L7Jwl0bb6TnDQ7khI/edit?usp=sharing" target="_blank">тут</a>.</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D2223&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=2223"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=2223"  data-text="GitHub як хостинг для сайту" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=2223" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=2223"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=2223</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Курс з веб-технологій &#8211; лише з веб-інструментами</title>
		<link>http://productivityblog.com.ua/?p=2130</link>
		<comments>http://productivityblog.com.ua/?p=2130#comments</comments>
		<pubDate>Sat, 18 Oct 2014 17:23:42 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[Wow!]]></category>
		<category><![CDATA[навчання]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[пристрої]]></category>
		<category><![CDATA[програмне забезпечення]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Drive]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[PDF]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2130</guid>
		<description><![CDATA[Доброго вечора, друзі!
Я щойно повернувся з Києва, де проводив тренінг з HTML5/CSS3/JS. Цього разу я вирішив зробити тренінг логічно завершеним і, оскільки це курс для веб-розробників, в ході викладання використовувати лише веб-інструменти.

Виявилось, Chrome здатний зробити інші локальні програми (майже) непотрібними! Здивовані? Зараз я розповім, що саме я використовував і що з того вийшло.
  
Щоб [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго вечора, друзі!</p>
<p align="justify">Я щойно повернувся з Києва, де проводив тренінг з HTML5/CSS3/JS. Цього разу я вирішив зробити тренінг логічно завершеним<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/wlEmoticon-smile.png" /> і, оскільки це курс для веб-розробників, в ході викладання використовувати лише веб-інструменти.</p>
<p align="center"><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb.png" width="561" height="421" /></a></p>
<p align="justify">Виявилось, Chrome здатний зробити інші локальні програми (майже) непотрібними! Здивовані? Зараз я розповім, що саме я використовував і що з того вийшло.</p>
<p>  <span id="more-2130"></span>
<p align="justify">Щоб зробити розповідь послідовною, я просто наведу перелік основних потреб під час тренінгу і як саме їх було реалізовано.</p>
<p align="justify">Тож почнемо:</p>
<ol>
<li>
<div align="justify"><strong>Робота з файлами</strong>        <br />оскільки під час тренінгу мені потрібно працювати з обмеженою кількістю директорій (файли презентацій модулів курсу, PDF-документи з теоретичними відомостями і завданнями для лабораторних робіт, тощо), я просто відкрив у Chrome кожну з директорій, вказавши адресу виду <strong>file:///D:/PPTs/</strong> чи <strong>file:///D:/PDF/</strong> і додавши ці сторінки у закладинки (<strong>CTRL+D</strong>).         <br />В результаті я отримав можливість переглядати вміст тек на диску у браузері і за кліком на файлі відкривати його в Chrome. Виглядало це приблизно так:        </p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_3.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_3.png" width="536" height="586" /></a>        </div>
</li>
<li>
<div align="justify"><strong>Демонстрація слайдів          <br /></strong>тут взагалі все просто – пам’ятаєте я <a href="http://productivityblog.com.ua/?p=2129" target="_blank">писав про розширення для перегляду і редагування файлів Office в Chrome</a>? Так от, у поєднанні з попереднім фокусом, воно дозволяє дуже просто почати показ слайдів!        </p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_4.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_4.png" width="546" height="303" /></a>        </div>
</li>
<li>
<div align="justify"><strong>Перегляд PDF-документів         <br /></strong>теж не проблема – у Chrome Web Store є <a href="https://chrome.google.com/webstore/detail/pdf-viewer/oemmndcbldboiebfnladdacbdfmadadm" target="_blank">чудовий переглядач PDF</a>, цілком написаний на JavaScript! Тож просто клацаємо мишею на PDF-файл, або перетягуємо його у вікно браузера і все! Виглядає і працює – просто чудово:        </p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_5.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_5.png" width="547" height="303" /></a>        </div>
</li>
<li>
<div align="justify"><strong>Написання коду</strong>        <br />для редагування HTML-документів, написання JavaScripts’ів та CSS можна використати або <a href="https://chrome.google.com/webstore/detail/text/mmfbcljfglbokpmkimbfghdkjmjhdgbg" target="_blank">“класичний” Text (&lt;txt&gt;)</a>, або чудовий <a href="https://chrome.google.com/webstore/detail/chrome-dev-editor-develop/pnoffddplpippgcfjdhbmhkofpnaalpg" target="_blank">Chrome Dev Editor</a> – незважаючи на статус developer preview, це вже зріле та цілком функціональне середовище розробки:        </p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_6.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_6.png" width="549" height="342" /></a>        </p>
</div>
</li>
<li>
<div align="justify"><strong>Довідка та пошук прикладів коду         <br /></strong>ще одна чудова штука – <a href="https://chrome.google.com/webstore/detail/devdocs/mnfehgbmkapmjnhcnbodoamcioleeooe" target="_blank">DevDocs</a> – просто неперевершений збірник довідників з різноманітних веб-технологій та фреймворків! Виглядає це так:        </p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_7.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_7.png" width="558" height="454" /></a>        <br />Непогано, чи не так?        </p>
</div>
</li>
<li>
<div align="justify"><strong>Скорочення та “розшарювання” посилань         <br /></strong>теж без проблем – моя давня улюблена парочка – <a href="https://chrome.google.com/webstore/detail/googl-url-shortener/iblijlcdoidgdpfknkckljiocdbnlagk" target="_blank">goo.gl URL Shortener</a> і <a href="https://chrome.google.com/webstore/detail/qr-code-tag-extension/bcfddoencoiedfjgepnlhcpfikgaogdg" target="_blank">QR Tag Extension</a> задовольняють ці потреби “на ура”!        </p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_8.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_8.png" width="554" height="426" /></a>        <br />Ці два чудових розширення навіть трохи перекриваються за функціоналом.<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/wlEmoticon-smile.png" />        </p>
</div>
</li>
</ol>
<p>В принципі, описаних додатків і розширень для Chrome достатньо, щоб провести тренінг з веб-розробки і не тільки<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/wlEmoticon-smile.png" />.</p>
<p align="justify">Важлива складова кожного мого тренінгу – це <strong>брендінг</strong>. І тренінг з HTML5 не був винятком – на машини студентів я встановив <a href="http://img1.mxstatic.com/wallpapers/7b0d8617b9741ec12c036894136ceeca_large.jpeg" target="_blank">шпалери з логотипом стандарту</a>:</p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_9.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_9.png" width="589" height="367" /></a></p>
<p>А в Chrome було встановлено <a href="https://chrome.google.com/webstore/detail/html5-theme/hkfbplngknjneopkkmlhpghoanemadnk?utm_source=chrome-ntp-icon" target="_blank">тему HTML5</a>:</p>
<p><a href="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_10.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/image_thumb_10.png" width="589" height="372" /></a></p>
<p>Ось так, занурення в предмет – повне!<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/wlEmoticon-smile.png" /></p>
<p align="justify">Плюс, як завжди, студенти отримали від мене <strong>пакет додаткових матеріалів з теми</strong> і можуть розраховувати на <strong>прижиттєву підтримку</strong>.<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/wlEmoticon-smile.png" /></p>
<p align="justify">Проте, є <strong>кілька нюансів</strong>:</p>
<ol>
<li>
<div align="justify">за роки викладання я звик використовувати утиліту <a href="http://technet.microsoft.com/en-us/sysinternals/bb897434.aspx" target="_blank">ZoomIt!</a> для масштабування зображення на екрані і поки що не бачу адекватної її заміни у вигляді веб-додатку<img class="wlEmoticon wlEmoticon-sadsmile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Sad smile" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/wlEmoticon-sadsmile.png" /></div>
</li>
<li>
<div align="justify">в деяких лабораторних роботах курсу окрім клієнтського коду використовувались серверні компоненти, та й розширений IntelliSense теж не був зайвим, тож іноді я використовував <a href="http://www.visualstudio.com/" target="_blank">Microsoft Visual Studio</a> з <a href="http://www.iis.net/learn/extensions/introduction-to-iis-express/iis-express-overview" target="_blank">IIS Express</a>.</div>
</li>
</ol>
<p align="justify">Що ж, на цьому мабуть все.</p>
<p align="justify">Наступного разу я розповім про нову іграшку, яка прийшла поштою поки я був у Києві – круту індикаторну панель для мого великого комп’ютера – думаю, ця тема буде цікавою для багатьох.</p>
<p align="justify">До зустрічі за тиждень! Бережіть себе і нехай вас не торкнеться осіння депресія!<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/ae26890c19c4_FECA/wlEmoticon-smile.png" /></p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D2130&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=2130"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=2130"  data-text="Курс з веб-технологій &#8211; лише з веб-інструментами" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=2130" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=2130"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=2130</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Java, фітнес та квіти:-)</title>
		<link>http://productivityblog.com.ua/?p=2116</link>
		<comments>http://productivityblog.com.ua/?p=2116#comments</comments>
		<pubDate>Sun, 27 Jul 2014 16:18:09 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[Wow!]]></category>
		<category><![CDATA[навчання]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[beauty]]></category>
		<category><![CDATA[fitness]]></category>
		<category><![CDATA[flowers]]></category>
		<category><![CDATA[garden]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[reference]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[training]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2116</guid>
		<description><![CDATA[Доброго дня вам, друзі!
Нарешті я повернувся додому з Києва, де проводив тренінги з Java, і одразу ж викроїв хвилинку часу аби поділитись з вами своїми думками.&#160;

Сьогоднішнє повідомлення буде трохи нагадувати програму теленовин, оскільки хочеться розповісти про все одразу – і про тренінг, і про мої нові знахідки у галузі тренувань, і про ту красу, яку [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго дня вам, друзі!</p>
<p align="justify">Нарешті я повернувся додому з Києва, де проводив тренінги з Java, і одразу ж викроїв хвилинку часу аби поділитись з вами своїми думками.<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-smile.png" />&#160;</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/Java----_FA97/image.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/image_thumb.png" width="411" height="545" /></a></p>
<p align="justify">Сьогоднішнє повідомлення буде трохи нагадувати програму теленовин, оскільки хочеться розповісти про все одразу – і про тренінг, і про мої нові знахідки у галузі тренувань, і про ту красу, яку я виявив у нас на дачі. Тож я розповім про все одразу, залишаючи рішення про те, що читати, а що пропустити на ваш розсуд. Готові?</p>
<p>  <span id="more-2116"></span><br />
<h4 align="justify">Основи програмування мовою Java</h4>
<p align="justify">Я вже колись згадував про те, що вже досить тривалий час окрім офіційних курсів Microsoft я проводжу також тренінги з мови програмування Java. Минулого тижня це був другий курс з пакету двох тренінгів для програмістів-початківців, а саме Java Fundamentals.</p>
<p align="justify">Якщо ви колись програмували будь-якою мовою програмування і маєте базові уявлення про об’єктно-орієнтоване програмування – цей курс саме для вас. Опрацювавши матеріал цьго тренінга ви зможете швидко почати писати нескладні консольні та графічні програми, в тому числі – з використанням багатопоточних обчислень та мережевих можливостей Java.</p>
<p align="justify">Якщо хочете дізнатись більше – ласкаво просимо на <a href="http://goo.gl/I8ZuuB" target="_blank">сайт підтримки студентів курсу</a>, який я колись створив нашвидкуруч напередодні чергового тренінгу, і як виявилось, вчинив правильно.<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-smile.png" /></p>
<h4 align="justify">&#160;</h4>
<h4 align="justify">Тренуйтесь як супергерой!</h4>
<p align="justify">Наступна річ, про яку я хочу вам розповісти – це дуже непоганий сайт з безліччю безкоштовних програм тренувань.</p>
<p align="justify">Курс, який я проводив минулого тижня, проходив в новому для мене місці, раніше я в цьому районі не селився, тож житло обирав майже всліпу – аби поближче до офісу. Як виявилось, я таки знайшов непогане місце – не ідеальне<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-smile.png" />, але непогане і за прийнятні гроші. Квартира мала лише один недолік – усі двері в ній відкривались проти напряку руху, тож я не мав змоги закріпити дверний якір моїх тренувальних петель TRX, тож вечірнє тренування було під великим питанням. Так, окрім TRX я зазвичай вожу з собою ще й ролик для пресу, грипери та <a href="http://perfect-fitness.com.ua/resbands.html" target="_blank">трубчасті еспандери від Perfect Fitness</a>. Проте їх самих недостатньо аби завантажити себе як слід. Та й використовую я їх в поїздках здебільшого під час вранішнього тренування, ввечері ж хочеться чогось іншого.</p>
<p align="justify">І тут я згадав про один дуже стильний сайт, який я колись знайшов і відклав посилання на нього для кращих часів, а саме&#160; сайт <a href="http://neilarey.com/" target="_blank">neilarey.com</a>, де зібрано велику кількість програм тренувань, користуватись якими ви можете абслютно безкоштовно.</p>
<p align="justify">Для себе я обрав тренування “Стріли”, тим більше, що не так давно ми з дружиною закінчили перегляд другого сезону <a href="http://en.wikipedia.org/wiki/Arrow_(TV_series)" target="_blank">цього серіалу</a>.<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-smile.png" /> Сама програма тренувань виглядає досить простою:</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/Java----_FA97/arrow-workout.jpg"><img title="arrow-workout" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="arrow-workout" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/arrow-workout_thumb.jpg" width="589" height="829" /></a></p>
<p align="justify">Хоч, треба сказати, що я трохи ускладнив цю програму – всі вправи я виконував у 5 сетів, без відпочинку між вправами і між колами теж. Дуже непогано прочищає мізки і “забиває” м’язи, скажу я вам! </p>
<p align="justify">Програму можна завантажити <a href="http://neilarey.com/workouts/arrow-workout.html" target="_blank">тут</a>. А ще я раджу глянути на <a href="http://neilarey.com/workouts/ironman-workout.html" target="_blank">програму “Залізної людини”</a> і обов’язково завантажити і почитати книжку “<a href="http://neilarey.com/programs/30-days-of-change.html" target="_blank">30 днів змін</a>” – вона також абсолютно безкоштовна. Ви можете завантажили її у різній якості – для перегляду на телефоні, на планшеті, або ж використовувати в онлайні. В останньому випадку ви отримаєте не лише картинки з вправами, а й таймер для тренувань!</p>
<p align="justify">А ще завітайте до розділів <a href="http://neilarey.com/challenges.html" target="_blank">Challenges</a> та <a href="http://neilarey.com/motivation.html" target="_blank">Motivation</a> – там ви теж знайдете чимало цікавого!</p>
<p align="justify">А “на закуску” хочу запропонувати вам <a href="http://brodude.ru/trenirovki-dlya-reklamnoj-pauzy/" target="_blank">п’ять міні програм</a>, які ви можете виконати просто під час перегляду телепрограм у вітальні &#8211; протягом рекламної паузи!</p>
<h4 align="justify">&#160;</h4>
<h4 align="justify">Квітучі джунглі</h4>
<p align="justify">Впевнений – багато хто з вас, друзі, полюбляє природу, кожні вихідні намагається проводити на дачі, в лісі, тощо. Про мене ж цього не скажеш<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-smile.png" /> &#8211; бути&#160; на свіжому повітрі мені швидко набридає, на дачу виманити мене дуже важко, в ліс – теж непросто. Я б краще потренувався або попрацював би на комп’ютері – справи ж бо завжди знайдуться! “Польові” умови життя я сприймаю не як романтику, а як покарання. Та й взагалі, відсутність інтернету мене добряче гнітить<img class="wlEmoticon wlEmoticon-sadsmile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Sad smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-sadsmile.png" />.</p>
<p align="justify">Однак вчора, коли одразу ж після мого повернення додому ми з дружиною поїхали на дачу, навіть я був вражений тим різноманіттям квітів, яке нас там зустріло. Теща розвела на дачі справжні квітучі джунглі, які просто пригнічують своєю різнобарвністю та різноманітністю! Кількість видів квітів просто не піддається обліку!</p>
<p align="justify">Тож я не втримався і вирішив присвятити трохи часу фотографуванню цієї краси. Це був перший раз, коли приїхавши на дачу я навіть забув попідтягуватись!<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-smile.png" /> Нижче ви можете переглянути кілька фото з тих, які я вчора зробив:</p>
<p align="center"><embed type="application/x-shockwave-flash" src="https://photos.gstatic.com/media/slideshow.swf" width="600" height="400" flashvars="host=picasaweb.google.com&#038;hl=en_US&#038;feat=flashalbum&#038;RGB=0x000000&#038;feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F103680764552672827709%2Falbumid%2F6040772409294683633%3Falt%3Drss%26kind%3Dphoto%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></p>
<p align="justify">Це дійсно величезна праця, яку треба дуже любити аби створити таку красу.    <br />Таке хоббі вимагає дуже багато сил і часу, а результат – вартий експозиції ботанічного саду!<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/Java----_FA97/wlEmoticon-smile.png" /></p>
<p align="justify">Що ж, на сьогодні все. До зустрічі за тиждень!</p>
<p align="justify">Навчайтесь, тренуйтесь, насолоджуйтесь прекрасним! Хай вам щастить!</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D2116&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=2116"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=2116"  data-text="Java, фітнес та квіти:-)" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=2116" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=2116"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=2116</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>І знову METRO UI</title>
		<link>http://productivityblog.com.ua/?p=2077</link>
		<comments>http://productivityblog.com.ua/?p=2077#comments</comments>
		<pubDate>Sun, 26 Jan 2014 13:13:21 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[MS Office]]></category>
		<category><![CDATA[Wow!]]></category>
		<category><![CDATA[програмне забезпечення]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[Excel]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[Metro UI]]></category>
		<category><![CDATA[PowerPoint]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2077</guid>
		<description><![CDATA[Доброго дня Вам, друзі!
Сьогодні неділя, тож вчора я, як і більшість з вас, трохи відпочив від напружених трудових буднів і вирішив почастувати вас чимось новеньким.

Я вже не один раз писав на тему METRO-інтерфейсу, або як його називають тепер, Modern UI (xоч стара назва мені подобається більше). Здебільшого мої повідомлення стосувались відтворення плиточного інтерфейсу Windows 8 [...]]]></description>
			<content:encoded><![CDATA[<p align="left">Доброго дня Вам, друзі!</p>
<p align="justify">Сьогодні неділя, тож вчора я, як і більшість з вас, трохи відпочив від напружених трудових буднів і вирішив почастувати вас чимось новеньким.<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/wlEmoticon-smile.png" /></p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_thumb.png" width="587" height="499" /></a></p>
<p align="justify">Я вже не один раз <a href="http://productivityblog.com.ua/?tag=metro-ui" target="_blank">писав на тему METRO-інтерфейсу</a>, або як його називають тепер, Modern UI (xоч стара назва мені подобається більше). Здебільшого мої повідомлення стосувались відтворення плиточного інтерфейсу Windows 8 в інших ОС.</p>
<p align="justify">А сьогодні я хочу розповісти вам про METRO-шаблони для створення стильних документів в програмах Microsoft Office. </p>
<p>  <span id="more-2077"></span><br />
<h4 align="justify">Презентації в новому стилі</h4>
<p align="justify">Сам я теж колись цим <a href="http://www.slideshare.net/liketaurus/office-2010-training" target="_blank">забавлявся</a>. Проте, є люди, які роблять це краще за мене. Наприклад, Алессандра Блейкстон, яка <a href="http://alesandrab.wordpress.com/2013/06/03/metro-ui-style-powerpoint-2010-template/" target="_blank">на сторінках свого блога</a> безкоштовно пропонує дуже непоганий шаблон для створення слайдів у стилі METRO.</p>
<p> <center><iframe style="margin-bottom: 5px; max-width: 100%; border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 0px solid; border-left: #ccc 1px solid" height="356" marginheight="0" src="http://www.slideshare.net/slideshow/embed_code/22390684?rel=0" frameborder="0" width="427" marginwidth="0" scrolling="no" allowfullscreen="allowfullscreen"> </iframe></center>
<p align="justify">Завантажити шаблон можна <a href="http://alesandrab.files.wordpress.com/2013/06/metro-ui-style.pptx" target="_blank">тут</a>.</p>
<p align="justify">До речі, це не єдиний PowerPoint-шаблон від Алессандри – <a href="http://alesandrab.wordpress.com/2013/03/14/bubbles_powerpoint_template/" target="_blank">ось</a> ще один дуже непоганий зразок її творчості. Це не зовсім METRO, проте щось дуже близьке<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/wlEmoticon-smile.png" /> і виглядає стильно.</p>
<p align="justify">А <a href="http://www.free-power-point-templates.com/articles/awesome-metro-powerpoint-template-designs/" target="_blank">тут</a> ви можете переглянути і безкоштовно завантажити для власного використання ще два види METRO-шаблонів для PowerPoint.</p>
<table cellspacing="0" cellpadding="2" width="400" border="0">
<tbody>
<tr>
<td valign="top" width="200"><a href="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_3.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_thumb_3.png" width="273" height="206" /></a></td>
<td valign="top" width="200"><a href="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_4.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_thumb_4.png" width="287" height="205" /></a></td>
</tr>
</tbody>
</table>
<p align="justify">Мені особисто більше подобається <a href="http://www.scottlogic.com/blog/2011/12/19/a-metro-themed-powerpoint-template.html" target="_blank">темний варіант</a>.</p>
<p align="justify"><a href="http://igrali.com/2012/12/12/modern-ui-powerpoint-template/" target="_blank">За цим посиланням</a> ви знайдете ще парочку шаблонів. Вони те так вражають, як згадані вище, проте теж можуть стати в нагоді.</p>
<h4>&#160;</h4>
<h4>Excel теж отримує METRO</h4>
<p align="justify">Про <a href="http://alesandrab.wordpress.com/2013/04/26/metro-ui-style-excel-dashboard/" target="_blank">шаблон індикаторної панелі для Excel</a>, авторство якого належить знову ж таки, Алессандрі Блейкстон, я вже писав раніше, але не побоюсь повторитись, бо шаблон дійсно чудовий.</p>
<p><a href="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_5.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_thumb_5.png" width="584" height="268" /></a></p>
<p>Завантажити його ви можете <a href="http://alesandrab.files.wordpress.com/2013/04/metro.xlsx" target="_blank">звідси</a>.</p>
<h4>&#160;</h4>
<h4>Інші цікаві шаблони та інструменти</h4>
<p align="justify">PowerPoint та Excel – не єдині програми для створення METRO-подібних інтерфейсів. <a href="http://www.free-power-point-templates.com/articles/best-resources-for-creating-windows-8-metro-ui-like-layouts/" target="_blank">Ось тут</a> ви можете ознайомитись з непоганою добіркою ресурсів, які ви можете використати для досягнення цієї мети. Тут ви знайдете шаблони для створення не тільки презентацій, але й веб-додатків.</p>
<p align="justify">Також раджу подивитись на <a href="http://www.windows8templates.com/" target="_blank">Windows8Templates</a>. На відміну від розглянутих вище ресурсів, ці шаблони будуть коштувати вам грошей, однак виглядають вони дуже якісно й професійно.</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_6.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_thumb_6.png" width="585" height="327" /></a></p>
<p align="justify">Подібний продукт, хоч і не зовсім у METRO-стилі – <a href="http://www.free-power-point-templates.com/articles/powerpoint-prototyping-toolkit-create-ui-designs-and-wireframes-in-powerpoint/" target="_blank">PowerPoint Prototyping Toolkit</a>. Його ви можете завантажити і використовувати безкоштовно.</p>
<p>Звичайно, це ще не все – METRO багато кому не дає спокою.<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/wlEmoticon-smile.png" /> Чудовий приклад – це шаблони для сертифікованих тренерів Microsoft – MCT Barnd Template та MTA Walking Deck – це чудові зразки METRO-дизайну.</p>
<p><a href="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_7.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/image_thumb_7.png" width="585" height="327" /></a></p>
<p>&#160;</p>
<p align="justify">Що ж, друзі – на цьому все. На мене чекають підготовка до відправки у сервісний центр мого планшету <a href="http://51cube.com.ua/catalog/item/mytab_u30gt2_rk3188" target="_blank">MyTab U30GT2</a>, який почав дуже швидко розряжатись, та й взагалі, поводить себе дуже дивно<img class="wlEmoticon wlEmoticon-sadsmile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Sad smile" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/wlEmoticon-sadsmile.png" />, а потім – чергові серії “<a href="http://www.sho.com/sho/dexter/home" target="_blank">Декстера</a>”<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="Smile" src="http://productivityblog.com.ua/images/PostPics/6f021e291578_C05D/wlEmoticon-smile.png" /></p>
<p>До зустрічі за тиждень! Хай вам щастить!</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D2077&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=2077"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=2077"  data-text="І знову METRO UI" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=2077" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=2077"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=2077</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Знову до школи: збираємо рюкзак</title>
		<link>http://productivityblog.com.ua/?p=1823</link>
		<comments>http://productivityblog.com.ua/?p=1823#comments</comments>
		<pubDate>Sun, 02 Sep 2012 12:07:57 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[MS Office]]></category>
		<category><![CDATA[Windows Live]]></category>
		<category><![CDATA[навчання]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[пристрої]]></category>
		<category><![CDATA[програмне забезпечення]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[back to school]]></category>
		<category><![CDATA[Office]]></category>
		<category><![CDATA[students]]></category>
		<category><![CDATA[web applications]]></category>
		<category><![CDATA[web-office]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=1823</guid>
		<description><![CDATA[Доброго дня, друзі!
Ну, ось ми і дочекались початку нового навчального року. Провівши ряд тренінгів, я ненадовго повернувся додому аби супроводжувати доньку на свято Першого дзвоника і написати це повідомленняю І якщо свято я, на жаль, проспав, то з цією статтею, сподываюсь, впораюсь.

Тож про що я хотів говорити? Оскільки в понеділок для студентів і школярів почнуться [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго дня, друзі!</p>
<p align="justify">Ну, ось ми і дочекались початку нового навчального року. Провівши ряд тренінгів, я ненадовго повернувся додому аби супроводжувати доньку на свято Першого дзвоника і написати це повідомленняю<img class="wlEmoticon wlEmoticon-smile" style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/wlEmoticon-smile.png" alt="Smile" /> І якщо свято я, на жаль, проспав<img class="wlEmoticon wlEmoticon-sadsmile" style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/wlEmoticon-sadsmile.png" alt="Sad smile" />, то з цією статтею, сподываюсь, впораюсь.</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_thumb.png" border="0" alt="image" width="300" height="400" /></a></p>
<p align="justify">Тож про що я хотів говорити? Оскільки в понеділок для студентів і школярів почнуться навчальні будні, я хотів розповісти про той набір абсолютно необхідного ПЗ і онлайнових сервісів, який я зазвичай раджу використовувати своїм студентам.</p>
<p><span id="more-1823"></span></p>
<p align="justify">Почнемо з початку – кожному студенту необхідно <strong>вести записи, зберігати знайдену в Мережі інформацію, посилання, зображення</strong>…</p>
<p align="justify">Для цих потреб я раджу студентам використовувати <a href="http://evernote.com/" target="_blank">Evernote</a> – добре відомий універсальний записник, який дозволяє створювати записники, записи різних видів, легко здійснювати пошук за ними, використовувати теги і т.ін. Чудово те, що ви можете працювати з вашими записами через веб-інтерфейс (так, все зберігається “у хмарах”!), або за допомогою клієнтських програм. Я особисто маю встановлений на “великій машині” Evernote для Windows, <a href="http://nevernote.sourceforge.net/" target="_blank">Nevernote</a> під Ubuntu, іноді використовую додаток для Google Chrome, але частіше працюю зі своїми записниками з мого смартфона під керуванням NOKIA Belle і планшета ASUS Transformer – <a href="https://play.google.com/store/apps/details?id=com.evernote&amp;hl=uk" target="_blank">клієнт Evernote для Android-планшетів</a> – це просто витвір мистецтва!</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_3.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_thumb_3.png" border="0" alt="image" width="589" height="372" /></a></p>
<p align="justify">Ті з моїх студентів, які використовують Windows (до речі, з роками їх стає все менше) можуть також використовувати <a href="http://office.microsoft.com/uk-ua/onenote/" target="_blank">Microsoft Office OneNote</a> – річ дійсно чудова,  і навіть функціональніша за Evernote, але лише за умови зберігання записів централізовано &#8211; на <a href="https://skydrive.live.com/" target="_blank">SkyDrive</a>, аби з ними можна було працювати з будь-якого пристрою і через веб-інтерфейс. А Onenote 2013 – це просто феєрія!</p>
<p align="justify">Наступна нагальна потреба – <strong>робота над документами</strong>. Тут я не буду оригінальним – <a href="http://office.microsoft.com/uk-ua/" target="_blank">Microsoft Office</a> (для Windows) або <a href="http://www.openoffice.org/" target="_blank">OpenOffice</a>/<a href="http://www.libreoffice.org/" target="_blank">LibreOffice</a> (для Linux).  Звичайно ж, гарна ідея зберігати всі свої документи “в хмарах” – на <a href="https://skydrive.live.com/" target="_blank">SkyDrivе</a>, в <a href="https://drive.google.com" target="_blank">Google Drive</a> або інших сховищах. До речі, використання SkyDrive через веб-інтерфейс дозволяє взагалі обійтись без встановлення офісного пакету – до ваших послуг Office Web Applications (так само як Google Docs – у разі використання Google Drive). На додачу слід встановити <a href="http://www.foxitsoftware.com/Secure_PDF_Reader/" target="_blank">Foxit Reader</a> для перегляду PDF- документів під Windows (під Linux з цим завданням чудово впорається “стоковий” переглядач PDF). До речі, не так давно з’явилась можливість безкоштовного використання Foxit Office Suite – це Foxit Reader + відомий офісний пакет Kingsoft Office (деталі – <a href="http://www.foxitsoftware.com/Secure_PDF_Reader/" target="_blank">на сайті</a> Foxit Reader).</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_4.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_thumb_4.png" border="0" alt="image" width="589" height="331" /></a></p>
<p align="justify">На комунікаторі я маю QuickOffice і Microsoft Office, а на планшеті – цілий зоопарк – <a href="http://www.polarisoffice.com/en/" target="_blank">Polaris Office</a>, <a href="https://play.google.com/store/apps/details?id=com.tf.thinkdroid.amarket" target="_blank">ThinkFree Office</a>, <a href="https://play.google.com/store/apps/details?id=com.qo.android.am3&amp;hl=it" target="_blank">QuickOffice</a>, <a href="https://play.google.com/store/apps/details?id=com.dataviz.docstogoapp" target="_blank">Office Suite</a>, <a href="https://play.google.com/store/apps/details?id=cn.wps.moffice_eng&amp;feature=search_result#?t=W251bGwsMSwxLDEsImNuLndwcy5tb2ZmaWNlX2VuZyJd" target="_blank">Kingsoft Office</a> і <a href="https://play.google.com/store/apps/details?id=com.picsel.tgv.app.smartoffice&amp;feature=more_from_developer#?t=W251bGwsMSwyLDEwMiwiY29tLnBpY3NlbC50Z3YuYXBwLnNtYXJ0b2ZmaWNlIl0." target="_blank">Picsel Office</a> – іноді певні документи не відкриваються в Polaris, яким я користуюсь найчастіше, але відриваються в одному з перелічених пакетів. До речі, іноді Polaris Office чомусь не бачить закладинок у PDF-документах, тоді як інші чудово з ними працюють.</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_5.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_thumb_5.png" border="0" alt="image" width="589" height="448" /></a></p>
<p align="justify">Важливу роль в моїй методиці навчання відіграють <strong>ментальні карти</strong>. У якості основного інструменту побудови майндмепів я завжди раджу студентам використовувати <a href="http://www.xmind.net/" target="_blank">xMind</a> – дійсно чудовий пакет, який задовольнить найвибагливішого користувача. До того ж, xMind абсолютно безкоштовний і, що не менш важливо, – кросс-платформений – ви можете використовувати його як під Windows, так і під Linux (а ще ж є <a href="http://www.xmind.net/download/portable/" target="_blank">портабельний варіант, який не потребує встановлення</a>). Для багатих користувачів Windows є варіант використання <a href="http://www.mindjet.com/" target="_blank">MindJet MindManager</a>. Це краще ПЗ цього класу яке я тільки зустрічав, яке до того ж має звичний інтерфейс у стилі Microsoft Office, однак його використання потребує витрат і чималих.<img class="wlEmoticon wlEmoticon-sadsmile" style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/wlEmoticon-sadsmile.png" alt="Sad smile" /></p>
<p align="justify">На смартфоні я подібних програм не використовую – все ж таки, екран для таких речей замалий, хоч збираюсь спробувати <a href="http://shop.my-symbian.com/PlatformProductDetail.jsp?siteId=695&amp;jid=3B8X76CX317ACCCCA7AAX994422E7D71&amp;platformId=4&amp;productType=2&amp;catalog=0&amp;amp;sectionId=0&amp;productId=111177" target="_blank">Personal MindMap</a>. А на планшеті використовую <a href="https://play.google.com/store/apps/details?id=net.thinkingspace&amp;hl=uk" target="_blank">MindJet для Android</a> – дуже й дуже непоганий варіант.</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_6.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_thumb_6.png" border="0" alt="image" width="589" height="489" /></a></p>
<p align="justify">Звичайно, <strong>результати роботи треба десь зберігати</strong> і найкраще, як я вже говорив, – у “хмарі”. Крім SkyDrive і Google Disk є ще <a href="https://www.dropbox.com" target="_blank">DropBox</a>. <a href="https://www.box.com/" target="_blank">Box.NET</a>,<a href="https://one.ubuntu.com" target="_blank">Ubuntu One</a> та інші. Для ефективної роботи з ними можна використовувати як веб-інтерфейс, так і додатки для Google Chrome. А ще зручніше – використовувати “навігатори”, які дозволяють працювати одразу з  усіма вашими хмарними сховищами. Про них я вже якось говорив – як приклад можно навести <a href="http://otixo.com/" target="_blank">Otixo</a> або <a href="http://www.zeropc.com/" target="_blank">ZeroPC</a>. До речі, на планшеті я використовую <a href="https://play.google.com/store/apps/details?id=com.zeropc.tablet&amp;hl=uk" target="_blank">ZeroPC Cloud Navigator</a> і дуже ним задоволений. <a href="https://i1.zeropc.com/os/" target="_blank">Веб-десктоп</a> у них теж непоганий.</p>
<p align="justify">
<p align="justify">Також студентам просто необхідно іноді зазирати до <strong>енциклопедичних словників і вести дослідження</strong> з певної теми. Тут також все тривіально – <a href="http://www.wikipedia.org/" target="_blank">Wikipedia</a> і <a href="http://www.wolframalpha.com/" target="_blank">Wolfram Alpha</a>(до речі, обидва сервіси мають клієнти для Android). Як глоссарій я часто раджу також використовувати <a href="http://glossary.ru/" target="_blank">Glossary.ru</a>.</p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_7.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_thumb_7.png" border="0" alt="image" width="587" height="817" /></a></p>
<p align="justify">Для <strong>спілкування і співпраці </strong>ми з моїми студентами використовуємо <a href="https://twitter.com/" target="_blank">Twitter</a> і електронну пошту. До речі, у нашому навчальному закладі ми маємо <a href="http://www.google.com/apps/intl/en/edu/" target="_blank">Google Apps</a>, тож можемо використовувати спільні календарі, списки завдань, пошту, документи, сайти…</p>
<p align="justify">Моя особиста точка зору – на даний момент не існує нічого кращого за GMail + Google Calendar + Google Tasks<img class="wlEmoticon wlEmoticon-smile" style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/wlEmoticon-smile.png" alt="Smile" />, однак я не нав’язую своєї думки іншим. До речі, для Android існує чудова річ – <a href="https://play.google.com/store/apps/details?id=com.appventive.ExecAssist&amp;hl=uk" target="_blank">Executive Assistant</a>, яка інтегрує інформацію з календаря/списку завдань/пошти/твіттера/Google Reader’а та ін. в одному місці.</p>
<p align="justify">Звичайно, всі ці потреби можна покрити з використанням лише онлайнових сервісів, не встановлюючи на вашу машину жодного ПЗ. Ось <a href="http://www.readwriteweb.com/archives/web_20_backpack_web_apps_for_students.php" target="_blank">тут є трохи застарілий, але все ще непоганий список веб-додатків для студентів</a>. У якості браузера ж, як ви вже давно здогадались, я рекомендую використовувати <a href="http://www.google.com/chrome" target="_blank">Google Chrome</a>.<img class="wlEmoticon wlEmoticon-smile" style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/wlEmoticon-smile.png" alt="Smile" /></p>
<p align="justify"><a href="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_8.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" src="http://productivityblog.com.ua/images/PostPics/1278a032787c_B4DC/image_thumb_8.png" border="0" alt="image" width="589" height="570" /></a></p>
<p align="justify">Що ж, на сьогодні все. Про загальні потреби студентів ми поговорили, про специфічне для певних напрямків підготовки ПЗ, якщо буде бажання, поговоримо пізніше. Можливо, ви можете допомогти і розширити цей список? Якщо так – не соромтесь – пишіть коментарі!</p>
<p align="justify">Успіхів вам у новому навчальному році!</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D1823&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=1823"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=1823"  data-text="Знову до школи: збираємо рюкзак" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=1823" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=1823"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=1823</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Продовжуємо вести записи</title>
		<link>http://productivityblog.com.ua/?p=1711</link>
		<comments>http://productivityblog.com.ua/?p=1711#comments</comments>
		<pubDate>Tue, 18 Oct 2011 20:04:04 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[навчання]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[пристрої]]></category>
		<category><![CDATA[програмне забезпечення]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Diigo]]></category>
		<category><![CDATA[notes]]></category>
		<category><![CDATA[online services]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=1711</guid>
		<description><![CDATA[Доброго вечора, друзі мої!
Не так давно я писав про програми-записники, які надійно збережуть всі ваші записи і списки завдань, і дозволять швидко і просто знайти в цій купі інформації все необхідне. Однак (мабуть через те, що я ще не награвся своїм новим планшетом) моя стаття вийшла якась “зсунута” в бік ОС Android.&#160;

А сьогодні мені на [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго вечора, друзі мої!</p>
<p align="justify">Не так давно я писав про програми-записники, які надійно збережуть всі ваші записи і списки завдань, і дозволять швидко і просто знайти в цій купі інформації все необхідне. Однак (мабуть через те, що я ще не награвся своїм новим планшетом) моя стаття вийшла якась “зсунута” в бік ОС Android.<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/10/wlEmoticon-smile3.png" />&#160;</p>
<p align="justify"><a href="http://freelanceswitch.com/productivity/let-diigo-turn-the-net-into-your-notebook/"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2011/10/image11.png" width="398" height="319" /></a></p>
<p align="justify">А сьогодні мені на очі потрабив подібний <a href="http://open-tube.com/alternatives-to-evernote-best-apps-to-write-notes-and-note-down-your-thoughts-as-they-come/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+opentubefeed+%28open-tube.com%29" target="_blank">огляд</a> записників для різних “настільних” платформ. Про деякі з них я також писав, а дещо, можливо, буде для вас новиною. Тож, обов’язково <a href="http://open-tube.com/alternatives-to-evernote-best-apps-to-write-notes-and-note-down-your-thoughts-as-they-come/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+opentubefeed+%28open-tube.com%29" target="_blank">почитайте цю статтю</a>.</p>
<p>  <span id="more-1711"></span>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/10/image9.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2011/10/image_thumb9.png" width="589" height="284" /></a></p>
<p align="justify">А якщо вже я повернувся до цієї теми, то хочу розповісти вам про сервіс <a href="http://www.diigo.com/" target="_blank">Diigo.com</a>, якийтакож може допомогти у важливій справі збереження нотаток, закладок, записів і т.ін. Виглядає він досить непогано. До того ж, існує офіційна <a href="http://www.diigo.com/tools/power_note_for_android" target="_blank">програма-клієнт для Android</a><img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/10/wlEmoticon-smile3.png" /></p>
<div align="center">
<table border="0" cellspacing="0" cellpadding="2" width="571" align="center">
<tbody>
<tr>
<td valign="top" width="297">
<p align="right"><img src="http://www.diigo.com/images/power-note-for-android/screenshots-1.jpg" width="220" height="331" /></p>
</td>
<td valign="top" width="272"><img src="http://www.diigo.com/images/power-note-for-android/screenshots-6.jpg" width="225" height="337" /></td>
</tr>
</tbody>
</table></div>
<p align="justify">Я вже не кажу про чудовий додаток-записник <a href="https://chrome.google.com/webstore/detail/mijlebbfndhelmdpmllgcfadlkankhok" target="_blank">Quick Note</a> для мого улюбленого браузера і про <a href="http://www.diigo.com/tools" target="_blank">купу інших програм</a>. До речі, Quick Note, як більшість додатків для Chrome, працює і в оффлайні також!</p>
<p align="center"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/10/image10.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2011/10/image_thumb10.png" width="589" height="228" /></a></p>
<p align="justify">Тож, досить слів – треба пробувати!<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/10/wlEmoticon-smile3.png" /></p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D1711&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=1711"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=1711"  data-text="Продовжуємо вести записи" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=1711" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=1711"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=1711</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ProdutivityBlog в панелі задач Windows 7 з IE 9</title>
		<link>http://productivityblog.com.ua/?p=1576</link>
		<comments>http://productivityblog.com.ua/?p=1576#comments</comments>
		<pubDate>Wed, 17 Aug 2011 19:33:50 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[Wow!]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[програмне забезпечення]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[enhancements]]></category>
		<category><![CDATA[freeware]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[web applications]]></category>
		<category><![CDATA[Windows 7]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=1576</guid>
		<description><![CDATA[Доброго вечора, друзі мої!
Сьогодні мені хотілося б розповісти про одну чудову можливість, яку надає вам Microsoft Internet Explorer 9. Мова піде про прикріплення сайтів до панелі задач WIndows. 

Хтось скаже – “чи&#160; й не дивина, Chrome і Firefox (через Mozilla Prism) вже давно дозволяють робити такі речі!” Такі-то такі, однак не дуже – з IE9 [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго вечора, друзі мої!</p>
<p align="justify">Сьогодні мені хотілося б розповісти про одну чудову можливість, яку надає вам Microsoft <strong><a href="http://www.beautyoftheweb.com/" target="_blank">Internet Explorer 9</a></strong>. Мова піде про <strong>прикріплення сайтів до панелі задач WIndows</strong>. </p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/jump_small.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="jump_small" border="0" alt="jump_small" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/jump_small_thumb.png" width="258" height="400" /></a></p>
<p align="justify">Хтось скаже – “чи&#160; й не дивина, <strong>Chrome</strong> і <strong>Firefox</strong> (через <strong>Mozilla Prism</strong>) вже давно дозволяють робити такі речі!” Такі-то такі, однак не дуже<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/wlEmoticon-smile2.png" /> – з IE9 ви можете не просто додати ярлик сайту до панелі задач, а зробивши клік правою кнопкою миші отримати список завдань з посиланнями на розділи сайту і останніми статтями.</p>
<p>  <span id="more-1576"></span>
<p align="justify">Однак, почнемо з початку, а саме з розмови про те, як прикріпити щось до панелі задач Windows з списком завдань (джамплістом) взагалі. Це може бути програма, тека з ярликами програм, сайт, все що завгодно.</p>
<p align="justify">Зробити це можна кількома способами (ми не будемо говорити про стандартне перетягування, нам же хочеться зробити все красиво, щоб джампліст містив ті завдання, як нам потрібні). Ви можете скористатись <strong>такими програмами</strong>:</p>
<ul>
<li>
<div align="justify"><a href="http://alastria.com/software/7stacks/" target="_blank">7stacks</a>&#160;</div>
</li>
<li>
<div align="justify"><a href="http://en.www.ali.dj/jumplist-launcher/" target="_blank">Jumplist Launcher</a></div>
</li>
<li>
<div align="justify"><a href="http://code.google.com/p/jumplist-extender/" target="_blank">Jumplist Extender</a></div>
</li>
<li>
<div align="justify"><a href="http://www.chrisnsoft.com/standalonestack" target="_blank">Standalone Stack</a></div>
</li>
<li>
<div align="justify"><a href="http://download.cnet.com/Jump-List-Manager-Software/3000-2072_4-75376367.html" target="_blank">Jump List Manager</a></div>
</li>
</ul>
<p align="justify">Всі програми, окрім останньої (її можна використати лише 10 разів, а тоді доведеться купити) абсолютно безкоштовні. Використовуючи їх ви можете отримати щось на кшталт такого:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/JumplistExt.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="JumplistExt" border="0" alt="JumplistExt" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/JumplistExt_thumb.jpg" width="554" height="421" /></a></p>
<p align="justify">Або ось такого:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/7stacksoo.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="7stacksoo" border="0" alt="7stacksoo" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/7stacksoo_thumb.png" width="330" height="221" /></a></p>
<p align="justify">Чи навіть такого:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/StandaloneStack.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="StandaloneStack" border="0" alt="StandaloneStack" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/StandaloneStack_thumb.jpg" width="288" height="524" /></a></p>
<p align="justify">Однак, нас цікавить прикріплення до панелі задач саме сайтів. І у мене є чудова новина на цю тему<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/wlEmoticon-smile2.png" />. По-перше, а чи звернули ви увагу, що <strong>ProductivityBlog.com.ua </strong>тепер має власну іконку? Ось вона:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/image8.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/image_thumb8.png" width="128" height="128" /></a></p>
<p align="justify">А тепер, <strong>якщо ви використовуєте IE9</strong>, спробуйте перетягти цю іконку з адресноо рядка браузера на панель задач. Зробили? А тепер натисніть на іконці у панелі задач праву кнопку миші й отримаєте ось таку красу:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/jump.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="jump" border="0" alt="jump" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/jump_thumb.png" width="328" height="511" /></a></p>
<p align="justify">Чудово, чи не так?</p>
<p align="justify">Ви маєте швидкий доступ до останніх повідомлень на сайті та його основних розділів. На жаль, іконка розділу “Продуктивність” і іконка RSS чомусь не відображаються, а в заголовках статей деякі символи (наприклад подвійні лапки) відображаються некорректно. Однак, це – не головне. Головне, що воно працює, а всі недоліки хлопці з Microsoft з часом усунуть, я в них вірю.<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/wlEmoticon-smile2.png" /></p>
<p align="justify">Якщо ж ви натиснете на ярлик блогу лівою кнопкою, він відкриється в новому вікні браузера, а кнопки навігації будуть автоматично пофарбьовані у домінуючий колір іконки:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/Left.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="Left" border="0" alt="Left" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/Left_thumb.png" width="556" height="501" /></a></p>
<p align="justify">Я просто у захваті!<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/wlEmoticon-smile2.png" /></p>
<p align="justify">А зробив все це я скориставшись <a href="http://buildmypinnedsite.com/en" target="_blank">інформацією з сайту Internet Explorer 9</a>, а ще ось <a href="http://www.designisphilosophy.com/tutorials/ie9-pinned-sites-for-wordpress/" target="_blank">цією статтею</a>. Якщо у вас є свій сайт ви теж можете з легкістю повторити мій подвиг. Однак, описані там маніпуляції потребують редагування файлів на вашому веб-сервері, чого ви, можливо, не захочете робити. </p>
<p align="justify">Тож, якщо вам не хочеться копирсатись, можете перейти ось <a href="http://www.pinmywebsite.com/" target="_blank">сюди</a> і, скориставшись “майстром”, за 15 хвилин додати до свого сайту такий же функціонал:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/image9.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/image_thumb9.png" width="589" height="357" /></a></p>
<p align="justify">Наостанок, повертаючись до ProductivityBlog.com, хочу нагадати, що <strong>ви можете встановити розширення </strong>для IE та інших браузерів, щоб завжди бути в курсі новин сайту. </p>
<p align="justify">Для цього треба клікнути на відповідне посилання у правій частині будь-якої сторінки блогу:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/Extension2.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="Extension2" border="0" alt="Extension2" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/Extension2_thumb.png" width="327" height="125" /></a></p>
<p>Результат у Internet Explorer (якщо вже він у нас герой дня<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/wlEmoticon-smile2.png" />) буде виглядати ось так:</p>
<p><a href="http://productivityblog.com.ua/wp-content/uploads/2011/08/Extension.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="Extension" border="0" alt="Extension" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/Extension_thumb.png" width="443" height="452" /></a></p>
<p align="justify">Ну що ж, мабуть на сьогодні досить. Думаю, вам уже кортить почати щось робити зі своїми сайтами чи прикріпляти програми до панелі задач.<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2011/08/wlEmoticon-smile2.png" /> Ну а мені пора готуватись до завтрашнього дня тренінгу. </p>
<p align="justify">До зустрічей на сторінках <strong>ProductivityBlog.com.ua</strong>!</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D1576&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=1576"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=1576"  data-text="ProdutivityBlog в панелі задач Windows 7 з IE 9" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=1576" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=1576"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=1576</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Найкорисніші вебсайти 2010 року</title>
		<link>http://productivityblog.com.ua/?p=1113</link>
		<comments>http://productivityblog.com.ua/?p=1113#comments</comments>
		<pubDate>Thu, 23 Dec 2010 08:01:19 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[Wow!]]></category>
		<category><![CDATA[книжки]]></category>
		<category><![CDATA[навчання]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[best of]]></category>
		<category><![CDATA[e-book]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[web applications]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=1113</guid>
		<description><![CDATA[Доброго дня вам, друзі!
Сьогодні мені хочеться поговорити про ті чудові речі, якими запам’ятався нам 2010 рік. Впевнений, кожен з нас міг би назвати 10 речей/сайтів/фільмів/…/подій в особистому житті, які запам’ятались йому найбільше.

А от Amit Agarwal, автор блогу Digital Inspiration – одного з тих ресурсів, які я читаю обов’язково, щоденно, і у будь-яку погоду – зміг [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго дня вам, друзі!</p>
<p align="justify">Сьогодні мені хочеться поговорити про ті чудові речі, якими запам’ятався нам 2010 рік. Впевнений, кожен з нас міг би назвати 10 речей/сайтів/фільмів/…/подій в особистому житті, які запам’ятались йому найбільше.</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2010/12/image11.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2010/12/image_thumb11.png" width="240" height="215" /></a></p>
<p align="justify">А от <a href="http://www.labnol.org/about/">Amit Agarwal</a>, автор блогу <a href="http://www.labnol.org">Digital Inspiration</a> – одного з тих ресурсів, які я читаю обов’язково, щоденно, і у будь-яку погоду – зміг згадати аж <a href="http://www.labnol.org/internet/101-useful-websites/18078/">101 вебсайт</a>, який напевно стане у пригоді кожному. Wow!</p>
<p>  <span id="more-1113"></span>
<p align="justify">Автор відмічає, що у список попали лише веб-аплікації, які чудово вирішують певні задачі, однак відносно невідомі широкому колу користувачів інтернет. Дуже раджу переглянути цей документ, впевнений – кожен знайде в цьому списку щось корисне для себе!</p>
<p> <center>
<div style="width: 477px" id="__ss_6312180"><strong style="margin: 12px 0px 4px; display: block"><a title="Most useful-websites" href="http://www.slideshare.net/liketaurus/most-usefulwebsites">Most useful-websites</a></strong><object id="__sse6312180" width="477" height="510"><param name="movie" value="http://static.slidesharecdn.com/swf/doc_player.swf?doc=most-useful-websites-101223013415-phpapp02&amp;stripped_title=most-usefulwebsites&amp;userName=liketaurus" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed name="__sse6312180" src="http://static.slidesharecdn.com/swf/doc_player.swf?doc=most-useful-websites-101223013415-phpapp02&amp;stripped_title=most-usefulwebsites&amp;userName=liketaurus" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="477" height="510"></embed></object>
<div style="padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 5px">View more <a href="http://www.slideshare.net/">documents</a> from <a href="http://www.slideshare.net/liketaurus">Alexander Babich</a>.</div>
</p></div>
<p> </center>
<p>Можливо, хтось з читачів може щось додати до цього чудового списку?</p>
<p align="justify">P.S. До речі, <a href="http://www.labnol.org/websites/">ось тут</a> ви можете переглянути список кращих вебсайтів у вигляді ментальної карти. Щоправда, без гіперпосилань…</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D1113&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=1113"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=1113"  data-text="Найкорисніші вебсайти 2010 року" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=1113" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=1113"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=1113</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	
</channel>
</rss>
