Archives pour octobre 2007

Halloween… >.<

Icon for post #29

Ordi allumé, films chargés1 : cette soirée s’annonçait plutôt peinarde … jusqu’à ce que mon frère et sa meute de copains débarquent en hurlant, décorent la maison de toiles d’araignées, posent des empreintes de pas un peu partout sur le sol, versent du faux-sang par-dessus, déguisent le chat en mort-vivant et finissent par se planter devant la télé pour une “soirée films d’horreur”, sans oublier de renverser du coca partout bien entendu >_<

Ce soir donc, pas de vidéo en grand écran (ben oui, je tente d’éviter les croquants le plus possible, ce qui inclut la salle de télé), mais par contre je n’ai pas été déçu au niveau de l’audio avec des cris de terreur de plus en plus aigus au fur et à mesure que les personnages principaux (et néanmoins secondaires) perdent un membre, deux membres, trois membres et/ou éventuellement la vie, à grands coups d’hémoglobine de synthèse (tiens, ça me rappelle le début de Cube Zéro) =_=”

C’est d’ailleurs le moment de recaser le fameux “Un foie. Deux reins. Trois raisons d’utiliser la baïonette.

Quelqu’un a une corde pour me pendre ?

1 : Minority Report et Furtif… Pas les plus récents, mais j’aime bien et ça fait longtemps que je les avais pas vus :P

Programmer “Orienté Objet” avec JavaScript et JSON

Note personnelle: ce titre vient de faire fuir la moitié des (rares) visiteurs de ce blog :P

Si vous développez un peu en JavaScript, sans doute savez-vous que c’est un langage fortement Orienté Objet. Vous avez d’ailleurs certainement déjà utilisé des objets comme window ou document, lors d’appels à window.location=’xyz’; ou document.getElementById() notamment.

Savez-vous qu’il est possible de créer ses propres objets (objets utilisateurs) très simplement, grâce la notation JSON ? Cette syntaxe particulière permet en effet de définir et de manipuler aisément des Objets ;)

Dans cet article, je vais vous présenter rapidement les principes de la notation JSON, puis je vous donnerai quelques exemples d’utilisations concrets de ce format de données surpuissant
(oui, je sais, j’en rajoute un peu, mais je suis vraiment fan de cette syntaxe - explication plus bas- :) )

1. Utilisation de JSON pour créer et gérer des objets

JSON est donc un moyen de représenter des données en JavaScript. Il dispose d’une syntaxe extrêmement simple et claire, qui se base sur des paires de clés / valeurs, selon les règles suivantes :

  • Un objet est entouré par une paire d’accolades { et }
  • Les noms des clés sont entourés par des guillemets (simples ou doubles)
  • Les valeurs des clés sont entourés par des guillemets, sauf si la valeur est numérique
  • Chaque couple clé / valeur est séparé par une virgule

Il est important de noter que les valeurs peuvent être des chaînes de caractères, des nombres, mais aussi des fonctions ! Il est aussi possible de définir un tableau d’objets en entourant les objets par des crochets [ et ] ;)

Read more »

Mozilla Prism : convertir des services web en applications locales !

Icon for post #21

“Sortir” les applications web comme Gmail ou Facebook du navigateur sur lequel vous les utilisez habituellement, et les convertir en applications locales, voici ce que nous propose Mozilla avec son tout dernier logiciel “Prism”.

Plus besoin d’ouvrir Firefox pour se rendre sur Gmail par exemple, ce service s’ouvre désormais dans une fenêtre indépendante, grâce à un raccourci semblable à n’importe quel raccourci vers une application (FileZilla, OpenOffice, etc), raccourci que vous pouvez placer sur votre bureau, dans votre barre des tâches…

Gmail and Firefox Gmail and Prism
Captures d’écran de l’application Gmail, avec Firefox puis Prism

Alors à quoi cela peut-il servir ? Tout d’abord, le fait de s’affranchir du navigateur permet un gain d’espace considérable : les éléments comme la barre de menu, la barre d’adresse, les boutons précédent / suivant, la barre d’onglets ou la barre des tâches occupent une place d’autant plus grande qu’ils sont parfaitement inutiles lorsque l’on consulte ses mails !

C’est particulièrement visible sur mes captures d’écran : le fait de n’avoir “que” l’interface du service web (ici Gmail) dans une fenêtre indépendante permet d’une part d’économiser plus d’1/5ème de la hauteur de la page et d’autre part de masquer les informations inutiles (les boutons des plugins installés entre autres) ;-)

Mais cela représente aussi une grande avancée en ce qui concerne le mélange entre contenu web et contenu local : des services comme Gmail pourront interagir avec le poste client, par exemple pour stocker des emails sur le disque dur (à des fins de sauvegarde par exemple) :) (évidemment, cela pose aussi des problèmes de droits d’accès)

Logo de Prism

Prism allows users to split Web applications out of their browser, and run them directly alongside desktop applications. [...] When invoked, these applications run in their own window. [...] Prism isn’t a new platform, it’s simply the web platform integrated into the desktop experience. Web developers don’t have to target it separately, because any application that can run in a modern standards-compliant web browser can run in Prism

Source : http://labs.mozilla.com/2007/10/prism/

Installing a Web App
Intégration d’une application web sur votre bureau

Télécharger Mozilla Prism (~6, 87 Mo)

Le théorème du salaire

Tout le monde ou presque connaît la démonstration “Femme = Problèmes” :

On sait qu’une femme demande du temps et de l’argent :

Femme = Temps * Argent

Or, le temps c’est de l’argent :

Temps = Argent

On a donc les égalités suivantes :

Femme = Argent * Argent
Femme = Argent²

Or, l’argent est la racine de tous les problèmes :

L'Argent est la Racine de tous les Problèmes

Par combinaison, on obtient donc :

Femme = (Racine de tous les problèmes)²

C’est-à dire :

Femme = Problèmes

 

Tout à l’heure, je suis tombé sur une autre “”"démonstration”"” (entre plein de guillemets) de ce style, qui tend à montrer pourquoi les scientifiques gagent toujours moins que les hommes d’affaires :

On sait que la Puissance est égale au Travail sur le Temps :

Puissance = Travail / Temps

Or, le temps c’est de l’argent :

Temps = Argent

De plus, la Connaissance, c’est la Puissance :

Connaissance = Puissance

On a donc :

La Connaissance est égale au Travail sur l'Argent
L'Argent est égal au Travail sur la Connaissance

Or, la limite de cette fonction est :

La limite de Travail / Connaissance en 0 est .... l'infini !
La limite de Travail / Connaissance en 0 est .... l'infini !

Donc, quand la Connaissance tend vers zéro, l’Argent tend vers l’infini

À l’inverse, quand la Connaissance tend vers l’infini, l’Argent tend alors vers zéro, et ce même (surtout ?) si la valeur Travail est élevée.

Voilà, si vous connaissez vous aussi d’autres démonstrations de ce genre, “marrantes-donc-on-ne-s’attarde-pas-trop-sur-leur-justesse”, faites-m’en part dans vos commentaires :)

Blueprint : présentation d’un Framework CSS

Icon for post #3

Peut-être vous demandez-vous ce qu’est exactement un Framework ?

D’après Wikipédia :

En informatique, un framework est un espace de travail modulaire.
C’est un ensemble de bibliothèques, d’outils et de conventions permettant le développement rapide d’applications.
Il fournit suffisamment de briques logicielles et impose suffisamment de rigueur pour pouvoir produire une application aboutie et facile à maintenir. Ces composants sont organisés pour être utilisés en interaction les uns avec les autres

Les Frameworks sont de plus en plus utilisés dans le domaine de la programmation. Il en existe des dizaines, dans de nombreux langages, comme par exemple :

Mais saviez-vous qu’il existe également des Frameworks CSS, spécifiquement conçus pour simplifier et accélérer la création de designs pour vos sites web ?

Il n’y en a que quelques-uns pour l’instant, l’idée étant relativement récente. Je vais donc vous présenter le plus avancé d’entre eux, dont la dernière version est sortie il y a quelques semaines : Blueprint.

Read more »

Page Suivante »