Циганик Влад — про інтернет, дизайн та рідну мову http://404.in.ua Циганик Влад. Блог про інтернет, дизайн та рідну мову Fri, 18 May 2012 22:51:33 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Кнопки соціальних мереж http://404.in.ua/2012/05/knopky-sotsialnyh-merezh/ http://404.in.ua/2012/05/knopky-sotsialnyh-merezh/#comments Fri, 18 May 2012 20:34:44 +0000 Влад Циганик http://404.in.ua/?p=1049 Раніше вже згадував про те, як за допомогою простого коду кнопок соцмереж можна розмістити на своєму сайті кнопки «share» або поділіться з друзями в соціальних мережах. Сам користуюся та іншим раджу. Та інколи буває потрібен і справжній код офіційної кнопки. Щоразу шукати його по сторінках соцмереж незручно, тому зібрав всі посилання на одній сторінці.
Думаю, вам, як і мені це стане в пригоді.

Кнопки соціальних мереж для сайту
Отже…
Код та всі настройки кнопки «+1» від Ґуґла можна отримати на сторінці «Кнопка +1 для сайту».
Код кнопки «Like» від Фейсбука зі всіма настройками можна взяти на сторінці «Like Button».
Код кнопки «Мне нравится» мережі ВКонтакте знаходиться на сторінці «Виджет Мне нравится»
Код кнопок «Tweet» та «Follow» від Твітера, а також всі їхні налаштунки можна дізнатися на сторінках «Tweet Button» та «Follow Button» відповідно.

Вам буде цікаво:

]]> http://404.in.ua/2012/05/knopky-sotsialnyh-merezh/feed/ 0 Об’ємна апроксимація форми коливань звукової хвилі http://404.in.ua/2012/05/objemna-aproksymatsiya-formy-kolyvan-zvukovoji-hvyli/ http://404.in.ua/2012/05/objemna-aproksymatsiya-formy-kolyvan-zvukovoji-hvyli/#comments Sun, 06 May 2012 12:31:14 +0000 Влад Циганик http://404.in.ua/?p=1031 Головна ідея полягала в тому, щоб показати звукову хвилю в об’ємі.
Спочатку використовувалися картонні кружечки, нанизані на мотузочок:

звукова хвиля в об'ємі - картонні кружечки

За процесом створення реквізитів та самого ролика можна поспостерігати на відео:

Та цього виявилося замало, щоб здобути схвалення глядачів. І ідея виросла з кружечків і мотузки до металевої труби і вінілових платівок. Всього знадобилося більш як дев’ять сотень вінілових дисків різного діаметру.

Звукова хвиля в об'ємі. Вінілові платівки

Крістофер Баррет і Люк Тейлор діляться думками про проект:
«Ми стикнулися з масою труднощів. Спочатку математика. Розрахунок співвідношення необхідної кількості дисків «в секунду» до кількості кадрів за секунду. З’ясувалося, що дев’ятисот шістдесяти вінілових платівок достатньо для формування малюнка хвилі музичного відрізка довжиною в одну хвилину двадцять секунд. Кожен диск був виготовлений окремо, вручну пронумерований, його розміри точно відповідали розрахункам. Весь процес зайняв сім робочих днів.
Приступивши до анімації, ми спочатку зібрали малюнок хвилі повністю, а потім «прибирали» по одному диску справа наліво, при цьому намагаючись не зрушити всю композицію, оскільки будь-який зсув зробив би подальший монтаж відзнятого матеріалу неможливим. Виходячи з цього, нам доводилося буквально розбивати кожен наступний диск, так що у нас був лише один шанс довести почате до кінця. Зйомка зайняла тридцять годин»

І ось що вийшло у результаті:

Відео на тизер-трек «I Will Never Change» до альбому «Chapter 2» британського музиканта Benga. Покадрова анімація зворотних маніпуляцій з дев’ятьма сотнями вінілових дисків.

Як вам ідейка?

Вам буде цікаво:

]]> http://404.in.ua/2012/05/objemna-aproksymatsiya-formy-kolyvan-zvukovoji-hvyli/feed/ 2 Юзабіліті та тюбик зубної пасти http://404.in.ua/2012/05/yuzabiliti-ta-tyubyk-zubnoji-pasty/ http://404.in.ua/2012/05/yuzabiliti-ta-tyubyk-zubnoji-pasty/#comments Fri, 04 May 2012 12:43:52 +0000 Влад Циганик http://404.in.ua/?p=1020

