Adrênatie : blog d’un webmaster comme les autres

Une archive de liens utiles pour webmaster, avant tout pour moi, mais autant en faire profiter les autres.

En attendant la mise en place, probablement dans CSS 3, et la gestion de cette fonction par les navigateurs, voici une selection de 25 techniques différentes pour obtenir des coins arrondis. Certaines sans javascript, sans images… A vous de choisir.

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

Voici un lien bien pratique, proposant un quantité agréable d’icônes en tout genre et gratuit (Licence GNU).

Ils sont plus adapté à une administration ou tout simplement à votre système d’exploitation, mais vous y trouverez sûrement votre bonheur pour d’autres utilisations.
http://commons.wikimedia.org/wiki/Crystal_Clear

Internet Explorer 8, qui arrivera dans la prochaine mise à jour de Windows, n’est pas en reste niveau compatibilité d’affichage de nos sites. Certains problèmes sont simple à corriger, d’autre moins.

En attendant de trouver une solution réelle et selon l’urgence, voici une ligne qui vous permettra de forcer l’affichage de votre site avec le rendu du moteur d’Internet Explorer 7.

Ajouter tout simplement la ligne suivante dans le head des pages de votre site :

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Cette solution n’est que temporaire bien sur, il faudra s’attaquer à votre code et vos CSS, pour trouver une vraie solution.

  • 0 Comments
  • Filed under: Site Internet
  • Je n’en connais pas la raison mail il arrive parfois à mon Firefox de se retrouvé avec Live comme moteur de recherche à la place de Google.

    Habitude oblige, je tape ma recherche dans la barre d’adresse et non dans le module de recherche en haut à droite. Le résultat d’une recherche sur Live n’étant pas concluent il me faut retrouver mon moteur Google.

    Voici la démarche à effectuer pour configurer votre moteur de recherche par défaut.

    1. Dans la barre d’adresse de Firefox, tapez (ou copiez collez) ceci : about:config
    2. Valider l’ouverture malgré le message d’alerte
    3. Utiliser la ligne filtre et tapez Keyword
    4. Double cliquez sur keyword.URL et changer alors la valeur par celle de votre moteur de recherche favori.

    Pour Google il faut mettre cela : http://www.google.com/search?hl=fr&q=

  • 1 Comment
  • Filed under: Firefox
  • Un menu à onglets avec CSS

    Il existe bon nombre de technique pour créer un menu à onglets en CSS. Voici celle que j’ai retenue pour le moment, elle répond à toutes mes attentes :

    * la taille des onglets doit s’ajuster à la taille d’affichage du texte;
    * l’ordre entre les éléments du menu doit rester le même lorsque la feuille de style est désactivée;
    * l’onglet correspondant à la page en cours ne doit pas être cliquable;
    * la couleur d’un onglet doit changer au survol de la souris ou à la réception du focus au clavier;
    * le fonctionnement du menu ne doit pas dépendre de JavaScript;
    * les fichiers HTML et CSS doivent être valides;
    * le menu doit au minimum fonctionner avec Internet Explorer 6 et 7, Firefox 2 et Opera 9;
    * aucune astuce (hack) CSS ne doit être utilisée.

    Merci à Normand Lamoureux pour sa technique et sont tutorial bien expliqué : http://normandlamoureux.com/cours/css/index.html

  • 0 Comments
  • Filed under: CSS
  • Benjamin D. C. nous livre un article très intéressant sur la propriété display en CSS 2.1

    Il nous démontre comment l’utiliser pour appliquer les avantages des cellules de tableaux à nos balise Div, P etc…

    Un article à lire impérativement http://www.alsacreations.com/tuto/lire/610-Mise-en-page-CSS-avancee-grace-a-la-propriete-display.html

  • 0 Comments
  • Filed under: CSS
  • Vue sur Alsacréations (merci à nouveau Dew), cet article détaillant l’utilitaire CSS Sprite Generator et Sprite Creator, qui vous aideront dans la création de vos fichiers Sprite et les appels CSS.

    http://www.alsacreations.com/actu/lire/693-css-sprites-generator-creator.html

  • 0 Comments
  • Filed under: CSS
  • N’utilisez pas @import

    Merci à Dew (Alsacréations, Strasbourg) pour la traduction de l’article de Steve Souders (travaillant chez Google pour la performance des sites web et des projets open-source et auteur de l’addon YSlow pour Firefox).

    Cet article nous explique en quoi il est peu recommandé d’utiliser la fonction @import de css.
    http://www.alsacreations.com/actu/lire/695-utilisation-style-css-import-link.html

  • 0 Comments
  • Filed under: CSS
  • Je me demande parfois comment je faisais sans Firebug pour Firefox. C’est l’addon ultime, que ce soit pour le code HTML, CSS ou JavaScript. Pouvoir modifier en temps réel le code le DOM, que de plaisir…

    Vous n’avez pas le droit de ne pas l’avoir. Firebug c’est ici

  • 0 Comments
  • Filed under: CSS, Firefox
  • 100 thèmes WordPress gratuit !

    Smashing Magazine nous propose une sélection de 100 thèmes gratuit pour WordPress et de haute qualité.

    http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/

  • 0 Comments
  • Filed under: WordPress
  • Bienvenue sur Adrênatie.com

    Webmaster de profession, j'ai un nombre impressionnant de liens intéressants sur la création de site Internet.

    D'un point de vue pratique, ça ne l'est pas. J'ai donc créé ce blog, pour m'en servir d'archives et en même temps vous en faire profiter.

    Bonne lecture

    Catégories