lundi, février 25 2013

Nonogram game in SVG

While my summer project of 2012 has been up for a while now, I did not write much about it nor publish the URL to this nongram game written in HTML/SVG/JavaScript:

image

Unlike many other versions, I did not want to involve any Flash but rely on 100% on an HTML stack. The game works well in Chrome and Firefox, despite a few issues for the latter.

The whole was written purely with Notepad++ and intermittent Internet access, making the whole process longer but much more interesting, as I had to solve many issues by myself without immediately googling for help. In this regard, the development tools of Chrome have proven to be essential, allowing dynamic inspection of the HTML as well as of the SVG components.

There is almost no JavaScript in the HTML page as you can see in view-source:www.ness.ch/nonogram/. All the funny stuff is (somehow) available in https://www.ness.ch/nonogram/script.js?v=0.2. Disabling the right click within the HTML was not done to avoid people stealing a source, but to avoid the contextual menu in the SVG grid part of the page.

Further details on how to play are available on the page itself:

image

Hope you enjoy playing one of the over 20 different nonogram grid setups!

mardi, novembre 1 2011

Comment éviter l'indexation de fichiers tels que des PDF

Certaines sections du site www.ness.ch ne sont pas destinées à être indexé par les moteurs de recherches et pour éviter cela, j’ai traditionnellement utilisé les directives NOINDEX et NOFOLLOW dans les pages HTML.

Malheureusement il s’est avéré que cela n’était pas toujours suffisant, car un fichier PDF – lié seulement depuis une page HTML ayant les directives susmentionnées – s’est retrouvé dans l’index de Google.

La suppression du fichier peut se faire facilement via Google Webmasters dans l’option Configuration du site – Accès du robot d’exploration – onglet Supprimer l’URL:

image

Si cela supprime la page de l’index assez rapidement, reste la question du pourquoi elle a été indexée en premier lieu. Pour éviter similaire déconvenue, plusieurs solutions – bien expliquées ici – sont possibles.

Dans ce cas de figure, j’ai décidé d’ajouter un header HTTP X-Robots-Tag avec la value noindex à toutes les réponses faites pour un dossier en particulier. Pour générer ce champ dans l’entête HTTP, on peut simplement utiliser le module mod_headers d’Apache avec la directive suivante dans un fichier .htaccess:

Header add X-Robots-Tag "noindex"

mardi, septembre 6 2011

Nouvelle page sur ness.ch: le Monopoly suisse en photo!

Une nouvelle page a fait son apparition sur www.ness.ch: il s'agit d'un projet photo de Florence qui va parcourir ces prochains temps la Suisse afin de vous livrer des photos des différents lieux du Monopoly Suisse.

Tout se passe sur www.ness.ch/florence/MonopolySuisseEnPhotos.html - n'oubliez pas de cliquer sur le lien adéquat pour partager avec vos connaissances ;-)

- page 1 de 2