Юзабіліті (англ. usability — дослівно «зручність користування», «застосовуваність») — поняття в мікроергономіці, що позначає загальний ступінь зручності предмета при використанні. Завдання юзабіліті — досліджувати поведінку користувача й визначати, що працює на його благо, а що ні.


Це словникове визначення. Як відбувається на практиці?

Подарували мені зубну пасту, з тих дорожчих. Вироблену відомою мережевою компанією. Паста хороша, мені подобається. Та от тюбик…

зубна паста
Всі, відомі мені раніше тюбики, відкручувались лише одним рухом. Крутнув кришку — вона залишилася в руці. Цей тюбик не такий — треба провернути кришку навколо осі аж чотири рази.

Чому ця паста не така як всі? Чому за кількадесятилітню історію компанії не можна було продумати «зручність користування» тюбика? Для чого відрізнятися? Щоб щоранку згадували про унікальність мережевої компанії, що випускає цю пасту? Я згадую…

Вам буде цікаво:

]]> http://404.in.ua/2012/05/yuzabiliti-ta-tyubyk-zubnoji-pasty/feed/ 0 Як би виглядав світ, якби інтернет існував завжди http://404.in.ua/2012/04/yak-by-vyhlyadav-svit-yakby-internet-isnuvav-zavzhdy/ http://404.in.ua/2012/04/yak-by-vyhlyadav-svit-yakby-internet-isnuvav-zavzhdy/#comments Fri, 27 Apr 2012 14:19:50 +0000 Влад Циганик http://404.in.ua/?p=1008 Дуже класна ідея відео!

Відомі люди використовують мережу: Копернік править статтю у Вікіпедії про нову модель Сонячної системи, Пушкін чек-іниться на балах, а Толстому явно мало обмеження у Твітері в 140 символів :) .

Вам буде цікаво:

]]> http://404.in.ua/2012/04/yak-by-vyhlyadav-svit-yakby-internet-isnuvav-zavzhdy/feed/ 6 Оновлення теми блогу http://404.in.ua/2012/04/onovlennya-temy-blohu/ http://404.in.ua/2012/04/onovlennya-temy-blohu/#comments Tue, 24 Apr 2012 17:42:46 +0000 Влад Циганик http://404.in.ua/?p=955 Ну от, дійшли руки і знайшовся час для заміни шаблона на блозі. Попередній (стандартний, йшов в комплекті з вордпресом) прослужив вірою і правдою кілька років. Та захотілося змін і ось зустрічайте — новий шаблон. Строгий, чорно-біло-сірий, як і личить блогу з назвою 404.in.ua. Трохи дороблений, трохи допиляний, трохи домальований.

Так як я багато часу проводжу в соцмережах, то натицяв різноманітних соціальних елементів — віджети Фейсбука та ВКонтакті, останні дописи Твітера, посилання на профілі в соцмережах. Тицяйте, лайкайте, сердечкайте, фоловте, зафренджуйтеся — буду радий вітати в друзях.

За почесне право бути використаним на блозі в якості постійного шаблону змагалося багато тем. Ось лише деякі з них:

Всі теми були підключені і випробувані на даному блозі. Деякі не сподобались одразу, деякі треба було довго допилювати, деякі ніби й непогані, та щось не те. Та коли підключив цей шаблон, зрозумів — він. Кілька днів возився з налаштунками і ось що вийшло:

404.in.ua

Власне, хотілося щось зі світлим фоном, не перенасичене різноманітною графікою. Просте в налагодженні та керуванні. Ця тема власне такою і була. Звичайно, ще треба багато чого доробити, налаштувати сторінки, підключити деякі плагіни, відредагувати певні пости, адже ширина сторінки змінилася. Та загалом, шаблон готовий :) . Як вам?

Вам буде цікаво:

]]> http://404.in.ua/2012/04/onovlennya-temy-blohu/feed/ 6 Захист від спамботів для SocialEngine 3.XX http://404.in.ua/2012/04/zahyst-vid-spambotiv-socialengine-3/ http://404.in.ua/2012/04/zahyst-vid-spambotiv-socialengine-3/#comments Tue, 10 Apr 2012 16:01:22 +0000 Влад Циганик http://404.in.ua/?p=928 Той хто працював з CMS SocialEngine-3, мабуть, стикався з масовою реєстрацією ботів на сайті. Боти шкідливі тим, що залишають купу рекламного непотребу в блогах та подіях. На видалення цього непотребу та самих спамботів може йти доволі багато часу. Такий стан справ зумовлено тим, що стандартна капча (код безпеки) досить легко розпізнається і не захищає від автореєстрації.

socialengine

Як цьому зарадити? Найпростіше рішення — ускладнити стандартну капчу. Знайшов вирішення цієї проблеми і охоче ділюся ним з вами.

Правити будемо файл: /public_html/images/secure.php — саме він формує код безпеки. Отже, відкриваємо файл редактором і замінюємо весь його вміст на наступний код:
—————————————————–

< ?php
chdir('..');
include "header.php";

// Якщо GD бібліотеки не існує, відображати фіктивний образ
if( !function_exists('gd_info') || !empty($_GET['error']) )
{
header("Content-type: image/gif");
echo file_get_contents('error.gif');
exit();
}

// Rand color
function &randomColor(&$image_handle)
{
static $imageColors;
if( empty($imageColors) ) $imageColors = array();

$color_element_red = rand(001, 150);
$color_element_green = rand(001, 150);
$color_element_blue = rand(001, 150);

$oColor = @ImageColorAllocate($image_handle, $color_element_red, $color_element_green, $color_element_blue);
$imageColors[] =& $oColor;

return $oColor;
}

// Main
session_start();
header("Content-type: image/png");
header("Cache-Control: no-cache");

/* ----- Config options ----- */

// Довжина в символах
$c_length = 6;

// Символи на вибір
$c_source = "123456789#()ABCDEFGHIJKLMNOPQRSTUVXWZ";

// Кількість випадкових пікселів на символ
$p_per_c_length = 15;

// DO NOT TOUCH!
$i_height = 20;
$i_width = (10*$c_length) + 7;
$p_amount = round($c_length * $p_per_c_length);

// Make image
$img_handle = @ImageCreate($i_width, $i_height);
$back_color = @ImageColorAllocate($img_handle, 255, 255, 255);
$transparent_bg = @ImageColorTransparent($img_handle, $back_color);

// Make code
$code = "";
$txt_color = array();

for( $count=0; $count<$c_length; $count++ )
{
$x_axis = 5 + ($count * 10);
$y_axis = rand(0, 7);

$randcolor = randomColor($img_handle);

$size = rand(3, 5);
$char = substr($c_source, rand(0, strlen($c_source)-1), 1);

$code .= "$char";

@ImageString($img_handle, $size, $x_axis, $y_axis, "$char", $randcolor);
}

// Make pixels
for( $count=0; $count<$p_amount; $count++ )
{
$x_axis = rand(1,$i_width);
$y_axis = rand(1,$i_height);
$randcolor = randomColor($img_handle);

@ImageSetPixel($img_handle, $x_axis, $y_axis, $randcolor);
}

$_SESSION['code'] = $code;
@ImagePng($img_handle);
exit();
?>


——————————————
Позитивним є те, що настроїти в цій капчі можна буквально все: кількість знаків, які саме цифри, літери та знаки використовувати, кількість «шумових» пікселів на кожен знак. Такий код безпеки набагато важче розпізнається роботами. Головне, не перестаратися — не ускладнити його настільки, що капчу не зможе зрозуміти й людина :)

Даний хак успішно використано на сайті спільноти професіоналів України — автореєстрації зникли.

Вам буде цікаво:

]]> http://404.in.ua/2012/04/zahyst-vid-spambotiv-socialengine-3/feed/ 0 Про доповнену реальність (пародії на рекламу) http://404.in.ua/2012/04/pro-dopovnenu-realnist/ http://404.in.ua/2012/04/pro-dopovnenu-realnist/#comments Tue, 10 Apr 2012 14:06:42 +0000 Влад Циганик http://404.in.ua/?p=929 Окуляри доповненої реальності

Ще не встигли хлопці з Ґуґла презентувати свої окуляри доповненої реальності, як вже з’явилися пародії на їхню рекламу.

Перший рекламний ролик є досить цікавим. Під час будь-якої дії користувача, перед його очима вистрибує контекстна реклама. Де б він не був, що б не робив — рекламні оголошення знаходять його скрізь.

Невже ця розробка з часом перетвориться на ще одну рекламну площадку?


Оригінальний рекламний ролик:

Пародія:

Ще кілька цікавих роликів:

Проект для Windows:

