jeudi, février 18 2010

Imposer l'objet du mail à la commande mailto

mail

La fonction "mailto" permet de créer un lien vers une adresse mail en appelant le logiciel de messagerie de l'internaute. Cette commande extrêmement simple à utiliser s'appelle de la façon suivante via la balise <a> de HTML :

<a href="mailto:adressemail@fournisseur.fr">Lien vers le mail</a>

Vous pouvez également si vous le souhaitez, imposer le sujet du mail afin que ce dernier s'affiche automatiquement dans la fenêtre de la messagerie de l'internaute lors de la création du nouveau message. 

Lire la suite...

mardi, janvier 12 2010

Afficher automatiquement l'année en cours avec Javascript

anneeTout site qui se respecte affiche un symbole copyright (©) suivi ou précédé de l'année en cours dans le pied-de-page (ou footer). Cette simple phrase donne un côté "professionnel" à votre site tout en affichant votre volonté de protéger le contenu éditorial de vos pages.

Or il est très fréquent de tomber sur des sites dont l'année affichée dans le pied-de-page est obsolète, ce qui décrédibilise fortement le site aux yeux de l'internaute en lui laissant penser que ce dernier n'est pas régulièrement mis à jour.

Voici donc une astuce qui vous permettra de ne plus passer vos lendemains de nouvel an à ouvrir un à un tous les pieds de page de tous vos sites pour mettre l'année à jour !

Lire la suite...

jeudi, décembre 3 2009

Lancer une galerie Lightbox à partir d'un Flash

Lightbox est un plugin Jquery permettant de créer des galeries d'images très facilement avec un rendu graphique pro. J'invite ceux qui ne connaitraient pas encore ce fabuleux outil à le découvrir via les quelques exemples mis en ligne sur le site officiel de Lightbox.

L'installation et l'appel d'une lightbox sont très simples à paramétrer à partir d'une page HTML et il existe moult ressources en téléchargement sur ce sujet. En revanche, le lancement d'une galerie Lightbox à partir d'un bouton Flash se révèle un peu plus compliqué, et vous aurez besoin de tout le talent de votre généreux Beladom pour vous guider!

Lire la suite...

lundi, septembre 7 2009

Créer un bouton de retour à la page précédente en Javascript

Il est souvent nécessaire de créer un bouton de retour à l'historique pour optimiser la navigation de vos visiteurs. Pour se faire, rien de tel qu'un petit code en Javscript !

Vous allez voir, c'est très simple. Il suffit d'appeler l'objet "history" de Javascript et de lui attribuer la méthode "back" qui va vous permettre de retrouver la dernière page visitée, comme le code suivant :

Lire la suite...

dimanche, août 16 2009

Générer des textes avec Lipsum

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet turpis risus, ac sodales quam. Nunc ultricies nisl vel enim ultricies faucibus. Mauris mollis, augue sit amet condimentum sodales, justo nunc interdum felis, et tincidunt dui ante nec tellus."

Pour ceux qui se demanderait d'où provient cet étrange dialecte, n'ayez crainte, il s'agit de Lipsum! Autrement dit un générateur de texte gratuit en ligne, disponible à l'adresse suivante : http://www.lipsum.com/

Lipsum - Le générateur de texte

Un générateur de texte pour quoi faire?

Lipsum est un outil aussi simple que pratique, en effet il permet au webmaster aguerri que vous êtes d'avoir un aperçu concret de vos mises en page. Vous évitez ainsi les interminables copier-coller de texte type "Blablablablablablabla" ou encore les pages vides ayant pour unique contenu : "Mon texte ici!".

Rien de révolutionnaire donc mais une petite application fort utile dont vous ne pourrez rapidement plus vous passer!

mardi, août 4 2009

Centrer son site avec les CSS

Centrer ses pages dans la fenêtre du navigateur de l'internaute offre bien souvent un grand nombre d'avantages! En effet, outre le rendu professionnel et les qualités esthétiques qu'il apporte à votre site, un bon centrage vous permet de proposer le consensus graphique le plus efficace par rapport aux multiple résolutions d'écran sur lesquelles vos pages sont susceptible d'être affichées.

Les feuilles de style sont indispensables pour ...

Lire la suite...

mercredi, juillet 29 2009

Choisissez les bonnes couleurs pour votre charte graphique avec Adobe Kuler

Choisir la gamme et les tonalités de couleurs de son site n'est jamais chose facile, surtout avec des connaissances limitées en infographie. Alors si vous êtes du genre à marier un texte bleu et un fond marron et à trouver ça joli, rangez vos pipettes et jeter un œil à Adobe Kuler. Cette application gratuite mis à disposition par Adobe sur son site vous permet de visualiser tout un éventail de déclinaisons de couleurs pour élaborer vos chartes graphiques en restant dans le bon goût!



L'outil est relativement simple à utiliser puisqu'il vous suffit de faire une recherche par thèmes, popularités, etc. et de récupérer les codes hexadécimaux de chaque couleur pour vous les approprier. Vous pouvez également créer et éditer les thèmes déjà en ligne.



Rendez-vous sur http://kuler.adobe.com/

vendredi, juillet 24 2009

Corriger les bugs d'Internet Explorer dans vos CSS

Tout webmaster aguerri sait à quel point il est long et fastidieux de corriger les bugs d'affichage de Internet Explorer 6 (et éventuellement Internet Explorer 7). Pour contourner les failles du navigateur de Microsoft, il est possible de créer une feuille de style spécifique au navigateur de Microsoft (en utilisant les commentaires conditionnels) mais si vous n'avez qu'un nombre limité de bugs à corriger je vous recommande l'utilisation d'un hack. Pour se faire, insérez la ligne de commande * html devant le code CSS que vous souhaitez corriger de façon à obtenir quelque chose de ce type:

#mondiv {
/* code de mon div pour navigateurs plus récent que IE6 */
}

* html #mondiv {
/* code pour corriger le bug d'affichage d'internet Explorer 6 */
}

Vous pouvez également corriger les bugs d'affichage d'Internet Explorer 7 sur le même principe, en ajoutant *+html à votre code:

#mondiv {
/* code de mon div pour navigateurs plus récent que IE7 */
}

*+html #mondiv {
/* code pour corriger le bug d'affichage d'internet Explorer 7 */
}

Plus d'informations sur la personnalisation des feuilles de style pour chaque navigateur, cliquez ici!

mardi, juillet 21 2009

Supprimer la bodure autour d'un swf dans Firefox

Pour supprimer le léger cadre qui apparait sous Firefox lorsque vous insérez un fichier .swf, il vous suffit d'inclure les lignes de codes suivantes dans votre feuille de style:


object:active, div:active {
outline: none;
}

object:focus, div:focus {
-moz-outline-style: none;
}

lundi, juillet 20 2009

Bienvenue sur BELABLOG!

Amis blogueurs, amies blogueuses,

Bienvenue sur le BELABLOG (prononcez BILA!), le blog consacré aux techniques du webmastering sous toutes ses formes! Au programme, des conseils & astuces sur l'ensemble langages et technologies du web (xhtml, css, Javascript, php, mysql, actionscript, etc.), des tutoriels en ligne, et des liens vers les bons plans de la toile!

Enjoy ...