- PVSM.RU - https://www.pvsm.ru -

Угадай новость

Есть такой небезызвестный конкурс для веб-разработчиков 10k.aneventapart.com [1], который часто упоминался на Хабре [2]. Некоторые пользователи Хабра успели в нём поучаствовать с разными проектами. Теперь, если на досуге побродить по сайту конкурса, можно найти много интересных проектов, которые хоть и не получили когда-то главного приза, но всё же достойны внимания и познавательны.
На сей раз моё внимание привлекло простое развлекательное приложение с информационным уклоном — 10k.aneventapart.com/1/Entry/141 [3] (Guess the Headlines).
Немного поковырявшись в исходнике, сделал русскую локализацию. Подробности под катом.

Приложение представляет собой игру, написанную с использованием HTML5 и других средств разрешенных правилами 10k. Используя сервис pipes.yahoo.com [4], приложение “перегоняет” RSS-ленту английского агрегатора новостей в JSON формат и распарсивает названия статей. Задача пользователя, вводя буквы на клавиатуре, угадать заголовок, а затем уже можно и новость почитать.
Чуть изменив функционал, получаем локализацию для русских пользователей. Есть возможность работать с заголовками содержащие как русские так и латинские символы, естественно, не забывая переключать раскладку клавиатуры.
Результат с исходным кодом — jsfiddle.net/BDbTG/1/ [5]
Результат в более наглядном виде — fiddle.jshell.net/BDbTG/1/show/ [6]
Как отправная точка для мультиплеерного приложения, где ход будет передаваться пользователям поочередно, представленный код тоже может сгодиться.

Автор: denldv


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/news/4993

Ссылки в тексте:

[1] 10k.aneventapart.com: http://10k.aneventapart.com

[2] упоминался на Хабре: http://habrahabr.ru/search/?q=10k+apart&target_type=posts

[3] 10k.aneventapart.com/1/Entry/141: http://10k.aneventapart.com/1/Entry/141

[4] pipes.yahoo.com: http://pipes.yahoo.com

[5] jsfiddle.net/BDbTG/1/: http://jsfiddle.net/BDbTG/1/

[6] fiddle.jshell.net/BDbTG/1/show/: http://fiddle.jshell.net/BDbTG/1/show/