Вам буде цікаво:

]]> http://404.in.ua/2012/04/pro-dopovnenu-realnist/feed/ 2 Рекомендації по Google AdSense (відео) http://404.in.ua/2012/03/rekomendatsiji-po-google-adsense-video/ http://404.in.ua/2012/03/rekomendatsiji-po-google-adsense-video/#comments Wed, 21 Mar 2012 12:36:01 +0000 Влад Циганик http://404.in.ua/?p=924 Для того, щоб збільшити свої прибутки від сайту, Google рекомендує збільшити кількість рекламних блоків AdSense до трьох і правильно вписати їх в контент. Щоб це показати наглядно, хлопці з Ґуґла змонтували відеоролик:


(Є українські субтитри)

Вам буде цікаво:

]]> http://404.in.ua/2012/03/rekomendatsiji-po-google-adsense-video/feed/ 0 «Linked» — перша соцмережа, яка платить за активність http://404.in.ua/2012/03/linked-sotsialna-merezha-profesionaliv/ http://404.in.ua/2012/03/linked-sotsialna-merezha-profesionaliv/#comments Mon, 19 Mar 2012 11:54:54 +0000 Влад Циганик http://404.in.ua/?p=906 «Linked.com.ua» — місце зустрічі професіоналів УкраїниОстаннім часом соціальні мережі поступово перестали бути лише простором для спілкування. Зараз це і спосіб подачі інформації, і засіб розповісти про себе, і нові бізнес-можливості. Представляємо першу закриту соціальну мережу професіоналів України «Linked», де кожен зможе знайти те, що йому найбільше потрібно.

Отже, linked.com.ua — це сайт, де професіонали з різних сфер зможуть розповісти про себе та свою компанію, знайти нових партнерів для бізнесу, запропонувати свої товари та послуги, роботу чи можливості для співпраці, додати вакансію чи розмістити своє резюме, а також розповісти про особливості роботи власної компанії.

Серед розділів сайту вже звичні відвідувачам соцмереж «Групи», котрі можна створювати самостійно та запрошувати туди інших; в розділі «Події» можна розповідати про акції, заходи та зустрічі компанії; розділ «Магазин» створено для того, щоб будь-який користувач сайту міг додати туди свої товари, розмістивши там їхній опис та фото. І, звичайно ж, на сайті є можливість розміщувати фото- та відеоконтент, а також вести власні блоги. Крім цього, віднедавна на сайті стало можливим створювати сторінки брендів та залучати на них шанувальників.

«Linked.com.ua» — соціальна мережа професіоналів України

Реєстрація, розміщення та оновлення інформації на сайті, за словами розробників, повністю безкоштовні та ніколи не будуть платними. Більше того, «Linked» — перша соціальна мережа, що сама платить користувачам за активність на сайті. Розповідаючи про себе, створюючи нові дружні зв’язки, ведучи активну діяльність у групах, створюючи події та запрошуючи на них друзів, додаючи товари чи послуги у віртуальний магазин ви накопичуєте бонуси, які можна буде обміняти на рекламні місця на сайті. Так як мережа доволі молода і розвивається, то найбільшу кількість бонусів можна отримати за залучення нових користувачів сайту.

Розповідайте про себе, шукайте нові ділові стосунки, користуйтеся послугами одні одних, знайомтеся, підтримуйте зв’язки, а сайт linked.com.ua вам у цьому допоможе!

Вам буде цікаво:

]]> http://404.in.ua/2012/03/linked-sotsialna-merezha-profesionaliv/feed/ 0 Найкоротший та найдовший домени України http://404.in.ua/2012/03/najkorotshyj-ta-najdovshyj-domeny-ukrajiny/ http://404.in.ua/2012/03/najkorotshyj-ta-najdovshyj-domeny-ukrajiny/#comments Sun, 04 Mar 2012 21:23:53 +0000 Влад Циганик http://404.in.ua/?p=880 Українська мова — одна з небагатьох, де апостроф використовується як буква. Хоча подібні знаки є в англійській, німецькій та інших мовах — там вони використовуються по іншому. Як розділовий знак, символ пропущення букви чи признак відмінювання слова.

Завдяки цьому стало можливим використання апострофа в кириличних доменах. І найкоротшим доменним іменем України (а може й світу) є: ʼ.ua.

Найдовшим доменом України вже кілька років залишається домен числа Пі: 3.141592653589793238462643383279502884197169399375105820974944592.org.ua.

Для кращого запам’ятовування, у цього сайту є й короткий домен: pi.org.ua

Вам буде цікаво:

]]> http://404.in.ua/2012/03/najkorotshyj-ta-najdovshyj-domeny-ukrajiny/feed/ 0