Catégorie: Web, XHTML et CSS

Ces dernières années, le web s'est enrichit de nombreux outils onlines, de réseaux sociaux ou autres communautés.
Et malgré le fait que la plupart de ces outils soient ouverts en proposant une API et une authentification OAuth, il est bien souvent difficile de les faire communiquer entre eux...

En effet si certains services peuvent proposer une connectivité accrus avec d'autres, ils sont généralement loin de couvrir l'ensemble des besoins des utilisateurs. Par exemple twitter offre bien depuis peu la possibilité de se connecter à Facebook afin de re-publier vos tweets sur votre mur. Mais c'est tout ! Il est toujours impossible de faire la même chose avec d'autres services. Et le constat est à peu près le même partout...

C'est là qu'intervient ifttt ! Sous ce nom bizarre se cache l'acronyme "if this then that", que l'on pourrait traduire approximativement par "si ceci, alors faire cela". ifttt permet d'automatiser certaines tâches, en se connectant à divers services sur le web, ce qui nous ouvre alors de multiples possibilités...

» Lire la suite!

Je bloggue de manière très irrégulière. Il y a quelques temps de cela j'avais fait un peu de "teasing" sur un billet concernant la création de boutons en utilisant uniquement les CSS3, et surtout sans utiliser aucune image. Je pensais publier un billet explicatif quelques jours plus tard... Et là je m'aperçoit aujourd'hui que ce billet datait de plus de 4 mois et que je n'avais toujours rien publié !

Bien sûr depuis le temps j'ai égaré les sources qui m'avaient servit d'exemple à l'époque. J'ai du refaire tout cela ce qui implique quelques petites différences dû à des différences au calibrage des effets.

En fait entre temps j'avais voulu profiter de l'occasion pour présenter plus en profondeur les principales nouveautés des CSS3, mais la tâche s'avère bien plus fastidieuse que je ne le pensais. Je vais donc me contenter de détailler pas à pas la création d'un tel bouton...

» Lire la suite!

Dans quelques jours Google devrait élargir la phase de test de son nouvel outil de communication à 100 000 nouveaux volontaires. Google Wave, dont l'ambition est de repenser et fusionner les outils de communications (emails, messagerie instantanée, réseaux sociaux, partage, etc.). Mais il pourrait également devenir le porte-drapeau des prochains standards HTML5 et CSS3, tout comme GMail l'a été pour les technologies AJAX...

Et ce n'est pas complètement par hasard si Google annonce dans le même temps Google Chrome Frame, un plugin permettant d'utiliser le moteur de rendu de son navigateur Chrome directement dans Internet Explorer, afin de bénéficier de tous les avantages de son moteur de rendu (Webkit), sans avoir à changer de navigateur...

» Lire la suite!

Ceux qui ont déjà jeté un coup d'oeil à l'User-Agent de leur navigateur auront sûrement remarqué la présence quasi-constante du terme "Mozilla", et cela quel que soit le navigateur (même Internet Explorer) !

Pour rappel, l'User-Agent est un champ envoyé par les clients Web afin d'informer le serveur sur la nature du client. On devrait normalement y retrouver le nom et la version du navigateur...

Toutefois, depuis le début du web, le petit monde des navigateurs n'a cessé d'évoluer, et à plusieurs reprises un navigateur s'est retrouvé en situation de domination, souvent du fait de ses innovations technologiques. De là est née la notion d'user-agent sniffing, système consistant à présenter le site différemment selon le navigateur utilisé. L'objectif était de pouvoir utiliser ces nouvelles technologies tout en présentant une version simplifié aux autres navigateurs.

C'est à partir de là que l'user-agent à été quelque peu détourné...

» Lire la suite!

Peu de temps après son annonce, la toute première beta publique du navigateur de Google est disponible au téléchargement : Google Chrome.

A noter que Google profite de l'incroyable visibilité de son moteur de recherche pour proposer son nouvel outil, qui n'est disponible qu'en version Windows uniquement pour l'instant...

Plus d'info sur les blogs de developpez.com :

• Chrome : le browser made in Google
• Google Chrome : Google officialise son navigateur Web
• Google lance un navigateur web!!

La rumeur d'un "Google Browser" tournait depuis longtemps, mais c'est désormais officiel : Google travaille sur un projet de navigateur web opensource !

Au menu, on retrouve donc principalement :

