Dator Blog

Le premier screencast de Dator.fr est arrivé ! Je vais vous expliquer comment utiliser Prototype, Scriptaculous, PHP et une base de données pour réaliser un moteur de recherche en Ajax !

Tout est expliqué dans la vidéo que je viens de finir, je vous explique comment paramétrer le javascript afin de pouvoir envoyer des requêtes AJAX.

La vidéo est ici !

Je vous laisse me dire si ce screencast est réussi … ou pas. Si vous préférez les tutoriaux écrits plutôt que vidéos ? enfin tout ce que vous voulez !

Bonne vidéo et bon développement à tous !

• 20 commentaires

Mardi 22 janvier le W3C (World Wide Web Consortium) a publié un working draft sur les nouveautés apportées par cette nouvelle mouture HTML que vous pouvez trouvé ici : http://www.w3.org/html/wg/html5/.

Lors de la conférence Paris Web, en novembre dernier, Daniel Glazman, écrivain de plusieurs livre sur les conventions xHTML et CSS (une référence dans le monde du développement), nous explique avec un certain humour les différentes étapes du HTML (et en parallèle le xHTML). Il nous explique en plus comment le xHTML est entrain de couler . Je vous conseille de voir cette vidéo très intéressante si vous êtes passionné par la réalisation de page internet
Revenons a nos moutons, voici les nouveautés tant attendu par ce HTML 5.0 !

• La balise section : délimite la structure d’un document et peut s’utiliser avec les balises h1 à h6.
• La balise article : délimite un élément indépendant du document (article etc …)
• La balise aside : délimite un contenu contextuel au document.
• La balise header : délimite l’en-tête d’un document. (enfin !)
• La balise footer : délimite le pied d’un document. (enfin !)
• La balise nav : délimite les éléments de navigation du document.
• La balise dialog : délimite un dialogue avec les balises dt et dd.
• La balise figure : délimite un contenu média avec sa légende et son titre par exemple.
• Les balises audio et video : permettent d’ouvrir un format de média avec les programmes par défaut de l’utilisateur.(on va voir de la musique sur tout les sites..super)
• La balise embed : sert à insérer un contenu provenant d’un plugin.(enfin normalisée !)
• La balise m : délimite un texte marqué.(encore flou au yeux du W3C)
• La balise meter : indique une mesure (métrique, informatique, etc.).
• La balise time : indique une date ou une indication de temps.
• La balise canvas : affiche un graphique dynamique (existe déjà sous Firefox).
• La balise command : indique une commande que l’utilisateur peut appeller.
• La balise datagrid : représente une arborescence ou des données tabulaires(enfin!)
• La balise details : affiche une information ou des contrôles que l’utilisateur peut actionner à la demande (comme en javascript avec le plus et le moins).
• Les balises datatemplate, rule et nest : permettent une utilisation de gabarits(templates).
• La balise event-source : capte les évenements de l’utilisateur.
• La balise output : affiche une valeur de sortie (total, somme, résultat, etc …)
• La balise progress : affiche une barre de progression (dont les attributs sont encore un peu flou).

A mon avis, le HTML 5.0 va vraiment être un plus ,dans une approche sémantique, du développement de page web.

• 0 commentaire

Voici une question que je me suis toujours posé : Comment savoir si la personne a le javascript activé sur son navigateur ?

Aujourd’hui, en farfouillant dans les balises HTML que mon éditeur de code me propose, je suis tombé sur la balise noscript et elle correspond parfaitement à mes (vos) attentes.

En effet, cette simple balise html permet de contenir du code (x)HTML qui ne sera vu que si l’internaute utilise un navigateur ne prenant pas en charge le javascript . Pas mal non?

Encore plus fort, vous voulez rediriger la personne qui n’a pas de javascript sur son navigateur (ouh !!) sur une page internet l’informant que son navigateur est corrompu . Rien de plus simple, il suffit de mettre ce petit bout de code dans les balises noscript :

Néanmoins ce système n’est pas valide xHTML. Pour qu’il soit valide, il faut déclarer la balise <noscript> dans le body et par exemple afficher un paragraphe qui précise que votre site fonctionne avec du javascript.

Et voila !

• 6 commentaires

Ca y est !

Le blog tourne sur wordpress 2.5 RC1 !

Cette Release Candidate vient juste de sortir du fourneau et il est déjà sur Dator.fr, si c’est pas la belle vie ça ?!

Concernant les nouveautés : Rien que vous ne puissiez voir de votre coté de lecteur acharné ! Par contre il y a eu un remaniement entier de l’administration que est je doit le dire plus que agréable à l’œil et très pratique d’utilisation !

Vous trouverez plus d’information ici

• 1 commentaire

Aujourd’hui je vais vous présenter une librairie Javascript (et oui … encore !).
Il s’agit de LightBox, le plugin de référence pour vos images.

En faite cette librairie permet d’ajouter, sur les liens des agrandis de vos images, un effet d’agrandissement sur la même page.

Cette librairie fonctionne sur la base de Prototype et de Scriptaculous (2 librairies que je vous ai déjà présenter précédemment).

Voici un exemple

Comme tu as pu voir, l’effet proposé fait très professionnel et en plus si vous avez une galerie d’image, tu vas voir apparaitre « Suivant»  ou « Précédent»  pour naviguer entre les images.

Lire le reste de cet article »

• 1 commentaire

Vous avez toujours chercher à faire du flash ? En vain ? Tu as les qualités d’un développeur et tu connais la programmation objet et les principes du XML ? Tu veux épater tes collègues de boulot avec des applications WEB en flash ? Cette technologie est pour toi !

Flex, et plus récemment Flex 3, vient d’arriver sur nos écrans. Cette technologie crée par Adobe permet de créer des applications Flash, uniquement avec du développement . La recette : 2 cuillères d’ActionScript 3, un zeste de CSS et une pincée de XML permet de faire de délicieuses et agréable application pour vos sites internet !

Pour l’occasion, Adobe à mis en place le Flex Builder 3, Un IDE (Environnement de développement logiciel) basé sur Eclipse, la référence du logiciel libre pour le développement. Ce logiciel propose une interface claire et intuitive avec 2 partie : Une partie consacrée au code (la vue standard) et une partie graphique pour positionner vos composants graphiques simplement et rapidement.

De plus, Flex Builder 3 permet , en mode design, de définir les propriétés de tes composants en leur donnant des couleurs ou des attributs en CSS. Comme les plus grands IDE, ce logiciel permet aussi la compilation du code en mode débug afin de corriger les erreurs de vos applications rapidement et simplement.

Rapidement, vous allez voir apparaitre sur ce blog des tutoriaux et aide au développement au Flex.

Conclusion : Cette technologie à l’air vraiment très prométeuse dans un avenir très proche . En plus d’utiliser les 3 notions les plus importantes dans le développement WEB (CSS, Objet et XML), vous pouvez réaliser des sites simplement et rapidement entièrement en flash, en agrémentant vos applications de différents effets déjà conçus par Adobe .

Liens :

Télécharger Flex Builder 3 

Voir un exemple en direct 

• 0 commentaire