Skip to main content
indeterminate-checkbox

Indeterminate checkbox

Par défaut, une case à cocher peut être cochée … ou non cochée.

Cela se symbolise de la façon suivante selon la version de HTML:








Mais il existe un troisième état que l’on voit souvent sur des applications « client lourd », notamment lorsqu’on installe une application et que l’on coche ou décoche dans une arborescence.

C’est l’état « indeterminate » alias « ni-coché-ni-décoché » !

Cet état existe aussi pour le web, mais n’est pas accessible en tant qu’attribut HTML (dommage), mais uniquement en tant propriété du DOM (donc via Javascript).
Ce champ est défini dans la spec HTML5 des checkbox.

Il est à noter que cet attribut ne change que l’aspect graphique de la case à cocher, et qu’elle reste considérée comme non-cochée lors de la soumission du formulaire au serveur.

link rel shortcut-icon inutile

Favicon : rel= »shortcut icon » inutile

La plupart des sites utilisent le code suivant pour indiquer le favicon du site :

<link rel="shortcut icon" href="/favicon.ico">

En fait, « shortcut » n’est pas une relation valide.

C’est une propriété propriétaire d’Internet Explorer qui est devenue « standard », disons commune.
Sans IE, la simple attribut rel="icon" serait suffisant.

Nous sommes donc obligé d’utiliser shortcut juste pour IE ?

Et bien non !

Si la valeur « shortcut » n’est pas présente, IE ignore simplement le tag, et cherche un fichier nommé « favicon.ico » à la racine du site.

En pratique, tous les navigateurs récents (Opera, Safari, Chrome, Firefox, Internet Explorer 5+) cherchent un fichier favicon.ico à la racine du site s’ils ne trouvent pas la tag link rel= »icon ».

Dans la norme HTML5, il est même maintenant clairement indiqué qu’en l’absence d’un lien avec la relation icon, le fichier favicon.ico doit être cherché à la racine : http://html5.org/r/5904

De façon général, voici donc les préconisations :

  • économisez quelques octets dans votre HTML
  • économisez quelques secondes de développement pour écrire les deux lignes rel="shortcut icon" et rel="icon"
  • placez simplement un fichier favicon.ico à la racine de votre nom de domaine !

NB : idem pour le fameux fichier robots.txt. Placez-le à la racine, cela évitera les erreurs 404 dues aux moteurs de recherche.

html5-boilerplate

HTML5 Boilerplate v2

les développeurs de HTML5 Boilerplate viennet de sortir la version 2.0 de leur kit de démarrage HTML, CSS et JavaScript afin de pouvoir  créer site et prototypes en HTML5 rapidement.

Pour télécharger cette version de HTML5 Boilerplate v2.0, rendez-vous sur le site officiel HTML5 Boilerplate.

La version 2.0 comporte d’importante modification, notamment l’inclusion de la nouvelle feuille de style de reset normalize.css. Normalize est quelques peu différente de son prédécesseur. Elle conserve les valeurs par défaut des navigateurs et ne fait le reset que des éléments nécessaires à un affichage identique sur tous les navigateurs.

Nouvelle fonctionnalité également dans HTML5 Boilerplate, l’inclusion du support de Respond.js (qui permet de créer des design s’adaptant aux mobiles et tablettes tactiles), des gains de performances notables (jusqu’à 80% à en croire la note de version). Et finalement, avec cette v2,  IE 6 demandera maintenant à l’internaute d’installer Chrome Frame (le futur est en marche).

Pour plus de détails sur les nouveautés HTML5 Boilerplate v2, n’hésitez pas à lire le site officiel et notamment la note de version. Une chose intéressante à noter dans la Foire aux questions (en anglais, désolé) :

Do I need to upgrade my sites to a new version?

Nope. So far there have been no critical bugs within our code that we’ve fixed from version to version. There are some nice changes that reduce your stress, but updating your HTML or CSS to the new stuff is probably more effort than it’s worth.

However, the .htaccess and Build Script you probably didn’t edit and therefore can be dropped into your existing sites with little hassle and likely a significant reward. So feel free to update those, and also update your Modernizr and jQuery versions to the latest versions they have.

chosen

Chosen – moderniser vos listes déroulantes

Chosen est un plugin JavaScript qui rend vos longues listes déroulantes bien plus agréables à utiliser.

Cerise sur la gâteau, il est disponible en tant que plugin jQuery et Prototype, et a déjà été porté sur Motools et Drupal 7.

Pourquoi utiliser Chosen ?

Ergonomie

