tag:blogger.com,1999:blog-3321208976256099742024-03-14T02:36:32.908-03:00Мої записи<a href="http://alexander-zhidenko.blogspot.com/ncr">Дивіться на світ моїми очима.</a>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.comBlogger29125tag:blogger.com,1999:blog-332120897625609974.post-23961963013405607062012-05-06T21:17:00.000-03:002012-05-06T21:17:22.520-03:00Покращення від Google<div style="text-align: right;"><i>Ми приходимо у цей світ на самоті, і на самоті з нього йдемо. <br />
Інтернет допомагає нам зберігати цю самоту впродовж усього життя.</i><br />
<a href="http://aandrusiak.livejournal.com/profile"><img alt="[info]" src="http://l-stat.livejournal.com/img/userinfo.gif?v=91.5" style="vertical-align: middle;" /></a><a href="http://aandrusiak.livejournal.com/338251.html"><b>aandrusiak</b></a> </div><a href="http://alexander-zhidenko.blogspot.com/2011/11/google.html">Google продовжує</a> робити <strike>покращення</strike> свою чорну справу, закриваючи сервіси. Цього разу він закрив недавно <a href="http://postrank.com/">куплений ним Postrank</a>, і тепер у мене нема віджету популярних дописів... Зате мені вдалося сяк так відновити <a href="http://alexander-zhidenko.blogspot.com/2011/11/google.html?showComment=1320364777630#c7363522115047883063">функцію поширення у Google Reader</a>. Я просто перейменував одну зі своїх публічних міток, і тепер можу позначати нею новини, якими хочу поділитися. Раніше під цією міткою я публікував <a href="http://www.google.com/notebook/">нотатки, які Google також закрив</a>. Попри те, що нові мітки робити публічними більше не можна, про старі вони схоже забули. І тепер, окрім <a href="http://friendfeed.com/zhidenko?format=atom"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" style="vertical-align: middle;" /></a><a href="http://friendfeed.com/zhidenko">Friend Feed</a> у мене є також майже нормальний канал <a href="http://www.google.com/reader/public/atom/user%2F12010715320584187110%2Flabel%2Fq"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" style="vertical-align: middle;" /></a><a href="http://www.google.com/reader/shared/user/12010715320584187110/label/q">Мої новини</a>, до якого додається старий добрий віджет...Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com4tag:blogger.com,1999:blog-332120897625609974.post-31187230843390438412012-03-31T20:45:00.002-03:002021-05-05T13:00:57.293-03:00Про різне<div class="separator" style="clear: both; text-align: center;"><a href="http://vilius1968.livejournal.com/2861269.html" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://pics.livejournal.com/vilius1968/pic/008yz63h" /></a></div><ol><li><a href="http://support.google.com/blogger/bin/answer.py?hl=en&answer=2402711">Google почав виконувати свою погрозу про національні домени для Blogspot</a>. Принаймні мене вже намагається відправити на <a href="http://alexander-zhidenko.blogspot.com.br/">бразильську версію</a>. Хоча української ще нема, про всяк випадок лишу посилання на <a href="http://alexander-zhidenko.blogspot.com/ncr">оригінальну версію мого блоґа</a>, де, сподіваюсь, лишатимуться матеріяли, які <strike>не пройшли цензуру</strike> були видалені на численні прохання уповноважених читачів. Ну і <a href="http://feeds.feedburner.com/alexander-zhidenko">канали</a> вже напевно залишаться без змін.</li>
<li>Купив собі <a href="http://forum.china-iphone.ru/viewtopic.php?t=15019">Андроїда HD7+</a>. <a href="http://vilius1968.livejournal.com/2822279.html">Все працює</a>, окрім <a href="http://www.androidpolice.com/2011/05/02/download-google-talk-with-videoaudio-calling-for-rooted-android-2-3-devices-ported-from-the-nexus-s/">Google Talk</a>, який відмовляється виконувати і приймати не тільки відео-, але й аудіодзвінки. Пробував різні версії з підтримкою цих функцій — жодна не працює! Таке враження, що не вистачає якогось компонента, бо віконце відкривається, а потім просто закривається...</li>
<li>Бачив статистику, що найбільше мій <a href="http://tran.eu5.org/tcyr.html">Транслітератор</a> полюбляють болгари. Отож зробив <a href="http://tran.eu5.org/bultyp.html">болгарську версію типографа</a>, щоправда без наголосів, бо я з їхніми наголосами розібратися не зміг. Заразом іще поновив інтерфейс <a href="http://tran.eu5.org/polar_bird_latin.html">конвертера Пінгвінівки</a>.</li>
<li>Що стосується феєричних акцій від <a href="http://gns-ua.livejournal.com/1356632.html">зелених</a> і <a href="http://5.ua/newsline/232/0/89293/">червоних</a>, то я хочу зробити офіційну заяву: ваш день завтра, а не сьогодні! Втім, в Україні він уже настав. Вітаю!</li>
</ol>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-1520378132545148092012-02-12T22:01:00.000-02:002012-02-12T22:08:04.541-02:00Коментарі в стилі діалогівНарешті дійшли руки зробити <a href="http://blogohelp.blogspot.com/2012/01/blogger.html">нові коментарі</a> у вигляді діалогів. За основу взяв <a href="http://habrahabr.ru/blogs/css/136061/">оформлення CSS3</a>. Попри те, що у прикладах погарячкували з <b>z-index</b>, який я у своєму багатошаровому стилі не виставлю ніколи в житті, виявилося, що можна обійтися і без нього, оскільки однаково <b>:after</b> накладається зверху. Єдине обмеження — треба робити величенький відступ зліва для тексту всередині елемента, щоб білий прямокутник його не затуляв. Вийшло доволі симпатично, по-моєму, — навіть у Internet Explorer виглядає мило.<br />
<span class="fullpost"><br />
Робиться така штучка дуже просто — у шаблоні, де описуються стилі класів, додаємо приблизно таке:</span><br />
<div class="fullpost"><blockquote><code>.comment-actions{<br />
display:block;<br />
}<br />
<br />
.comment-content{<br />
display:inline-block;<br />
padding: 7px 20px 7px 20px;<br />
background:white;<br />
border: 1px solid grey;<br />
border-radius:10px;<br />
box-shadow:4px 5px 5px 0px grey;<br />
}<br />
<br />
.comment-content:before{<br />
content:'';<br />
position:absolute;<br />
top:29px;<br />
left:-8px;<br />
width:20px;<br />
height:10px;<br />
-webkit-transform:rotate(70deg) skewX(-30deg);<br />
-moz-transform:rotate(70deg) skewX(-30deg);<br />
-o-transform:rotate(70deg) skewX(-30deg);<br />
-ms-transform:rotate(70deg) skewX(-30deg);<br />
background: white;<br />
border:1px solid grey;<br />
}<br />
<br />
.comment-content:after{<br />
content:'';<br />
position:absolute;<br />
left:1px;<br />
top:27px;<br />
width:19px;<br />
height:20px;<br />
background:white;<br />
}<br />
</code></blockquote></div><span class="fullpost">Якщо прибрати оті <b>display</b>, всі коментарі будуть однакової ширини — максимальної.</span>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com4tag:blogger.com,1999:blog-332120897625609974.post-12184882530187737652011-11-01T22:26:00.000-02:002012-05-06T21:11:22.518-03:00Google-У якості <a href="http://googleblog.blogspot.com/2011/10/happy-hollowing.html">подаруночка на Геловін</a>, <a href="http://googlereader.blogspot.com/2011/10/new-in-reader-fresh-design-and-google.html">Google подарувала нам інтеґрацію Google Reader у Google+</a>. В чому, власне, полягає ця інтеґрація? По-перше, зроблено єдиний інтерфейс, з такою кольоровою гамою, що не просто боляче очам, а ще й неможливо зрозуміти, де закінчується повідомлення і починається меню чи що там ще. По-друге, додали <a href="http://www.google.com/+1/button/">кнопку +1</a> до кожного допису. Все! А потім вирішили повикидати з <a href="https://www.google.com/reader/view/">Google Reader</a> усе инше — прихильників, коментарі і, найголовніше, кнопку <b>Share</b>.<br />
<br />
Власне, <a href="http://alexander-zhidenko.blogspot.com/2007/06/web-20.html">коли я почав користуватися Google Reader</a>, то виділив для себе дві функції — <a href="http://alexander-zhidenko.blogspot.com/2008/07/blog-post.html">читання RSS</a> і поширення своїх каналів. Замість убогої стрічки друзів, яка в той момент була на <a href="http://uk.wikipedia.org/wiki/LiveJournal">Живому Журналі</a> та його клонах, я мав <a href="http://alexander-zhidenko.blogspot.com/2008/01/blog-post_5206.html">тематичні канали</a> і, до того ж, мав кнопку <b>Share</b> для власного каналу обраних новин. До того ж, на все це можна було підписатися за допомогою стандартних <a href="http://alexander-zhidenko.blogspot.com/2008/01/web-20.html">RSS/Atom</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://ukrbash.org/picture/846" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="240" src="http://p.ukrbash.org/600/2011-09/ukrbash.org_846.jpg" width="320" /></a></div>Тепер усього цього нема! Фактично, <a href="http://watcher.com.ua/2011/11/01/google-reader-intehruvaly-z-google/">Google Reader лишив лише одну функцію</a>, яку має взагалі будь-яка читачка, — збирати канали в одному місці. Таким чином, з незамінного інструменту він для мене автоматично став «одним з багатьох». Попри те, що <a href="http://alexander-zhidenko.blogspot.com/2010/07/blog-post_23.html">відмову від функціональности Google робить не вперше</a>, це, напевно, наймасштабніша.<br />
<br />
І, на мою думку, головне тут не відмова від прихильників і коментарів — усі ці соціальні штучки справді трохи дублюються, — а саме відмова від поширення в канали. Ця відмова, очевидно, продиктована не відмовою від підтримки дублюючих функцій, адже мітки і теки підписок збережено повністю. Просто тепер нема можливости віддати їх у відкритий канал. По-моєму, <a href="http://googleblog.blogspot.com/2011/09/fall-spring-clean.html">це перший крок до закритости, який Google робить цілком свідомо</a>.<br />
<br />
Оскільки поширювати все тепер можна тільки туди, відмова від кнопки <b>Share</b> — це спроба примусити народ публікувати й читати все виключно через <a href="https://plus.google.com/?hl=uk">Google+</a>. І, як показує досвід инших соціальних мереж, ця спроба матиме успіх. Справді, <strike>хом'ячкам</strike> користувачам, на превеликий жаль, наплювати на відкритість. Вони побіжать туди, де багато модних штучок. Тому й не буде ніяких каналів у <a href="https://plus.google.com/109224203663040471516/posts">публікацій</a>. Хочеш читати — зайди на сервер і прочитай. І ніяких сторонніх сервісів для збирання! А потім для певних записів можна буде ненав'язливо запропонувати зареєструватися... <a href="http://svit24.net/technology/67-technology/5977-google-vymagaje-vykorystannja-spravzhnogo-imeni">Під справжнім іменем</a>, звичайно...<br />
<br />
Особисто я таку політику не визнаю і підтримувати не збираюсь. Поки що користуюся <a href="http://friendfeed.com/zhidenko?format=atom"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" style="vertical-align: middle;" /></a> <a href="http://friendfeed.com/zhidenko">Friend Feed</a>, на який ще дозволено підписуватися, а там видно буде...<br />
<br />
Про всяк випадок підписав <a href="http://www.bdkeller.com/2011/10/save-google-reader/">петицію</a>. Хтозна, може вони дозволять поширювати новини хоча б у хитроналаштований спосіб — через публічні мітки. Однаково ж бо <a href="http://lurkmore.ru/95%25_%D0%BD%D0%B0%D1%81%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F_%E2%80%94_%D0%B8%D0%B4%D0%B8%D0%BE%D1%82%D1%8B">95% про це нічого не знає</a>, а от нормальним людям приємно було би, хоч і зрозуміло, що ми нічого не вирішуємо в маркетинговій стратегії. Про всяк випадок, петицію можна підписати <a href="https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dE16SFVla3JFZ1lwTkxGRWN2SkZtb2c6MA">тут</a>.Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com23tag:blogger.com,1999:blog-332120897625609974.post-40200287833168841132011-09-10T20:23:00.000-03:002011-09-10T20:23:18.216-03:00Виправлення помилок, або щоб ви здихали в страшних мукахДруга частина заголовку присвячується всім причетним, і це прекрасне побажання слід читати після кожного наступного абзацу.<br />
<br />
Нещодавно <a href="http://alexander-zhidenko.blogspot.com/2011/08/blog-post_17.html#comments">пан Боживу Спиридон Явтухович звернув мою увагу</a> на те, що кнопка +1 у мене не працює. Найцікавіше те, що це був той рідкісний випадок, коли вона працювала лише в Internet Explorer і не працювала в жодному оглядачі. Після кількох убитих годин виявилося, що цю кнопку можна вставляти в шаблон тільки після заголовку.<br />
<br />
На другому за складністю знаходження (але на першому за ідіотичністю) помилка з <a href="http://alexander-zhidenko.blogspot.com/2009/07/blog-post_16.html">галочкою відключення переносів</a>. Вона не працювала через розробників <a href="http://www.blogger.com/">Blogger</a>, які вирішили, що у <b>checkbox</b> на <b>onclick</b> код може бути написаний ТІЛЬКИ МАЛЕНЬКИМИ БУКВАМИ! Якщо ж написати там великі, редактор турботливо переводить усе в нижній регістр...<br />
<br />
І на останньому місці ті, хто винен в тому, що <a href="http://pipes.yahoo.com/pipes/">Yahoo Pipes</a> перестало передавати мені параметр <b>y:published</b>, через що відключився <a href="http://alexander-zhidenko.blogspot.com/2009/06/blog-post_27.html">віджет Жуйки</a>. Це я легко виправив за допомогою параметра <b>pubDate</b>, але все одно...<br />
<br />
Що лишається після цього побажати їм усім? По-моєму, тільки одне...<br />
Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com4tag:blogger.com,1999:blog-332120897625609974.post-89708580115200386292010-11-22T01:59:00.000-02:002012-05-16T19:26:06.087-03:00Хостінг Google для файлів JavascriptПозавчора знайшов цікавий <a href="http://www.google.com/search?q=Google+Fail+wiki">Googlefail</a>: виявляється, що їхній <a href="http://code.google.com/intl/uk-UA/apis/gadgets/docs/tools.html#GGE">Google Gadgets Editor</a> глючить по-страшному в <a href="http://uk.wikipedia.org/wiki/Google_Chrome">Chrome</a>, з'їдаючи пробіли. Зате працює в <a href="http://uk.wikipedia.org/wiki/Internet_Explorer">Internet Explorer</a>! Ну, я все розумію: їм ніколи — <a href="http://top10.if.ua/news/82-facebook-vs-google">іде війна з Facebook</a> — тут не до того, щоб слідкувати за такими дрібницями!<br />
<br />
Але тут є і великий позитив! Я виявив, що, попри усі глюки, цей прекрасний редактор дозволяє закачувати на їхній сервер будь-які текстові файли, а не тільки <a href="http://uk.wikipedia.org/wiki/XML">xml</a>. А це означає, що <a href="http://alexander-zhidenko.blogspot.com/2010/07/blog-post_23.html">проблему зі зберіганням невеличких файлів Javascript</a> вирішено. Якби я знав про це раніше, то повісив би туди й <a href="http://tran.comze.com/tcyr.html">транслітератор</a>, а не тільки <a href="http://alexander-zhidenko.blogspot.com/2008/12/blog-post_11.html">віджет</a>. Шкода буде, якщо прикриють, та в будь-якому разі це надійніше за бесплатний сервер. (Чорт, як же я вже звик до того, що <a href="http://www.google.com/">Google</a> не падає!) Єдина незручність — не можна створювати каталоги. Але це не страшно — я без каталогів колись прекрасно обходився на <a href="http://en.wikipedia.org/wiki/Google_Page_Creator">Google Pages</a>...Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-55111144304351960912010-10-31T19:34:00.003-02:002010-11-01T12:51:05.035-02:00Віджети ВконтактіУсім відомо, що окрім <a href="http://uk-ua.facebook.com/">Facebook</a>, є багато пародій на цю соціальну мережу. Якщо вірити дослідженням, <a href="http://watcher.com.ua/?p=7794">найпопулярнішою в Україні є Вконтакті</a>. Тому, на додачу до <a href="http://alexander-zhidenko.blogspot.com/2010/08/facebook.html">кнопки «Подобається» від Facebook</a>, я вирішив зробити <a href="http://vkontakte.ru/developers.php?o=-1&p=Like">аналогічну кнопку для Вконтакта</a>. І вже на цьому етапі можна бачити, чим пародія відрізняється від оригіналу. Якщо<a href="http://alexander-zhidenko.blogspot.com/2010/08/facebook.html"> кнопка для Facebook додається в один рядок</a>, то <a href="http://vkontakte.ru/pages.php?o=-1&p=%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F+%D0%BA+%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D1%83+%D0%9C%D0%BD%D0%B5+%D0%BD%D1%80%D0%B0%D0%B2%D0%B8%D1%82%D1%81%D1%8F">Вконтакт пішов значно далі</a>! Вони розробили свою неповторну і погано документовану систему авторизації не тільки для користувачів, але й для доменів. Тому для того, щоб додати щось на свою сторінку, ви маєте перед тим отримати ідентифікатор для неї, <a href="http://vkontakte.ru/login.php">увійшовши попередньо у Вконтакт</a>. Після цього цей чарівний код має повний доступ до вмісту вашої сторінки і може легко збирати інформацію про вас.<br />
<br />
Якщо вас все це влаштовує, то далі можна не читати. <span class="fullpost">Але мені дуже не сподобався такий підхід, і я вирішив, що <a href="http://vkontakte.ru/developers.php?o=-1&p=Open+API">Вконтакта разом з його OpenAPI</a> краще запхати в <b>iframe</b>. Для цього я зареєстрував спеціяльний домен <a href="http://wkontakte.99k.org/">http://wkontakte.99k.org/</a> й отримав ідентифікатор для нього. Відповідний код я помістив у <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> файл і тепер можна додавати кнопку для будь якої сторінки без авторизації. Наприклад, код для цієї сторінки виглядає <a href="http://wkontakte.99k.org/like.html?p=http://alexander-zhidenko.blogspot.com/2010/10/blog-post_31.html">так</a>.<br />
<br />
У <a href="http://www.blogger.com/">Blogger</a> кнопка «Подобається» додається так:
<br />
<blockquote>
<code><iframe allowTransparency='true' expr:src='&quot;http://wkontakte.99k.org/like.html?p=&quot; + data:post.url' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100%; height:25px;'/></code></blockquote>
Її можна додати, наприклад, праворуч від <a href="http://alexander-zhidenko.blogspot.com/2010/08/facebook.html">кнопки для Facebook </a><br />
<blockquote>
<code><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?locale=uk_UA&amp;href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;action=like&quot;' frameborder='0' scrolling='no' style='float:left; border:none; overflow:hidden; width:50%; height:25px;'/><br />
<iframe allowTransparency='true' expr:src='&quot;http://wkontakte.99k.org/like.html?amp;p=&quot; + data:post.url' frameborder='0' scrolling='no' style='float:left; border:none; overflow:hidden; width:50%; height:25px;'/></code></blockquote>
Враховуючи специфіку відвідувачів <a href="http://lurkmore.ru/%D0%92%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D0%B5">Вконтакту</a>, які відвідують <a href="http://lurkmore.ru/%D0%A7%D1%83%D1%82%D1%8C_%D0%B1%D0%BE%D0%BB%D0%B5%D0%B5,_%D1%87%D0%B5%D0%BC_%D0%BD%D0%B0%D0%BF%D0%BE%D0%BB%D0%BE%D0%B2%D0%B8%D0%BD%D1%83">майже виключно сам Вконтакт</a> і завжди сидять у ньому, можна додати також віджет коментарів:<br />
<blockquote>
<code><iframe allowTransparency='true' expr:src='&quot;http://wkontakte.99k.org/comments.html?n=20&amp;p=&quot; + data:post.url' frameborder='0' scrolling='no' style='border:none; width:100%;'/></code></blockquote>
(тут 20 — максимальна кількість коментарів). Особисто я додав коментарі в самому кінці сторінки з дописом, після коду
<br />
<blockquote>
<code> <p class='comment-footer'><br />
<b:if cond='data:post.embedCommentForm'><br />
<b:if cond='data:post.allowNewComments'><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<data:post.noNewCommentsText/><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
<br />
</p><br />
</b:if><br />
</div></code></blockquote>
Ну і головне. Після того, як ви перевірили, що віджети виглядають нормально, непогано буде прибрати цей непотріб з очей нормальних користувачів. Для цього передбачено ще один параметр: a=<b>true</b>. Його необхідно додати в адресу для кнопки «Подобається» так:<br />
<blockquote>
<code>expr:src='&quot;http://wkontakte.99k.org/like.html?a=true&amp;p=&quot; + data:post.url'</code></blockquote>
А для коментарів, відповідно:<br />
<blockquote>
<code>expr:src='&quot;http://wkontakte.99k.org/comments.html?a=true&amp;n=20&amp;p=&quot; + data:post.url'</code></blockquote>
Після цього віджети бачитимуть тільки ті користувачі, які ввійшли у <a href="http://vkontakte.ru/">Вконтакт</a>.</span>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-60505773932961626422010-08-26T14:53:00.003-03:002010-08-26T16:45:39.761-03:00Кнопка FacebookОскільки зараз тільки лінивий не має кнопки від <a href="http://www.facebook.com/">Facebook</a> на своїй сторінці, я і собі вирішив прикрутити її <a href="http://blogosphere.com.ua/2010/08/26/how-to-add-facebook-like-button-to-wordpress-blog/">за рецептом для Wordpress</a>. Код <a href="http://www.blogger.com/">Blogger</a> виглядає так:
<blockquote><code><pre><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?locale=uk_UA&amp;href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;action=like&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100%; height:25px;'/>
</pre>
</code>
</blockquote>
Його, як завжди, треба вставляти в шаблон, наприклад після
<blockquote><code><pre><b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
</pre>
</code>
</blockquote>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com2tag:blogger.com,1999:blog-332120897625609974.post-44310759774086677842010-07-23T01:54:00.001-03:002021-05-05T12:58:06.581-03:00Новий хостінг для транслітератораКоли я переносив <a href="http://alexander-zhidenko.blogspot.com/2008/10/blog-post_19.html">Транслітератор</a> з <a href="http://www.labnol.org/internet/google-sites-replace-google-page-creator/4086/">Google Pages, які перестали підтримувати Javascript</a>, я мав побоювання, що рано чи пізно сервер упаде. І так і сталося. Уже два місяці сервер uuuq.com лежить і не збирається підніматися. Тепер я переніс усе <a href="http://tran.eu5.org/tcyr.html">сюди</a>. От я не розумію, невже нема ніякого сервісу, який би працював без перебоїв? Мені ж не потрібні ніякі бази даних, поштові скриньки, cpanel чи ще щось подібне! Просто кілька мегабайтів з <a href="http://uk.wikipedia.org/wiki/FTP">FTP</a> доступом...<br />
<br />
До речі, <a href="https://www.google.com/">Google</a> теж не радує безперебійною роботою. Стандартний віджет перекладу для сайтів не працює, редактор віджетів для <a href="https://www.google.com/ig">iGoogle</a> чомусь залишає тільки перші 127 (по-моєму) байтів при збереження, що попсувало <a href="http://alexander-zhidenko.blogspot.com/2008/12/blog-post_11.html">мої віджети</a>. Що таке твориться в світі???<br />
<br />
<span class="fullpost">Новий дизайн блоґа перестав завантажувати віджети після тексту дописів і тепер доводиться чекати, поки <a href="http://alexander-zhidenko.blogspot.com/2009/07/html.html">завантажиться Hyphenator</a>. Я додав попередження про це на місці <a href="http://alexander-zhidenko.blogspot.com/2009/07/blog-post_16.html">галочки</a>, але хіба ж це вихід?<blockquote><code><script type="text/javascript"><br />
<b> document</b>.write('<span id="LoadingHyphenator">Завантажуються правила переносів...</span>');<br />
</script><br />
<script src="http:///tran.eu5.org/Hyphenator/Hyphenator.js" type="text/javascript"></script><span style="display:none;"><br />
<script type="text/javascript"><br />
<b> if</b>(typeof(Hyphenator) != "undefined"){<br />
document.write("</span><span>");<br />
Hyphenator.config({displaytogglebox:<b>false</b>,minwordlength:4});<br />
Hyphenator.run();<br />
}<br />
<b> document</b>.getElementById('LoadingHyphenator').innerHTML='';<br />
</script><br />
<input checked value="0" onclick="Hyphenator.toggleHyphenation(); if(!<b>document</b>.getElementById(&#39;HyphenatorToggleBox&#39;))<b>this</b>.checked=true;" type="checkbox" /><label>переносити слова в текстах дописів</label></span></code></blockquote>Не розумію також, чому <a href="http://uk.wikipedia.org/wiki/Internet_Explorer">Internet Explorer</a> не хоче створювати об'єкт <b>Hyphenator</b>. У <a href="http://tran.eu5.org/Hyphenator/WorkingExample.html">прикладі</a> все працює... Ну, це дрібниці: думаю, тим, <a href="http://www.krasnodar-shopping.ru/files/u5/xfqybr.jpg">хто ходить в Internet через Explorer</a>, усе оно не збагнути, що таке переноси і як із ними гарно...</span>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-88199522106619318812010-06-23T01:32:00.006-03:002010-11-22T01:02:50.395-02:00Сторінка зі змістом<div lang="ru" style="text-align: right;">
...Пользователи Internet Explorer должны страдать...<br />
<a href="http://ibash.org.ru/quote.php?id=13133">ibash</a></div>
<a href="http://blogohelp.blogspot.com/2010/06/table-of-content.html">Код, який генерує сторінку зі змістом</a>, мене, як завжди, не влаштував. По-перше, <a href="http://www.abu-farhan.com/2010/05/table-of-content-for-blogger-new-style/">автор його зашифрував</a>. І це можна зрозуміти — йому напевне було соромно <a href="http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/blogger-toc-org.js">таке</a> показувати (<span class="Apple-style-span" style="color: red;">попередження: дітям і та особам зі слабкими нервами не відкривати</span>) — там дописи сортуються мінімум тричі, причому один раз вже після виводу на екран. По-друге, користувач фактично нічого не може там змінити. Коротко кажучи, код довелося переписати майже повністю (мій — а значить хороший — дивитися <a href="http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/blogger-toc.js">тут</a>), і тепер можна задавати багато всього: починаючи від локалізованих написів і закінчуючи можливістю сортувати за абеткою, а не за номером букви в <a href="http://uk.wikipedia.org/wiki/%D0%AE%D0%BD%D1%96%D0%BA%D0%BE%D0%B4">Unicode</a>. Думаю, відмінність між <a href="http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/testtoc-org.html">результатом оригінального коду</a> і <a href="http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/testtoc.html">результатом моїх виправлень</a> можна бачити неозброєним оком. Таким чином, мій блоґ тепер має <a href="http://alexander-zhidenko.blogspot.com/p/toc.html">сторінку зі змістом</a>. Генерується вона приблизно так:
<blockquote><code>
<script type="text/javascript" src="http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/blogger-toc.js"></script><br />
<script type="text/javascript"><!--<br />
// Задаємо кириличну абетку і символи, які слід пропускати під час сортування<br />
CustomStringSort = GenerateStringSort("АаБбВвГ㥴ЃѓДдЂђЕеЀѐЁёЄєЖжЅѕЗзИиЍѝІіЇїЙйЈјКкЌќЛлЉљМмНнЊњОоПпҀҁРрСсТтЋћУуЎўѸѹФфХхѾѿЦцЧчЏџШшЩщЪъЫыЬьѢѣЭэӬӭѤѥЮюЯяѺѻѦѧѨѩѠѡѪѫѬѭѰѱѮѯѲѳѴѵѶѷ",/([ …„‚‟‛“"”‘'’«‹›»\(\)\[\]])/ig);<br />
sortLabels=titleasc; // сортуємо мітки за абеткою<br />
newPostLabel="Новий!"; // новий допис<br />
newPostNum=5; // це один з перших п'яти<br />
PostWordsForTitle=5; // якщо заголовку нема, генеруємо його з п'яти перших слів<br />
TitleForNoLabel=""; // нема то й нема<br />
//--><br />
</script><br />
<script type="text/javascript" src="/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></code></blockquote>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com1tag:blogger.com,1999:blog-332120897625609974.post-25334365374314003272009-12-31T11:11:00.003-02:002018-11-07T08:54:12.591-02:00Формули в HTMLУ цьому році минуло 20 років з того часу, як вийшла третя версія <a href="http://uk.wikipedia.org/wiki/TeX">TeX</a>. З того часу ця система фактично не змінювалася — тільки виправлялися помилки, наближуючи версію до числа π. Попри свій солідний вік, <a href="http://uk.wikipedia.org/wiki/TeX">TeX</a> досі дає користувачеві кращий інструментарій для роботи з текстом ніж <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> разом із <a href="http://uk.wikipedia.org/wiki/JavaScript">JavaScript</a>! Я не перестаю дивуватися тому, що всі розширення <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> стосуються чого завгодно — медія, форм, стилів — тільки не тексту! І якщо <a href="http://alexander-zhidenko.blogspot.com/2009/07/html.html">віднедавна стало можливим вставляти слова з переносами в HTML</a>, то формули й досі вставляють старим дідівським способом — картинками...<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/smilie2.gif" style="height: 15px; width: 15px;" /><br />
Для вставки картинок формул є два способи: зберігати <a href="http://www.forkosh.com/mathtex.html">відповідні картинки</a> і вставляти їх вручну, або ж запитувати їх динамічно за допомогою <a href="http://uk.wikipedia.org/wiki/JavaScript">JavaScript</a>. У першому випадку можна бути абсолютно впевненим, що після -надцятої формули вам це остогидне. У другому втрачаються усі переваги простого тексту — формулу не можна <a href="http://alexander-zhidenko.blogspot.com/2008/01/web-20.html">передати на канал RSS</a> тощо. Я вже не кажу про залежність від сервера, де ці картинки зберігаються, або генеруються. Особисто я неодноразово бачив документи <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> з формулами, замість яких лишилися тільки порожні квадратики, оскільки картинки більше не завантажуються...<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/suicide2.gif" style="height: 27px; width: 43px;" /><br />
Нормальні оглядачі зараз <a href="http://mykola.org/blog/2009/07/post-222.html">підтримують формат MathML</a>, але він досі не є частиною стандарту <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> (що було б найкращим варіантом) і тому вмикається якось хитромудро навіть <a href="http://www1.chapman.edu/~jipsen/asciimath.html">там, де його реалізовано</a>. Але від такої реалізації користі мало: його, знову ж таки, неможливо передати на канал і, до того ж, не можливо скопіювати у <a href="http://uk.wikipedia.org/wiki/WYSIWYG">WYSIWYG редактор</a> для <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a>.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/umnik2.gif" style="height: 21px; width: 23px;" /><br />
Для того, щоб <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> перестав гальмувати розвиток наукової блоґосфери, по-моєму, життєво необхідно <a href="http://www.zipcon.net/~swhite/docs/math/math.html">дати раду з формулами</a>. <a href="http://alexander-zhidenko.blogspot.com/2009/06/blog-post_27.html">Google мене тут знову розчарував</a> — вони теж <a href="http://starodub.org.ua/2009/09/29/v-google-docs-zyavyvsya-redaktor-formul/">вирішили не морочитися і вставляти картинки</a>! Але я вважаю, що сучасний стандарт <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> зі стилями дозволяє повноцінно відображати всі формули за допомогою чистого <a href="http://uk.wikipedia.org/wiki/CSS">HTML+CSS</a>. Для цього я почав писати <a href="http://tran.comyr.com/TeXHTML.html">конвертер</a>, але, на жаль, не маю достатньо вільного часу, а головне — не знаю <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> на такому рівні, щоб зробити відображення формул красивим і повністю незалежним від <strike>оглядача</strike> <a href="http://www.cafepress.com/fuck_ie">Internet Explorer</a>.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/smiley16.gif" style="height: 15px; width: 19px;" /><br />
Схоже, що <a href="http://habrahabr.ru/blogs/javascript/79059/">новий проєкт MathJax</a> розв'язує цю проблему краще. <a href="http://www.mathjax.org/?page_id=13">Формули відображуються майже так само, як у TeX</a>, причому в усіх оглядачах. На жаль, зараз все реалізовано через класи, а отже, при копіюванні формули кудись, де ці класи невідомі, наприклад у <a href="http://gmail.com/">GMail</a> або в канал, форматування автоматично порушується. Сподіваюся, вони незабаром про це здогадаються, і зроблять так, як у мене — з можливістю копіювати і редагувати формули в будь-якому редакторі. <a href="http://tran.comyr.com/TeXHTML.html">Мій конвертер</a> поки що на дуже ранній стадії і багато чого там нема, проте <a href="http://alexander-zhidenko.blogspot.com/2009/12/blog-post_31.html">прості формули виглядають, по-моєму, цілком пристойно</a>.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/smilie7.gif" style="height: 15px; width: 21px;" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com8tag:blogger.com,1999:blog-332120897625609974.post-34185421074008232412009-08-06T16:18:00.005-03:002010-07-22T23:08:51.582-03:00Структура HTML і переноси<a href="http://alexander-zhidenko.blogspot.com/2009/07/html.html">Переноси в тексті</a> змушують уважніше стежити за структурою <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a>. По-перше, якщо в блоґ вставляється текст неукраїнською мовою, йому необхідно ставити відповідний атрибут <b>lang</b>. По-друге, завдяки переносам, я знайшов цікаву помилку в шаблоні блоґа. Текст кожного допису вставляється між <b><p></b> і <b></p></b>, але правильно це тільки тоді, коли в дописі нема ніяких складних вставок, наприклад <b>div</b> або <b>blockquote</b>. Тому що абзац дозволяється не закривати і припускається, що він не може містити такі вставки. Отже, якщо ви в дописах використовуєте <b>div</b>, <b>blockquote</b>, чи щось подібне, <b>p</b> необхідно замінити на щось инше. Наприклад на <b>div</b>. В результаті відповідний рядок шаблону має виглядати так:<blockquote><code><div class='hyphenate' lang='uk'><data:post.body/></div></code></blockquote>Якщо цього не зробити, структуру <a href="http://uk.wikipedia.org/wiki/HTML">HTML</a> буде порушено і все, що стоїть після першого <b><div></b> або <b><blockquote></b> переноситися не буде.Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com2tag:blogger.com,1999:blog-332120897625609974.post-65202668130779343132009-07-16T19:27:00.005-03:002010-07-22T23:11:34.786-03:00Галочка переносуПісля <a href="http://alexander-zhidenko.blogspot.com/2009/07/html.html">підключення переносів до блоґа</a> користувачу можна надати можливість їх відключити. Найпростіший спосіб — за допомогою <b>displaytogglebox</b>. Але в цьому разі в правому верхньому кутку з'являється неоковирна кнопка з написом <b>Hy-phe-na-te</b>. На щастя, <a href="http://code.google.com/p/hyphenator/">Hyphenator</a> можна легко повісити на звичайнісінький checkbox. <span class="fullpost">Робиться це дуже просто:<blockquote><code><input checked value="0" onclick="Hyphenator.toggleHyphenation();" type="checkbox"/><label>переносити слова в текстах дописів</label></code></blockquote>Тепер, якщо користувач прибере галочку, переноси зникнуть. Зате з'явиться ця сама набридлива кнопка. Тому її треба зробити невидимою, додавши в шаблон стиль для її класу:<blockquote><code><b>.donthyphenate</b>{ <b>display</b>: none; }</code></blockquote>В принципі все, але є один маленький ньюанс. Якщо користувач натисне на галочку до того, як сторінка повністю завантажиться, а переноси виконаються, галочка зніметься, але ніякого ефекту виклик функції <b>Hyphenator.toggleHyphenation();</b> не матиме. На щастя, невидима кнопка може бути використана як ознака того, що завантаження відбулося. Для цього додаємо ще одну перевірку в <span style="font-weight: bold;">onclick</span>:<blockquote><code><input value="0" onclick="Hyphenator.toggleHyphenation(); if(!document.getElementById('HyphenatorToggleBox'))this.checked=true;" type="checkbox"><label>переносити слова в текстах дописів</label></code></blockquote></span>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-71359850127082122852009-07-13T17:37:00.009-03:002021-05-05T12:56:33.220-03:00Переноси і типографіка українського тексту в HTMLДовго я <a href="http://alexander-zhidenko.blogspot.com/2009/01/blog-post_14.html">розбирався з правилами переносів</a>. Особливо якщо зважити на <a href="http://blogosphere.com.ua/2009/06/29/the-matrix-has-you/">«ефект Матриці» ©</a>, який був у цій справі вирішальним. Я давно подумав, що не варто винаходити велосипед, але довго відкладав дослідження того, як воно реалізовано в <a href="http://uk.wikipedia.org/wiki/TeX">TeX</a>. Насправді, проблема переносу є нетривіальною, про що свідчить <a href="http://tug.org/docs/liang/">дисертація</a>. Але відповідні таблиці для української мови давно існують, отже, проблема в реалізації алгоритму на <a href="http://uk.wikipedia.org/wiki/JavaScript">JavaScript</a>. І я вже був почав думати, як його краще запрограмувати, коли з'явилася щаслива думка, що я, певно, не один про це подумав. І правда, виявилося, що є відкритий проєкт <a href="http://www.mnn.ch/hyph/hyphenation2.html">Hyphenator</a>, який підтримує різні мови. Все, що потрібно, — це витягти таблиці для українських слів з <a href="http://uk.wikipedia.org/wiki/TeX">TeX</a> і <a href="http://www.iconv.org/">перетворити на UTF-8</a>.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/idea.gif" style="height: 32px; width: 15px;" /><br />
Я, звичайно, не міг не <a href="http://tran.eu5.org/ukrhyphtest.html">прикрутити переноси до транслітератора і потестувати правила</a>. Найкращими виявилися таблиці, що їх створив <a href="http://ph.icmp.lviv.ua/~ashv/">Андрій Швайка</a>, але вони, на жаль, погано відділяли префікс від кореня. Тому довелося ще трошки помучити <a href="http://linux.die.net/man/1/patgen">patgen</a>. Коли я закінчу <a href="http://tran.eu5.org/ukrhyphtest.html">тестувати таблиці</a>, відправлю їх розробникам, і вони будуть доступні на <a href="http://code.google.com/p/hyphenator/">сторінці проєкту</a>. А поки що, <a href="http://code.google.com/p/hyphenator/">Hyphenator</a> можна запускати <a href="http://tran.eu5.org/Hyphenator/WorkingExample.html">звідси</a>.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/shuffle.gif" style="height: 20px; width: 15px;" /><span class="fullpost"><br />
В принципі, <a href="http://tran.eu5.org/Hyphenator/WorkingExample.html">приклад все пояснює</a>, якщо зазирнути в HTML, але я розкажу окремо, як прикрутити переноси до блоґа на <a href="http://www.blogger.com/">Blogger</a>. Головною особливістю є те, що шаблон <a href="http://www.blogger.com/">Blogger</a> не дозволяє ставити атрибут <b>lang</b> у <html>, а без нього програмка просить користувача вказати мову руками при завантаженні сторінки, що не є круто. Розв'язується це вставлянням в розділ <head> шаблону</span> <span class="fullpost"><blockquote><code><meta content='uk' http-equiv='content-language'/></code></blockquote>Ми вказали основну мову, але це ще не все. <a href="http://code.google.com/p/hyphenator/">Hyphenator</a> переносить тільки ті розділи, які йому дозволено переносити. А саме: тільки те, що має клас <b>hyphenate</b>. Тому, якщо необхідно, щоб переносилися слова в дописах, необхідно додати цей клас у відповідний розділ шаблону, а також додати атрибут, що явно вказує мову. Для переносу дописів знаходимо <span style="font-weight: bold;">postbody</span> і виправляємо його так: <blockquote><code><span class="fullpost"><</span>div class='hyphenate' lang='uk'><span class="fullpost"><</span>data:post.body/></div></code></blockquote>Те саме треба зробити з усіма елементами, в яких ви хочете, щоб слова переносилися. Тепер додаємо скриптик, який, власне, все й робить: <blockquote><code><script src="http://tran.eu5.org/Hyphenator/Hyphenator.js" type="text/javascript"></script><br />
<script type="text/javascript"><!--<br />
Hyphenator.config({displaytogglebox:false,minwordlength:4});<br />
Hyphenator.run();<br />
//--><br />
</script></code></blockquote></span><span class="fullpost">Змінну <b>displaytogglebox</b> можна поставити <b>true</b>, якщо ви хочете, щоб у правому верхньому кутку з'явилася кнопочка, яка дозволить користувачу відключати переноси.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/smilie3.gif" style="height: 15px; width: 15px;" /></span><br />
Заодно я написав <a href="http://tran.eu5.org/ukrtyp.html">типограф</a>, який, окрім переносів, ще розставляє <a href="http://chugylo.org.ua/2008/09/06/trudnoschi-ukrajinskoji-typohrafiji-yunikod-chastyna-2/">типографські знаки за стандартом</a>. Ця штука, сподіваюся, згодиться тим, хто хоче, щоб їхні коментарі в блоґах радували око. Принаймні <a href="http://lamaisterplus.blogspot.com/2009/07/kryza-serednoho-viku.html#comments">я віднедавна коментую з переносами</a>.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/dirol.gif" style="height: 21px; width: 21px;" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com7tag:blogger.com,1999:blog-332120897625609974.post-19677460689162280242009-06-27T21:33:00.010-03:002010-11-22T01:11:45.586-02:00Трохи бурчання<span style="font-size:130%;"></span><div style="text-align: right;" lang="ru"><span style="font-style: italic;">Господь любит атеистов. Они не грузят его своими проблемами.</span><br /><a href="http://www.basher.ru/48875">bash</a><br /></div><br />Не знаю, чи кризис винний, чи масштаб змін, пов'язаних з <a href="http://alexander-zhidenko.blogspot.com/2009/05/google-waves.html">Wave</a>, але з недавнього часу <a href="http://slon.ru/blogs/dovedov/post/59429/">Google</a> <strike>перестав ловити мишей</strike> нормально підтримувати свої сервіси. Почалося це з <a href="http://www.google.com/talk/">Google Talk</a>, який насьогодні існує в трьох (‽) варіянтах: один підтримує відео, инший — груповий чат і <a href="http://www.google.com/talk/service/badge/New">ґаджет «Поспілкуватися зі мною»</a>, а третій, будучи програмою у <a href="http://uk.wikipedia.org/wiki/Microsoft_Windows">Вікнах</a>, вміє висіти в панелі задач і інформувати мене про <strike>нові листи</strike> все цікаве...<br /><img style="width: 15px; height: 15px;" src="http://forum.pravda.com.ua/smileys/smiley17.gif" border="0" /><br />А вчора ці негідники мені нахабно написали, що скрипти вони на своїх <a href="http://sites.google.com/">Google Sites</a> не дозволятимуть. І скоро все, що я понаписував і поклав на <a href="http://pages.google.com/">їхні Pages</a> перестане працювати. Довелося переносити <a href="http://transliterator.zzl.org/tcyr.html">транслітератор на нове місце</a>... <a href="http://offspring2002.blogspot.com/2009/06/blog-post_24.html">Віджет прихильників відремонтували тільки недавно</a>. До того кілька місяців не працював!<br /><img style="width: 15px; height: 31px;" src="http://forum.pravda.com.ua/smileys/smiley12.gif" border="0" /><br />А віджет для зовнішніх каналів досі не працює! Тому я сьогодні запхав <a href="http://juick.com/sandy/">Жуйку</a> на <a href="http://pipes.yahoo.com/">Yahoo Pipes</a> і експортував як <a href="http://www.json.org/">JSON</a>. Але <a href="http://developer.yahoo.com/common/json.html">JSON на Yahoo</a> відрізняється від <a href="http://buzz.blogger.com/2006/11/json-on-new-blogger.html">JSON на Blogger</a>. Тому довелося писати новий парсер. Виглядає це так:<blockquote><code><script type="text/javascript"><!--<br /><span style="font-weight: bold;">var</span> entries=10;<br /><span style="font-weight: bold;">var</span> entrymaxlength = 127;<br /><span style="font-weight: bold;">function</span> FormatComment(day, mon, year, fullcomment, comment, ref){<br /><span style="font-weight: bold;">var</span> month = Array("січня", "лютого", "березня", "квітня", "травня", "червня", "липня", "серпня", "вересня", "жовтня", "листопада", "грудня")[parseInt(mon,10)-1];<br /> return '<a href="'+ref+'">' + day + ' ' + month+' '+year+'</a> '+':<br/><i>&#8220;</i>'+fullcomment+'<i>&#8221;</i><br/><br/>';<br />}<br />//--><br /></script><br /><script src="http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/yahoo-pipe-json.js"></script><br /><script src="http://pipes.yahoo.com/pipes/pipe.run?_id=8oV8KKpi3hGk_nO7yFTjqg&_render=json&_callback=showpipe"></script></code></blockquote>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com3tag:blogger.com,1999:blog-332120897625609974.post-51183115133015228912009-05-30T17:04:00.001-03:002009-05-30T17:10:27.727-03:00Google waveКоли я писав про <a href="http://alexander-zhidenko.blogspot.com/2008/02/blog-post_21.html">віртуальний робочий стіл</a>, я навіть і уявити не міг, що його буде реалізовано так швидко! Але <a href="http://wave.google.com/">Google обіцяє, що wave буде доступним ще в цьому році</a>!<br /><img style="width: 20px; height: 20px;" src="http://forum.pravda.com.ua/smileys/shok.gif" border="0" /><br />Найголовнішим, на мою думку, є навіть не презентовані можливості (хоч <a href="http://juick.com/Zombak/131256">вони по-справжньому вражають</a>), а протокол, який дозволяє взаємодіяти людям і роботам. Це означає, що оглядач може нарешті перетворитися в універсальне середовище, а всі до єдиної програми на вашому комп'ютері (за винятком хіба що ігор) можна замінити відповідними роботами, які будуть працювати на серверах.<br /><img style="width: 16px; height: 16px;" src="http://forum.pravda.com.ua/smileys/smiley25.gif" border="0" /><br />Ще одна приємність полягає в тому, що цих роботів дуже важко зробити платними! Думаю, буде логічно, якщо окрім оглядача можна буде запускати програму, яка у вільний від роботи час процесора, виконує задачі для роботів. Оце буде справжня багатозадачність!<br /><img style="width: 15px; height: 15px;" src="http://forum.pravda.com.ua/smileys/gigi.gif" border="0" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-70323725851053122732009-01-14T19:02:00.004-02:002010-07-22T23:18:34.015-03:00Розстановка переносівПобачивши <a href="http://habrahabr.ru/blogs/typography/49068/">сервіс автоматичної розстановки переносів</a>, народні умільці зразу згадали про <a href="http://xpoint.ru/forums/programming/theory_algorythms/thread/22693.xhtml">алгоритм, який не потребує навіть словника</a>. Цей алгоритм на Javascript легко можна узагальнити для всіх слов'янських мов, просто додавши відповідні літери. Такий підхід зручний тим, що виконується автоматично на стороні клієнта і не <a href="http://community.livejournal.com/ru_typography/591791.html#t6490031">впливає на індексацію пошуковиками</a>.<br /><img style="width: 15px; height: 15px;" src="http://forum.pravda.com.ua/smileys/smilie6.gif" border="0" /><br />Переноси додаються до блоґа дуже просто: в шаблон перед </body> вставляємо<blockquote><code><script src='http://fma.if.usp.br/~zhidenko/tools/cyrhyphen.js' type='text/javascript'/></code></blockquote>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com4tag:blogger.com,1999:blog-332120897625609974.post-43848604191169213042009-01-07T20:19:00.005-02:002010-07-22T23:19:50.224-03:00Канали міток<span style="white-space: nowrap;"><a style="" href="http://avva.livejournal.com/profile"><img src="http://p-stat.livejournal.com/img/userinfo.gif" alt="[info]" style="border: 0pt none ; vertical-align: bottom; padding-right: 1px; width: 17px; height: 17px;" width="17" height="17" /></a><a href="http://avva.livejournal.com/"><b>avva</b></a> <a href="http://avva.livejournal.com/2017836.html">хоче розділення по мовах для стрічки Google Reader</a>.</span> Це дивно, оскільки <a href="http://www.googletutor.com/2008/11/11/google-reader-translation/">концепція Google полягає в тому, щоб можна було перекладати канали на рідну мову</a>. А розділення потрібне, але не за мовами, а за бажанням користувача. Тоді можна буде створювати тематичні канали, що значно цікавіше! Але поки що почати можна з блоґів. Я давно думав чи зробити окремі канали для кожної з міток. І сьогодні <a href="http://bloggerdesign.com/254/blogger-label-feeds/">знайшов нарешті</a>...<br /><img src="http://forum.pravda.com.ua/smileys/cool.gif" border="0" /><br />Відповідно можна модифікувати віджет міток так, щоб біля кожної було посилання на її канал. Для цього відкриваємо шаблон, знаходимо віджет міток і замінюємо <span style="font-weight:bold;"><li></span> після<blockquote><code><b:loop values='data:labels' var='label'></code></blockquote>на<blockquote><code><li style='height: 20px;'><br /> <a expr:href='&quot;/feeds/posts/default/-/&quot;+data:label.name'><br /> <img align='left' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='margin: 0px 4px'/><br /> </a></code></blockquote>або як вам більше подобається...<br /><img src="http://forum.pravda.com.ua/smileys/smilie3.gif" border="0" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-9230301190977445782008-12-18T19:19:00.002-02:002010-07-22T23:20:06.254-03:00День в історіїСьогодні відкрив для себе дуже корисний віджет, який подає інформацію з <a href="http://uk.wikipedia.org/">Вікіпедії</a> про події, які відбулися в поточний день. Автор цього віджету <a href="http://www.blogger.com/profile/15925541989816732509">Цінитель</a> скромно <a href="http://feeds.feedburner.com/%7Er/Blogohelp/%7E3/488016635/bloggercom.html">написав про своє творіння як про простий приклад створення ґаджетів</a> і чомусь не написав, як його додавати иншим користувачам до власних сторінок. Отже, адреса така:<blockquote><code>http://aerostyle.net.ua/dayinhistory.xml</code></blockquote>Як завжди, <a href="http://alexander-zhidenko.blogspot.com/2008/12/blog-post_11.html">віджет можна додавати до iGoogle, GMail або до блоґа</a>.Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-63162204979398693872008-12-11T12:03:00.004-02:002010-07-22T23:21:29.660-03:00Віджет транслітератораЯкщо ви часто подорожуєте за кордоном, написання листів українською може бути проблемою. Нещодавно я відкрив для себе, що окрім <a href="http://googleholic.kiev.ua/index.php/2008/12/10/%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA-%D1%81%D0%BF%D1%80%D0%B0%D0%B2-%D1%83-gmail/">списку справ</a>, до інтерфейсу <a href="http://gmail.com/">GMail</a> можна додати будь-який віджет. А це означає, зокрема, і <a href="http://fusion.google.com/ig/add?synd=open&source=ggyp&moduleurl=http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/tcyr.xml">віджет транслітератора</a>. На жаль, розміри по горизонталі обмежені, тому великі листи не дуже то й напишеш... Але в чаті спілкуватися можна!<br /><img style="width: 15px; height: 15px;" src="http://forum.pravda.com.ua/smileys/smilie3.gif" border="0" /><br />Додається віджет так:<br /><ol><li>Відкриваємо <a href="https://mail.google.com/mail/#settings">налаштування GMail</a>.</li><li>Міняємо мову на <i>англійську (США)</i>.</li><li>В <b>Settings</b> вибираємо вкладку <b>Labs</b> <span class="jwjW1c">і дозволяємо ‘<b>Add any gadget by URL</b>’.</span></li><li><span class="jwjW1c">Після цього серед <span style="font-weight: bold;">Settings</span> має з'явитися вкладка <b>Gadgets</b>, в якій можна додати <b>URL</b> для транслітератора: <blockquote><code>http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/tcyr.xml</code></blockquote></span></li><li><span class="jwjW1c">Після додавання транслітератора мову можна поміняти назад.</span></li></ol> Аналогічно віджет можна додати до блоґа на платформі <a href="http://www.blogger.com/">Blogger</a>.<br /><img style="width: 15px; height: 15px;" src="http://forum.pravda.com.ua/smileys/smilie8.gif" border="0" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-15487358991567989552008-10-25T17:25:00.006-02:002010-07-22T23:22:33.612-03:00Мікроблоґ через JabberСьогодні вирішив почати <a href="http://juick.com/sandy/">мікроблоґ через Jabber</a>. Здається, що так справді зручно писати короткі записи. І головне: відтепер не треба відправляти всім знайомим цікаві посилання, оскільки <a href="http://juick.com/help">на блоґ можна підписатися через Jabber</a>. Звичайно, цей канал захотілося додати як віджет, але проблема в тому, що стандартний віджет каналу виводить тільки заголовки, що зовсім не інформативо в даному випадку. Тому довелося трохи підкореґувати віджет. Це робиться так: після додавання канала, знаходимо фраґмент<blockquote><code><b:loop values="'data:feedData.items'" var="'i'"><br /> <li><br /> <span class="'item-title'"><br /> <a expr:href='data:i.alternate.href'><br /> <data:i.title><br /> </a><br /> </span></code></blockquote>і вставляємо після нього<blockquote><code><br/><data:i.summary><br/><br/></code></blockquote>Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-40036263493547716312008-10-23T20:41:00.000-02:002008-10-23T20:43:36.919-02:00Віджет прихильниківНедавно <a href="http://googlesystem.blogspot.com/2008/09/blogger-followers-new-social.html">Google додав віджет прихильників</a>, так що, якщо ви читаєте це з <a href="https://www.google.com/reader/">Google Reader</a> або просто маєте <a href="https://www.google.com/accounts">обліковий запис Google</a> і хочете повідомити світ про те, що читаєте мене, відсьогодні можна це зробити, <a href="follow-blog.g?blogID=332120897625609974">ставши моїм прихильником</a>. Також можна <a href="follow-blog.g?blogID=6151446917767502397">додатися в анекдоти</a>.<br /><img style="width: 15px; height: 15px;" src="http://forum.pravda.com.ua/smileys/smilie3.gif" border="0" /><br />Оскільки ця штука є частиною <a href="http://code.google.com/apis/opensocial/">OpenSocial</a>, я очікую, що незабаром буде додаватися новий соціальний функціонал, такий як чат в блозі тощо.<br /><img style="width: 60px; height: 40px;" src="http://forum.pravda.com.ua/smileys/smiley15.gif" border="0" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-56042725958361493312008-09-29T21:54:00.001-03:002008-09-29T21:55:57.567-03:00Віджет перекладуСкільки б не <a href="http://habrahabr.ru/blogs/humour/41000/">називали Google імперією зла</a>, а компанія робить свою справу. Вчора, разом з иншими десятьма, <a href="http://google.com/">Google додала до автоперекладача українську мову</a>. Це зокрема дає змогу <a href="http://translate.google.com/translate_tools?hl=uk">перекладати блоґи всіма доступними мовами</a>. Насправді, як легко можна побачити за допомогою неперекладених слів, поки що існує перекладач на <a href="http://google.com/">англійську</a> й на <a href="http://uk.wikipedia.org/wiki/%D0%A0%D0%BE%D1%81%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0">російську</a> мови. Переклад на решту мов (навіть на <a href="http://uk.wikipedia.org/wiki/%D0%9F%D0%BE%D0%BB%D1%8C%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0">польську</a>) робиться через <a href="http://uk.wikipedia.org/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0">англійську</a>. Попри це, думаю, загальний зміст допису можна зрозуміти. З чим я і вітаю неукраїномовну частину світу!<br /><img style="width: 41px; height: 46px;" src="http://forum.pravda.com.ua/smileys/Razom.gif" border="0" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-86674071032585200872008-09-20T18:29:00.005-03:002010-11-22T01:14:53.604-02:00Віджет коментарів<a href="http://alexander-zhidenko.blogspot.com/2008/07/blog-post_15.html">Віджет каналу, за допомогою якого можна створити список останніх коментарів</a>, є насправді дуже примітивним. Крім того, він має обмеження (до п'яти останніх коментарів). Для того, щоб опублікувати більше, а також відфільтровувати мої відповіді на коментарі читачів, я знайшов <a href="http://www.bloggerbuster.com/2007/08/create-your-oen-recent-comments-widgets.html">код на Javascript</a>. Код виявився жахливий (я не знаю як автору не соромно було його підписувати), чого тільки ‘<b>if</b>(m_rc == <b>true</b>)...’ варте! Тому довелося його переписати. Остаточно це виглядає так (у віджеті HTML/Javascript):<blockquote><code><script style="text/javascript"><br /><b>var</b> comments=10;<br /><b>var</b> commentlength=127;<br /><b>var</b> author_filter="Sandy";<br /><b>function</b> FormatComment(date, author, comment, ref){<br /> <b>var</b> day = date.substring(8,10);<br /> <b>var</b> month = <b>Array</b>("січня", "лютого", "березня", "квітня", "травня", "червня", "липня", "серпня", "вересня", "жовтня", "листопада", "грудня")[parseInt(date.substring(5,7),10)-1];<br /> <b>var</b> year = date.substring(0,4);<br /> <b>return</b> '<i>' + day + ' ' + month+' '+year+'</i> <a href="'+ref+'">'+author+' пише</a>:<br/><i>&#8220;</i>'+comment+'<&#8221;</i><br/><br/>';<br />}<br /></script><br /><script src="http://hosting.gmodules.com/ig/gadgets/file/117303972852731864037/blogger-comments.js"></script><br /><script src="/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></code></blockquote>Таким чином можна задавати кількість дописів, максимальний розмір коментаря (<span style="font-weight: bold;">0</span> — без обмежень), ім'я автора, коментарі якого не треба відображувати, а також стиль відображення для коментарів.Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0tag:blogger.com,1999:blog-332120897625609974.post-40008472931560237692008-08-19T20:26:00.007-03:002010-07-22T23:28:28.911-03:00Рейтинг із зірками в BloggerОскільки рейтинг із зірками в <a href="http://www.blogger.com/">Blogger</a> уже перейшов із <a href="http://draft.blogger.com/">чернеток</a> в основну версію, а більшість шаблонів його не підтримуює, для того, щоб надати користувачеві можливість оцінити ваш допис, доводиться підкручувати шаблони руцями. От і в мене недавно дійшли руки до цього. В «<a href="http://dayanecdot.blogspot.com/">анекдотах</a>», звичайно.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/rotate.gif" /><br />
Перш за все, не вірте тому, що <a href="http://www.bloggerbuster.com/2008/07/how-to-add-star-ratings-to-your-blogger.html">написано в Blogger Buster</a>. Це, можливо, було правильно для чернеток, але зараз призводить до дублювання зірок. Тепер все простіше. Але, є одна особливість — підписи в рейтингу не перекладені. На щастя, підписи можна приховати, що тільки робить сервіс кращим.<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/gigi.gif" /><br />
Секрет простий — зменшити висоту елемента. Отже, ніяких вставок <a href="http://uk.wikipedia.org/wiki/JavaScript">Javascript</a> більше не треба. Відкриваємо розширений шаблон елементів керування і вставляємо наступний код куди вам більше подобається.<blockquote><code><span class='star-ratings' style='float: right;'><br />
<b:if cond='data:top.showStars'><br />
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='18' g:type='RatingPanel' g:width='180'/><br />
</b:if><br />
</span></code></blockquote>
Особисто я вставив перед <span style="font-weight: bold;"><span class='post-labels'></span> — з'являється праворуч від міток. Якщо ви вставляєте зірочки в инше місце, зверніть увагу на стиль. Можливо ви захочете змінити “плавання праворуч” на щось инше...<br />
<img border="0" src="http://forum.pravda.com.ua/smileys/smilie3.gif" />Sandyhttp://www.blogger.com/profile/06176818686258156976noreply@blogger.com0