Archive for the 'Web Design & Development' Category

Tester les Styles CSS

Voici une petite astuce pour tester la feuille de style CSS sans avoir à commenter tout le bloc.
Il suffit juste de mettre un “x” devant le style que vous voulez cacher et c’est tout.

N’oublier pas de l’enlever lors de votre mise en ligne

Exemple:
Style normal (pas de commentaire):

#Div{
font-family: “Helvetica”, Arial, sans-serif;
font-size: 1em;
color: black;
}

Commentaire d’un style normal (”font-size” est commentée):

#Div{
font-family: “Helvetica”, Arial, sans-serif;
/*font-size: 1em;*/
color: black;
}

Commentaire rapide du style (”font-size” est commentée):

#someDivStyle {
font-family: “Helvetica”, Arial, sans-serif;
xfont-size: 1em;
color: black;
}

VIA Behance

Share: Ces icônes sont des liens vers des sites de partage de signet sociaux où les lecteurs peuvent partager et découvrir de nouveaux liens.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists

Tester le design de votre site sur tous les navigateurs

J’ai découvert un service gratuit très pratique pour les webmasters.

En effet Browsershots permet de générer une image de votre site, réalisée avec la plupart des navigateurs internet (Firefox, IE, Safari, Opera, Konqueror,….).

blog ifitcangowrong Browsershot

il vous suffit d’entrer l’adresse de votre site web, de sélectionner les navigateurs à tester, puis d’attendre que le site génère un zip contenant une capture par navigateur.

blog ifitcangowrong browser shot

Seul point noir, vu la demande et la gratuité du service, les captures sont faites par ordre d’arrivée, premier arrivé-premier servit, et cela peut prendre du temps, surtout si vous faites tous les navigateurs.

Pour les pressés ou ceux qui en ont énormément à faire, il est toujours possible de souscrire à la version payante (10 Euros par mois).

Share: Ces icônes sont des liens vers des sites de partage de signet sociaux où les lecteurs peuvent partager et découvrir de nouveaux liens.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists