Alt-I, des informations alternatives - Informatique, Cultures alternatives et Geekeries saupoudrées d'Ajax. - Balise - developpement

Dotclear, bravo

Hadrien — Sun, 12 Oct 2008 21:31:00 +0200

En ce moment, je développe un plugin pour Dotclear dont je vous reparlerais très bientôt. Et je dois avouer que la conception d'extension pour ce moteur de blog est vraiment très agréable. C'est d'une simplicité impressionnante et très clair. On peut réellement tout customiser, de l'affichage coté public à l'action de mise à jour d'un article. Et on peut faire tout ce qu'on veut. Du coup, j'ai pu réaliser mon plugin en un temps record avec beaucoup plus d'options que j'avais imaginé au départ (jeudi dernier :p) et je sens qu'il va avoir énormément de succès. Tout du moins, je l'espère

Bravo à Olivier Meunier, toute son équipe et tous les contributeurs pour ce magnifique travail.

Je vous donne donc rendez vous d'ici une à deux semaines pour découvrir une nouvelle extension pour Dotclear. Vous pouvez commencer à spéculer dans les commentaires. Ceux qui savent parce que je leur en ai parlé sont priés de fermer leur grande gueule, il seront immédiatement censuré

Cocoa pour les JS Gurus

Hadrien — Fri, 10 Oct 2008 09:56:00 +0200

Voilà une news qu'elle me fait plaisir et qu'elle va faire plaisir à tout les web devs du coin qui aiment leur mac mais qui ont du mal avec l'Objective-C et autres langages systèmes.

JSCocoa est un framework qui permet d'écrire des application Cocoa, donc pour Mac OS X, en ECMAScript (Javascript) !! Ils se décrivent fort bien, donc laissons leur la parole :

JSCocoa bridges Cocoa to JavascriptCore (WebKit's JS engine). It allows you to call C code, ObjC code, use C structs, and build Javascript classes inheriting from ObjC classes.

Donc, JSCocoa fait le lien entre Cocoa et JavascriptCore, qui est le moteur JS de Webkit et qui fait partie du système Mac OS X. Cette lib permet donc de faire des appels vers du code en C, Obj-C et de construire des classes javascript héritant d'objets obj-C :o Wahou !

Moi qui ai toujours galéré à faire le premier pas dans l'objective C, je vais peut être enfin pouvoir me mettre à la programmation avec XCode :D

Je ne me priverais pas de faire des tutos si j'arrive à faire quelque chose de cette bibliothèque pleine d'avenir

Les NDA ne sont plus

Hadrien — Thu, 02 Oct 2008 17:38:00 +0200

Apple a enfin enlevé les NDA sur le SDK de l'iPhone. On peut enfin causer librement de toute ces magnifiques classes, de ces méthodes, de ces implémentations, sans avoir peur de subir le joug de la censure et de l'attaque judiciaire !

Bon, plus sérieusement, ça veut dire que ça va être un peu plus facile pour un débutant en objective-C comme moi de trouver de la documentation afin de développer pour l'animal. Et aussi, ça veut dire que des projets open sources pour iPhone peuvent exister dorénavant ! Alors, on attends avec impatience un VLC et un AdiumX pour nos iTéléphones !

Overblog version iPhone

Hadrien — Tue, 12 Aug 2008 15:17:00 +0200

En ce moment, pendant que tout le monde est en vacances, je bosse sur les versions mobiles de Overblog. Et je suis fier de vous présenter la version iPhone :

Overblog version iPhone

Je suis très content de mon travail, et on pourra aussi féliciter Xylpho, notre graphiste, qui a fait aussi du bon boulot

Coder sur iPhone… encore :p

Hadrien — Fri, 08 Aug 2008 18:13:00 +0200

Regardez ce genre de design :

Pour un navigateur "ancien" (c'est à dire qui ne connaît pas CSS3), réaliser un cadre de ce genre, avec coins arrondis, dégradés, etc, est un très dur labeur. Ça se joue à coup de multiples <div /> imbriqués dont les background sont les coins de l'image savamment découpée, le tout en deux version : une pour IE, la seconde pour les autres… C'est à cause de ça que le web2.0 a beaucoup été designé (du verbe to design :p) à coup d'aplat de couleur.

Et bien avec Safari 3, finie l'usine à gaz ! Une propriété magique, propriétaire pour le moment, mais en cours de validation par le W3C fait des miracles. Il s'agit de -webkit-border-image.

Pour faire une bulle comme sur le screenshot, nous n'avons besoin que d'une image :

Et de la css suivante :

.bulle {
	border-width: 16px 8px 8px 8px;
	-webkit-border-image: url('bubbleWhite.png') 16 8 8 8;
}

Appliqué au XHTML suivant :

<div class="bulle">
	Je suis dans une bulle \o/
</div>

Et c'est tout. La bulle pourra s'agrandir en hauteur et en largeur sans aucun étirement ou décalage.

Comment cela fonctionne-t-il ?

On définit tout d'abord l'épaisseur de chaque bordure du cadre :
border-width: haut droite bas gauche;
Dans mon cas, la bordure du haut sera plus épaisse car il faut y faire rentrer la flèche de la bulle.

Ensuite, on indique quelles zones de l'image de fond seront appliquées dans les bordures :
-webkit-border-image: url('bubbleWhite.png') haut droite bas gauche;
On prends la zone de l'image de 0px du haut à 16px et on la met sur la bordure du haut, la zone de 0 pixel de droite à 8px et on la calle à droite, etc. Tout le reste fait partie du centre du contenant qui s'étirera selon le contenu. Tout ce qui est dans les bordure gardera sa taille initiale.

Les zones rouges sont les parties de l'images qui seront placées en tant que bordure, le reste sera étirée en tant que background :

C'est magnifique !

PS : DaScritch nous indique que ça marche aussi de la même façon sur Firefox 3 :D