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

в 15:03, , рубрики: 10k.aneventapart.com, html, html5, Веб-разработка, игры, Новости, метки: , , ,

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

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

Автор: denldv

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js