Au lieu de forcer vos utilisateurs à faire défiler la liste des 36000 communes françaises ou des quasi 200 pays, ils pourront désormais saisir une partie du nom de leur communes/pays pour réduire instantanément cette liste à ce qu’ils cherchent.

Amélioration progressive (Progressive Enhancement)

Chosen est basé sur Javascript, de façon non intrusive. Votre code HTML reste conforme aux standards HTML. Aucun problème pour les ordinateurs n’ayant pas Javascript activé.

De plus, les données postées par le formulaire reste également les mêmes que si la liste déroulante d’origine était utilisée. Aucun traitement particulier n’est donc à prévoir côté serveur.

Installation sans soucis

Ajouter les fichiers de Chosen à votre application et appeler le plugin. Chosen respecte automatiquement les optgroups, les items sélectionnés, l’attribut « multiple » et l’ordre de navigation au clavier (tabulation).

tiny CircleSlider

Tiny Circleslider – un carrousel circulaire

Après les sliders vus et revus, les caroussels en 3D, en voici un petit nouveau, original et élégant, un caroussel circulaire : Tiny Circleslider

Il est basé sur la librairie JQuery et est très léger : 4ko seulement !

Ces principales caractéristiques :

  • Support de l’iPhone, iPad et Android
  • Support du défilement automatique, ou par rotation du « curseur » ou clic sur le rond de l’image à afficher
  • Option de fondu en fin de déplacement
  • Paramétrage du rayon du slider
  • Possibilité d’appel de callback après chaque mouvement
  • Facilement personnalisable
phpFreeChat - un chat gratuit, rapide, simple à installer, paramétrable et multilingue

phpFreeChat : Un serveur de chat libre, simple, rapide et paramétrable

phpFreeChat est un chat gratuit, rapide, simple à installer, paramétrable et multilingue. Le chat permet de créer des salons (/join), de parler en privé, et de modérer les salons (/kick /ban). Par soucis de simplicité, des répertoires et fichiers sont utilisés pour stocker les pseudonymes et les messages. AJAX est utilisé pour mettre à jour sans clignotement la liste des messages et des pseudonymes. Le système de thèmes basé sur les feuilles de styles CSS permet de changer complètement l’apparence et le système de plugin permet d’écrire ses propres routines de stockage (ex: Mysql, IRC backends …) et vos propres commandes de chat !

Convaincu ? Allez voir la démonstration !

Un serveur de chat libre, simple, rapide et paramétrable

Simple

Vous avez seulement 3 lignes de php à copier/coller dans la page de votre choix pour obtenir un chat fonctionnel. En effet, pas besoin de paramétrer une base de donnée Mysql, les conversations sont simplement stockées dans des fichiers. Le chat fonctionnera chez tout le monde car il est basé sur HTTP, il vous suffit donc d’avoir un navigateur Web connecté à internet pour pouvoir discuter. Tous les jeux de caractères sont gérés ! Que vous soyez Russe, Japonais, Turque, Chinois, ou Arabe, tous les caractères s’afficheront car phpfreechat utilise UTF8 pour coder les caractères.

Rapide

La technologie AJAX est utilisée pour afficher périodiquement et sans effets de clignotement les nouveaux messages et les nouvelles personnes connectées. Les conversations sont stockées dans des fichiers, les ressources du serveur sont donc économisées au maximum. La bande passante est économisée car le serveur ne transmettra jamais deux fois les mêmes informations : seulement les nouveaux messages sont transmis.

Paramétrable

Vous pouvez écrire vos feuilles de style (CSS) personnalisées pour changer complètement l’apparence de votre chat. Toutes les fonctionnalités du chat ont été rendues paramétrables. Par exemple, vous pouvez changer le temps de mise à jour des messages, vous pouvez interdire aux utilisateurs de changer leur pseudo… Vous pouvez également, grâce au système de plugin, écrire vos propres routines de stockage si vous préférez stocker les conversations dans votre base de données.

Libre

phpFreeChat est développé en opensource (LGPL), vous pouvez donc librement utiliser le programme et le modifier. Je demande juste, par gratitude, de ne pas enlever la signature logo sur les pages de votre chat. Consultez la page licence pour plus d’informations.

Toutes les commandes de phpFreeChat sont inspirées du protocole irc, et son interface est inspirée de mIRC et XChat, vos utilisateurs ne seront donc pas dépaysés.

Les technologies utilisées par phpFreeChat sont :

  • php : pour le coté serveur, les conversations sont simplement enregistrées dans des fichiers
  • xajax : pour la communication asynchrone entre le client et le serveur