Archives par mot-clé : tutorial

Tuto : créer un tableau HTML avec une première ligne fixe avec CSS et JQuery

Lorsqu’un tableau HTML est long, il est utile de pouvoir bloquer la première ligne afin de l’avoir visible lorsqu’on parcourt son contenu. On utilisera pour cela des balises HTML très peu usitées, et qui ont donc conservé une aura de mystère : THEAD et TBODY. Il suffit de leur appliquer un peu de CSS pour bloquer l’une et scroller l’autre.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , | 5 commentaires

Des dégradés sans image avec Firefox 3.5 (et CSS 3)

Arc en ciel

L’implémentation de -moz-box-shadow par Firefox 3.5 nous promet de belles heures d’amusement. Non seulement elle permet de créer une ombre portée sur un bloc, mais, associée aux couleurs RGBA (avec alpha-channel) et à la propriété inset, elle vous autorise à créer des ombrages internes subtils sans recourir à des images. Exemples et explications…

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , | 6 commentaires

Afficher un compteur sous forme de jauge en HTML

Pour afficher de manière graphique un chiffre qui évolue entre une valeur minimale et une valeur maximale, la jauge est un outil très pratique. A l’image du thermomètre, elle est compréhensible du premier coup d’oeil et sa mise en oeuvre en HTML est d’une simplicité enfantine. Explications.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , , | 5 commentaires

Le retour des tables HTML via CSS (la guerre est finie)

Le retour des tables

On vous disait depuis des années que les tables, c’était pas bien pour la mise en page. Eh bien aujourd’hui, Digital Web Magazine, ardent défenseur du web sémantique et du positionnement en CSS nous donne une nouvelle leçon : les tables sont de retour. Une chance d’en finir avec l’un des casse-têtes les plus complexes que les webdesigners ont rencontré depuis l’abandon des tables de layout.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , | 3 commentaires

Vos utilisateurs buggent ? Quelques pièges à éviter dans vos applications en ligne

Salle des machines : le tableau de bord du technicien

A mesure qu’il s’immisce dans tous les aspects de notre vie, le Web cesse d’être un joujou pour les technophiles et concerne de plus en plus des publics que l’informatique effraie, voire rebute. Il est de la responsabilité du designer de prendre en compte ces publics en repoussant l’aspect anxiogène des interfaces. Voici quelques pièges à éviter.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , | 6 commentaires

7 pratiques Javascript qui changent la vie

Ajax, javascript et le DOM avaient l'allure de gadgets peu fiables

A l’époque où le mot Ajax évoquait encore un produit d’entretien, où le DOM était un territoire d’outre Web, et où l’idée de faire des applications dynamiques sur le Web paraissait extrèmement utopique, Javascript avait l’allure d’un gadget peu fiable. Il ne me serait jamais venu à l’esprit que ce langage soit évolué, stable et puissant. Et que son apprentissage soit aussi semé d’embuches… Après des mois de pratique intensive et d’arrachage de cheveux, voici quelques-uns des trucs que j’ai appris.

  1. La fonction $()
  2. L’objet littéral
  3. JSON
  4. Yahoo UI (ou autre framework)
  5. La capture d’évenements
  6. Le Javascript gzippé
  7. Les outils de débuggage

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , , , , | 7 commentaires

Tutorial MySQL : alléger des requêtes successives avec CREATE TEMPORARY TABLE

Travailler avec des tables SQL de 30 Mo pour en triturer les données est une épreuve capable de mettre à genoux votre serveur dédié de compétition. La fonction CREATE TEMPORARY TABLE peut vous aider à alléger grandement les performances. Etude de cas sur une application de statistiques de visite et autres optimisations possibles.

Continuer la lecture

Publié dans Développement PHP | Marqué avec , , , , , | 8 commentaires

Tutorial PHP : chronométrer le temps de calcul des requêtes SQL (benchmark)

Pour ceux qui ne l’auraient pas encore, voici la fameuse recette du benchmark maison au coulis de microtime. Ou comment chronométrer le temps de calcul imposé au serveur par chacune des séquences de votre script. Cela permet de repérer les goulets d’étranglement, qu’il s’agisse de requêtes SQL ou de boucles de code PHP mal optimisés.

Continuer la lecture

Publié dans Développement PHP | Marqué avec , , , , , | 3 commentaires

Tutoriel PHP : pourquoi passer au développement orienté objet ?

Ce que j’aurais toujours voulu savoir sur la programmation orientée objet sans jamais le trouver. Cette introduction est destinée à fournir des idées claires pour aborder la POO dans PHP. Continuer la lecture

Publié dans Développement PHP | Marqué avec , , , , | 25 commentaires

Quelle est la meilleure architecture pour votre site Web ?

La syntaxe du HTML a peu évolué depuis une dizaine d’années. On peut même constater depuis quelques temps un retour aux sources avec le balisage sémantique. A contrario, l’architecture des sites a profondément changé. Aujourd’hui, le webdesigner dispose de nombreuses options pour structurer son site sans s’arracher les cheveux à le maintenir et le faire évoluer. Je vais évoquer les méthodes les plus fréquentes. Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , | 8 commentaires