• Le moteur de rendu WebKit (utilisé entre autre par Safari, l'iPhone, le futur Android).
• V8, une machine virtuelle JavaScript couplé à un compilateur JIT, qui permettra une compilation à la volée pour de meilleure performance.
• L'intégration de Gears, qui permet d'utiliser des applications web en mode "hors-ligne" et d'utiliser un cache local.
• Un design "multi-process" censé améliorer les performances et limiter les plantages tout en améliorant la sécurité (chaque pages et même chaque plugins possèdent leurs propres processus qui s'exécutent dans une sandbox).

Le tout avec une interface simplifié "à la Google"...

» Lire la suite!

Lorsqu'on développe une applet, on est vite confronté aux contraintes lié à la sécurité, qui fait qu'un bon nombre de fonctionnalités pourtant apparemment basique ne sont pas utilisable directement. Il faut impérativement signer l'application ce qui provoquera l'affichage d'une autorisation d'exécution sur le poste de l'utilisateur.

Tout cela est parfois rageant lorsqu'on doit le faire pour une toute petite fonctionnalité qui peu paraitre tout à fait banale...

J'ai été confronté récemment à un problème similaire sur une application web et du JavaScript : j'avais besoin d'un bout de code me permettant de recopier automatiquement une partie de la page dans le presse-papier. Je n'ai eu aucun problème à implémenter cela sous Internet Explorer :

window.clipboardData.setData("Text", "Texte à copier...");

Malheureusement pour moi cela ne fonctionnait pas sous Firefox...

» Lire la suite!

Je viens de découvrir une petite astuce sur Gmail, qui peut s'avérer bien pratique lorsqu'on doit donner son adresse email. En effet, sur le web il n'est pas rare d'avoir à fournir une adresse email à différent organisme plus ou moins connu, et plus ou moins sûr. Que ce soit pour passer une commande, ou même s'inscrire sur un portail afin de bénéficier de ses avantages et de ses services.

Pourtant, à force de donner notre email à droite et à gauche, on peut se retrouver avec un certain nombre de message publicitaire pas forcément désiré. Et si le filtre antispam fonctionne plutôt bien, il n'a pas de raison de bloquer ce type de courrier plus ou moins légaux puisqu'il propose un moyen de désinscription.

Ceci peut toutefois se révéler assez gênant, surtout que les entreprises se revendent entre eux leurs fichiers de données et qu'on ne peut pas forcément déterminer qui est à l'origine de ce problème.

Mais je viens de découvrir le système d'alias de GMail, et encore une fois Google joue avec les standards (tout en les respectant) pour proposer une fonctionnalité intéressante : un nombre infini d'alias email !

» Lire la suite!

Parmi les nouveautés de Firefox 3.0, on retrouve Places : une refonte complète du gestionnaire de marque-pages et d'historique, qui utilise notamment une base de données SQLite.

A premier vue invisible pour l'utilisateur, Places est quand même à la base de la nouvelle "barre d'adresse intelligente".

Mais elle nous réserve d'autres surprises...

» Lire la suite!

Vous ne l'aurez peut-être pas remarqué, mais les commentaires des billets du blog sont désormais agrémenté d'un petit avatar propre à chaque participant. Il ne s'agit ni plus ni moins que de l'avatar utilisé sur les forums de developpez.com.

Cette fonctionnalité, apparemment toute simple puisqu'il s'agit d'afficher une image, s'est pourtant révélée assez complexe à mettre en place à cause d'un tout petit problème technique...

Comment limiter la taille d'une image en n'utilisant seulement la feuille de styles CSS ?

» Lire la suite!

Un an après sa sortie chaotique, GéoPortail propose déjà une seconde version avec une interface très "Web 2.0" qui vient combler les lacunes de la première version : l'interface s'est grandement amélioré et est nettement plus agréable à l'oeil !

Comme il s'agit toujours d'une version beta, elle ne remplace pas encore la version précédente et vous pouvez donc directement faire la comparaison entre la version actuelle et cette nouvelle version.

Dernier petit détail, il semblerait qu'il y ai eu en même temps un changement de technologie, puisqu'on passe d'une application PHP à une application Web J2EE (tournant sous Tomcat 5.5).

Alors que les CSS 2.1 sont toujours loin d'être totalement implémentés par les principaux navigateurs, certaines spécifications des CSS 3 se rapprochent des recommandations et les navigateurs commencent à les implémenter depuis quelques temps déjà, comme par exemple avec les sélecteurs CSS3.

C'est une bonne chose pour deux raisons :

• Cela permet de prendre une certaine avances sur les spécifications, ce qui n'est pas forcément une mauvaise chose étant données les lenteurs du processus de recommandations du W3C.
• Cela permet surtout de se rendre compte en pratique des possibilités que cela offre.

Et c'est bien sûr ce second point que je veux mettre en valeur ici, via les pseudo-classe :not() et :target :

• :not() permet d'appliquer une négation sur un autre sélecteur.
• :target permet de différencier les éléments correspondant à la cible de l'ancre de l'URL (la partie suivant le # dans l'URL, qui permet généralement de se déplacer plus rapidement au sein d'un document).

A ma connaissance, et sauf erreur, ces deux pseudo-classes ne sont implémentées que par Firefox (et donc tous les navigateurs qui utilisent son moteur Gecko) et Safari (mais que je n'ai pas pu testé car je ne dispose pas de Mac).

» Lire la suite!