SVG : un format d’image… dynamique !

SVG : un format d’image… dynamique !

Difficulté

php xml htmlcss

Le Scalable Vector Graphics ou SVG est un format d’image vectoriel, et se présente sous la forme d’un document xml.

Vectoriel, il est donc très léger. Par exemple, l’image sur laquelle nous allons travailler pèse 6Ko, contre 15ko pour sa version png et 66Ko pour sa version jpg.

A noter : la plupart des navigateurs supporte ce format depuis quelques années déjà.

Sa DTD est décrite par le W3C, et le document est en fait un XML avec des balises spécifiques.
Voyons un peu plus en détail son contenu :

Lire la suite…

Le Redirect htaccess par la pratique

0
Le Redirect htaccess par la pratique

Difficulté

Apache

Redirection temporaire pour une maintenance ou une mise à jour…
Redirection définitive suite à une optimisation de référencement…

Voyons comment rediriger une page ou un répertoire d’un site vers une autre page ou un autre répertoire à l’aide de la directive apache Redirect gérée par le module mod_alias…

Il existe de nombreux tutoriaux à ce sujet, mais je n’en ai pas trouvé avec une liste d’exemples en fonction de ce qu’on veux rediriger.
J’ai donc fait un petit mémo utile quand on n’utilise pas ces directives apache tous les jours.

Lire la suite…

Afficher un flux RSS avec SimpleXml

0
Afficher un flux RSS avec SimpleXml

Difficulté

php xmljavascript htmlcss

Un flux RSS est un document de format xml qui contient des balises normalisées contenant le titre, le lien vers l’actualité et la description de l’actualité.

Nous avons déjà vu comment afficher un flux avec la librairie Dom de php5.

Aujourd’hui, nous allons utiliser la librairie simplexml, incluse également par défaut à php5.
Comme son nom l’indique, cette librairie est simple d’utilisation pour tout habitué des tableaux associatifs multidimensionnels.

Lire la suite…

Afficher un flux Rss avec l’objet Dom de php5

0
Afficher un flux Rss avec l’objet Dom de php5

Difficulté

php xml javascripthtmlcss

Un flux RSS ou Atom est un document de format xml qui contient des balises normalisées contenant le titre, le lien vers l’actualité et la description de l’actualité.

Ce sont les contenus de ces balises que nous allons récupérer pour les afficher, et nous allons utiliser le DOM de php5, une librairie incluse par défaut à php5
J’ai choisi d’afficher le flux de ce site avec une petite « bulle » affichant le début de la description de l’actu.

Lire la suite…

Jquery vs mootools pour un effet « fancy » sous vos menus

0
Jquery vs mootools pour un effet « fancy » sous vos menus

Difficulté

JQuery Mootools htmlcss

Avec le développement des bibliothèques de script pour Javascript, il devient difficile de choisir l’utilisation de l’une ou l’autre.

Aujourd’hui, je me suis penchée sur Mootools, que vous pouvez télécharger ici.
J’ai appris à coder directement à l’aide des fonctions javascript du DOM
Découvrir ensuite JQuery (que vous pouvez télécharger ici m’a bien simplifié les choses !
Plus de problèmes de compatibilité inter navigateur
Une syntaxe simplifiée, un accès aux éléments facilités grâce à sélecteurs css, des animations et effets faciles à programmer, des appels Ajax facilités…

Développant de plus en plus régulièrement sur Joomla, je commence donc à m’intéresser à Mootools, bibliothèque incluse nativement à ce CMS.

Lire la suite…

De l’utilité sémantique des tableaux html…

0
De l’utilité sémantique des tableaux html…

Difficulté

htmlcss

« Les tableaux doivent être bannis ! »

On nous le dit depuis le développement du web dit « sémantique » : les tableaux doivent être bannis dans la construction des sites….
Alors on n’en parle plus…
Et on ne fait plus de tableaux.
Très bien… Sauf que…
Quand on a besoin d’un tableau, je veux dire un « vrai » tableau, avec des lignes et des colonnes, alors là, on se rappelle vaguement de : <table> <tr> <td>.

Mais un tableau, c’est un peu plus que ça. Surtout en le couplant au css :
Alors, voyons les balises moins connues :

Lire la suite…