Azur Dev » HTML & CSS

Modifier les pages web dans son navigateur

David — Mon, 09 Feb 2009 20:40:05 +0000

Il est possible de se servir de n'importe quel navigateur comme d'un éditeur HTML.

La page n'est bien sûr pas réellement modifiée, il suffit d'actualiser pour la retrouver telle quelle. Mais cela permet de faire facilement quelques tests sur n'importe quel site Internet:

Vérifier le rendu avec un titre très long, au contraire avec un article est très petit. On peut ainsi tester la "résistance" de sa présentation aux modifications de texte.
Modifier un titre ou une colonne pour voir si c'est plus joli visuellement.
Même déplacer ou redimensionner des images.

[...] Lire la suite de Modifier les pages web dans son navigateur (180 mots)

Validation Javascript des commentaires

David — Tue, 25 Nov 2008 19:13:02 +0000

Par défaut dans les blogs, quand on poste un commentaire invalide (un champ n'a pas été rempli, l'adresse électronique est invalide...) on arrive sur une page d'erreur. Cela a malheureusement les inconvénients:

d'être souvent une page standard du blog, toute blanche, sans votre thème,
de nécessiter le chargement d'une nouvelle page,
puis il faut revenir à la page précédente pour corriger son commentaire.

Dans cet article je vais vous montrer comment vérifier les champs des commentaires sur votre blog instantanément en Javascript en affichant une boite de dialogue d'erreur s'il manque quelque chose.

[...] Lire la suite de Validation Javascript des commentaires (275 mots)

Publicité vidéo Alti

David — Sun, 19 Oct 2008 18:29:34 +0000

ALTI, société de conseil et d'ingénierie en systèmes d'information, innove dans le domaine du recrutement en proposant une série de vidéos humoristiques. [...] Lire la suite de Publicité vidéo Alti (88 mots)

Flash avec du HTML valide dans TinyMCE et Wordpress

David — Sun, 24 Aug 2008 14:21:31 +0000

Cette extension n'est plus nécessaire depuis fin 2008 et la version 3.2.1 de TinyMCE, incluse dans Wordpress 2.7.1!

Les puristes le savent, avoir un code HTML valide est très important, non seulement pour participer à l'effort de standardisation du web, mais aussi pour le référencement et la compatibilité avec tous les navigateurs présents ou futurs.

Le problème

Beaucoup de CMS et de blogs utilisent l'éditeur WYSIWYG gratuit TinyMCE. Wordpress à partir de 2.5 inclus la version 3 de cet éditeur qui fait du code HTML entièrement correct sauf pour le Flash et les vidéos (Real, WMV, Quicktime)!

[...] Lire la suite de Flash avec du HTML valide dans TinyMCE et Wordpress (323 mots)

Le bon code HTML pour insérer du Flash

David — Tue, 29 Jul 2008 18:35:33 +0000

Il faut dire qu'on est pas aidé, partout on nous propose d'inclure des vidéos ou des animations Flash avec du code erroné. À part quelques développeurs pointilleux, la plupart des gens copie-colle le code donné sans même savoir que la balise n'existe pas en HTML!

En plus le code correct est beaucoup plus simple et plus court.

[...] Lire la suite de Le bon code HTML pour insérer du Flash (378 mots)

Oh un site tout nu! «CSS naked day 2008»

David — Tue, 08 Apr 2008 19:48:09 +0000

Aujourd'hui c'est le "CSS naked day". Pour promouvoir les standards de développement web, il est proposé aux webmasters d'enlever la feuille de style CSS de leur site.

Le résultats sur les "bons" sites, c'est à dire séparant bien le contenu de la présentation tel que recommandé par le W3C, devrait être un site tout noir et blanc avec une disposition très différente de la normale.

Voilà pourquoi aujourd'hui mon site est tout noir et blanc...

[...] Lire la suite de Oh un site tout nu! «CSS naked day 2008» (96 mots)

Bien démarrer avec les CSS

David — Thu, 03 Apr 2008 18:13:52 +0000

Les développeurs web sont de plus en plus formés directement aux CSS au lieu de la vielle présentation en tableaux. Toutefois certains sont toujours dans la transition et trouve cela compliqué.

Petit guide des choses à penser avant de se jeter dans le code.

[...] Lire la suite de Bien démarrer avec les CSS (506 mots)

Javascript ou CSS dynamique en PHP

David — Thu, 31 Jan 2008 17:11:35 +0000

On pense souvent que PHP ne peut créer que des pages HTML, mais on peut bien sûr s'en servir pour créer toutes sortes de contenus textuels: fichiers Javascript, CSS ou XML (dont flux RSS) mais aussi des images ou des fichiers PDF.

Nous verrons le reste plus tard, commençons par Javascript ou CSS.

[...] Lire la suite de Javascript ou CSS dynamique en PHP (357 mots)

Infobulles en CSS

David — Thu, 10 Jan 2008 19:18:35 +0000

Commençons par quelque chose de simple, faire apparaitre des info-bulles personnalisées sans utiliser Javascript mais uniquement la pseudo-classe CSS :hover.

Commençons par écrire l'HTML, avec des liens qui nécessitent de l'information supplémentaire, qui apparaitra uniquement au passage de la souris. (Ceci est possible avec autre chose que des liens, mais cela ne fonctionnera pas dans IE <7.)

[...] Lire la suite de Infobulles en CSS (397 mots)