Зручна навігація з допомогою JavaScript: Ctrl + Вправо: наступна сторінку (+ Вліво: попередня)

web-розробка Автор: Роман Голубовський [3,507 переглядів]

Теги : , , , , , ,

ctrl_prev_next

Днями займався створенням презентації. В силу декількох причин, робив її у вигляді послідовно з’єднаних між собою html-сторінок. У навігації між сторінками було використано кнопки “вперед” і “назад“, розташовані знизу, щоб не забирати важливе місце зверху сторінки. Але, як то часто буває, деякі сторінки вийшли більші за розміром і повністю не вміщались на екрані. Тобто вийшло так, що для того, шоб перейти на іншу сторінку, потрібно перемотати її вниз і там клікнути мишкою по кнопочці “вперед”. Трохи незручно, правда? Потрібно було знайти рішення, яке б покращило зручнісь у переміщенні по сторінках презентації (usability). Згадалась популярна фіча з навігацією по сторінках з допомогою клавіш Ctrl + Вправо для переходу на наступну сторінку або Ctrl + Вліво для переходу на попередню відповідно.

Отож, результат більш-менш візуалізувався, залишилось лише реалізувати його. Почав шукати в Гуглі. Але на мої запити типу “js ctrl клавиша вправо”, “js следующая страница” нічого корисного не знайшлось. Довелось йти на сайт, на якому я бачив це рішення – сайт студії Артемія Лєбєдєва.

[Доречі, коли я по-пам'яті набрав адресу сайту Лєбєдєва, - помилився і набрав через дефіс (art-lebedev.ru замість artlebedev.ru), - мене перекинуло на сайт компанії що займається виготовленням підлог. Як міг перший веб-дизайнер рунету Тьома Лєбєдєв припуститись такої помилки - не зареєструвати подібне доменне ім'я. (Хоча хто зна, може це така накрутка відвідувань сайту від його студії!?) Ок, щось я відхилився від теми.]

читати далі про JS-навігацію: Ctrl + Вправо…

Приклад юзабіліті офлайн

Internet, Offline Автор: Роман Голубовський [2,690 переглядів]

Теги : , ,

Є таке поняття у сфері розробки програмного забезпечення (будь то прикладні програми чи веб-сайти) як юзабіліті (англ. usability), яке означає зручність у користуванні. Це дуже важливе поняття, на яке постійно потрібно зважати при проектуванні. Яка різниця, що твій сайт має привабливий дизайн, для прикладу, якщо користувач не може знайти на ньому те, що його цікавить? Але поняття юзабіліті не обмежується програмним забезпеченням. Його приклади можемо побачити і у оточуючому нас світі.

Гарний приклад підвернувся мені недавно, коли я поповнював мобільний рахунок МТС. Для поповнення рахунку на мобільному телефоні потрібно ввести 14 цифр, написаних на картці поповнення. Так, як запам’ятати зразу 14 цифр нереально, ми вводимо їх певними порціями: по 2-4 цифри. І от, при поповненні рахунку з карток Київстар, на яких всі цифри розміщені в один ряд без відступів (див. мал.), це зробити не зовсім зручно, тому що приходиться запам’ятовувати, на якій цифрі ти закінчив. А з цього витікає помилковий код, введення його ще раз, і відповідно даремна втрата нашого часу. А тепер подивимся на картку МТС: тут між цифрами відступи. Браво МТС! Таке просте рішення, а попередню проблему усунуто. Здавалось би дрібниця, але, як відомо, наше життя саме з дрібниць і складається. Оце і є usability на високому рівні.

mts-kyivstar

Мал. Картки поповнення МТС і Київстар

Я @ Godskitchen Urban Wave 14.02.2009 (Armin Van Buuren & Blake Jarrell)

Offline, Івенти, Подорожі Автор: Роман Голубовський [5,281 переглядів]

Теги : , , , , , , , , , ,

Хотів би поділитись враженнями про таку непересічну подію для мене як Godskitchen Urban Wave 14.02.2009 за участю Armin Van Buuren та Blake Jarrell. Можу сміливо сказати, що це – одна з найяскравіших подій у моєму житті.

Godskitchen_dsc04469
Armin Van Buuren @ Godskitchen Urban Wave Kyiv 14.02.2009

Невдовзі після того, як я тільки почав слухати танцювальну музику, я дізнався про такі грандіозні події у світі електронної музики як Loveparade, Mayday, Sensation. Мене захопили ці величезні танцполи, яскраве освітлення, маса народу і звичайно ж музика, яка всіх зібрала. Пройшло трошки часу і мрії наблизились до реальності – відомі на весь світ діджеї, такі як Paul Van Dyk, Tiesto чи Armin Van Buuren, почали приїжджати і до України, щоправда до Києва – мені, тоді ще пересічному львівському студенту, попасти туди було не надто реально. Із закінченням навчання і подальшим працевлаштуванням мої можливості значно розширились, але щось таки не виходило: то з часом, то з місцем. І от, нарешті все вийшло.

Хто не в курсі, Armin Van Buuren – DJ номер один у світі 2007-2008 років за версією престижного видання DJ Mag, грає у стилі Trance, хоча сам не любить відносити свою музику до якогось зі стилів. Веде щотижневе радіошоу A State Of Trance, що також принесло Арміну нагороду та визнання. Тепер перейду до основного.

читати далі про Armin Van Buuren @ Godskitchen

CAPTCHA на PHP

web-розробка Автор: Роман Голубовський [7,836 переглядів]

Теги : , , , , ,

Виявляється, далеко не всі знають, що таке c.a.p.t.c.h.a. Мій знайомий недавно мене запитав, для чого на веб-сайтах, – особливо коли щось треба скачати чи опублікувати коментар, – потрібно ввести цифри з картинки, які до того ж так погано видно. Отож ліквідація безграмотності – зараз спробую пояснити, що значить картинка з цифрами, і далі розкажу, як зробити captcha з допомогою PHP. Хто теоритично готовий – може переходити зразу до технічної частини.

Отож, згідно вікіпедії, CAPTCHA (англ. “completely automated public Turing test to tell computers and humans apart” — повністю автоматизований публічний тест Тюринга для розрізнення комп’ютерів і людей) — торгова марка Університету Карнегі-Меллона, комп’ютерний тест, який використовується для того, щоб визначити, хто використовує систему — людина чи комп’ютер. Термін з’явився у 2000 році.

У більшості випадків captcha – це така невеличка картинка з набором букв і цифр, які потрібно ввести в полі вводу, розташованого поряд. При правильному вводі відбувається певна дія (наприклад скачування файлу або публікація коментаря), при неправильному – пропонується ввести циферки ще раз. Це робиться для того, щоб впевнитись, що циферки вводить саме людина а не зла компютерна програма, спам-бот. Цифри важко прочитати – це робиться спеціально для того, щоб і компютерній програмі було важче просканувати цифри на малюнку. Загалом капчі не обмежуються лише картинками. Зустрічаються captcha у вигляді загадок, прохань доповнити фразу або легкі арифметичні задачі (1 + 2 = *) – завдання, які зазвичай без найменших проблем вирішуються звичайними людьми, зате не вирішуються не підготовленими спеціально для цього програмами. Наприклад, хіба важко доповнити таке (ввести те, що має бути на місці трьох крапок):
“Столиця Сомалі – …”
Жартую. Це повинне бути щось дійсно легке, таке, як, наприклад, “Д’Артаньян і … мушкетери”. (Кому все ж цікаво, столиця Сомалі – Могадішу:)

Але ми зараз розглядаємо капчу в її класичному вигляді, тобто як малюнок. Тому приступимо до створення captcha з допомогою PHP.

читати далі про CAPTCHA на PHP

Швидко визначити свою IP-адресу

Internet Автор: Роман Голубовський [6,101 переглядів]

Теги : , , ,

Бувають завдання, що потребують ідентифікації комп’ютера, за яким ми працюємо в мережі Internet. Наприклад, щоб виключити себе з підрахунку статистики відвідувачів певного веб-сайту. Або навпаки, поки веб-сайт на стадії розробки, потрібно щоб на нього можна було заходити тільки з твого комп’ютера.

У таких випадках використовується IP-адреса (Internet Protocol address) – ідентифікатор, що використовується для адресації комп’ютерів у мережі Інтернет.

Отож, потрібно взнати свою IP-адресу. Але хотілось би зробити це якомога простіше і навіть не виходячи з вікна браузера. Гарний і юзабільний інструмент для цього – сайт, що так і називається (тільки без пробілів) – What Is My Ip .com (в перекладі з англійської – “Який мій IP”) Дуже юзабільно (від Usability), так як адреса сайту легко запам’ятовується, а коли її набираєш у адресній строці браузера, то на екрані по центру великим шрифтом з’являється твоя IP адреса. Приблизно так:

Your IP Address Is xxx.xxx.xx.xx

Отож запамятовуєм, і при потребі користуємся – whatismyip.com

Привіт світ!

Креатив, блог Автор: Роман Голубовський [3,445 переглядів]

Теги : , ,

Hello world!

Блог Романа Голубовського вважати відкритим. Дата офіційного відкриття – 17 грудня 2008 року. Ура! Ура! Ура!”

Трублять фанфари. Оркестр гремить басами, трубач видуває мідь.. Сяють блискучі вогники бенгальських вогнів. Ллється шампанське. Блиск в очах. Лунають тости і крики “Ура!” Серпантин і хлопушки, кольорові вогники і фейєрверки, гриби і форелі. Багато гарних врочистих слів. “Гей гей дана дана, забава була аж до рана”…

Шось таке.