Webdesign

Tutos Photoshop, formes Illustrator et images libres de droit

Comment réduire le temps de chargement des images : utilisez les CSS Stripes

Publié le 9 octobre 2009 - Developpement Web, Webdesign.

Toujours dans une optique d’optimisation du code CSS, les CSS Sprites sont une méthode très efficace pour réduire le nombre de requêtes effectuées par le serveur, permettant une réduction du temps de chargement des pages, donc un affichage plus rapide. (cf. comment Yahoo! et Aol on amélioré leurs performances – anglais) Cette technique originaire de l’univers des jeux vidéos consiste à grosso-modo à limiter le nombre d’images à charger à partir de notre feuille de style, partant du principe qu’une image commune pour différentes icones est largement plus optimal que plusieurs fichiers séparés de petites icônes. L’exemple donné sur CSS […]

Compacter ses CSS grâce aux propriétés sténographiques (shorthands)

Publié le 6 octobre 2009 - Webdesign.

Outre le fait de séparer le fond de la forme, l’un des principaux avantages des CSS concerne la reduction importante du temps de chargement d’une page. Mais pour que cela soit optimal, il convient également d’optimiser sa feuille de style. Je ne parle pas ici des compresseurs (de type Clean CSS), mais d’optimisation sténographique manuelle (certains outils de compressions proposent cette option avec plus ou moins de résussite) . Rien de neuf donc, mais cette astuce assez souvent ignorée mérite une petite piqure de rappel . Voici les propriétés CSS qu’il est possible de compacter, précédées de la propriété sténo […]

Tester la compatibilité de son site sous IE 5.5, IE6, IE7 et IE8

Publié le 25 septembre 2009 - Outils Webmasters, Webdesign.

Je ne surprendrais personne en annonçant que la plupart des sites internet sont développés sous le navigateur Firefox, principalement en raison de ses nombreux plugins de développement facilitant grandement de développement / debuggage lors de la création de sites Internet. Si la compatibilité entre Firefox, opera, Chrome & co est garantie assez facilement, ce n’est pas vraiment le cas de ce bon vieux IE… Et (malheureusement) force est de constater que bon nombre d’utilisateurs utilisent ce bon vieux Internet Explorer, et qu’il n’est pas possible de les ignorer, ou sinon le risque est grand de voir son site incompatible (aussi […]

Photoshop : des PSD gratuits exeptionnels sur PSD Graphics

Publié le 20 août 2009 - Webdesign.

PSD Graphics, voici un site tout à fait exceptionnel proposant de superbes illustrations au format .PSD pour Photoshop. Le est assez récent (janvier 2009), mais il existe à ce jour déjà plus d’une petite centaine de fichiers PSD à télécharger gratuitement, dont les illustrations sont toutes plus belles les uns que les autres. Une adresse à bookmarker sans plus attendre.

Plus de limitation du nombre de polices de caractères Web

Publié le 2 juin 2009 - Webdesign.

Quel webmestre n’a jamais été au moins une fois frustré de n’avoir le choix qu’entre une minuscule sélection de polices de caractères web ?A mon avis aucun… Et à moins de transformer du texte en image, d’utiliser du flash ou d’autres techniques de substitution cette problématique reste d’actualité : il est quasi impossible d’utiliser n’importe quelle font sur son site. Alors bien sûr cela à ses avantages et inconvénients, mais cela peut vraiment s’avérer très contraignant selon le cas. D’où l’initiative intéressante de Font Burner : Permettre à n’importe quel webmaster / webdesigner d’avoir un choix de 1000 polices de […]

Convertisseur PX vers EM pour vos feuilles de style CSS

Publié le 1 juin 2009 - Webdesign.

Petit utilitaire en ligne sans prétention, PxtoEm vous permet de convertir en ligne la taille de vos différentes polices de caractères du pixel vers l’unité em. Alors quelle intéret de définir ses tailles de police dans cette mesure me direz-vous? Principalement car cela permet d’avoir un affichage garantissant une plus grande accessibilité : les tailles des fonts ne sont plus fixes, mais toutes proportionnelles les unes avec les autres selon une taille de référence définie une seule fois. C’est vraiment très pratique et cet outil faisant la conversion facilement, pourquoi s’en priver? Plus d’information sur cette mesure em et son […]

Identifier des polices de caractères sans connaître leur nom

Publié le 31 mai 2009 - Webdesign.

A l’image de DaFont (proposant plus de 8000 polices de caractères différentes), il existe une bonne quantité de base de données online de fonts tous styles, mais très peu permettent une recherche visuelle. Ainsi il s’avère souvent assez compliqué de trouver rapidement la police de caractère que nous avons en tête pour accompagner un design de site web. Et c’est tout l’intéret de ce Identifont : vous permettre de retrouver la font que vous recherchez à l’aide d’un formulaire visuel multi-étapes passant en revue la plupart des caractéristiques relatives aux polices de caractères. Bien sûr les résultats proposés ne sont […]

Moteur de recherche de tutoriaux photoshop gratuits

Publié le 25 mai 2009 - Webdesign.

Comme c’est souvent le cas chez webstorming, parmi des articles assez inintéressants (à mes yeux) se trouvent de temps à autres de très bonnes trouvailles. Et c’est une nouvelle fois le cas avec Vunchy Search, un moteur de recherche anglophone de tutoriaux photoshop gratuits. Alors qui dit anglophone dit forcément des tutos un peu plus compliqué à suivre (surtout au niveau de la signification des outils/options), néanmoins c’est loin d’être incompréhensible et surtout une source non négligeable. Jugez plutôt : le site référence à ce jour plus de 350 tutos photoshop ! Évidemment ce n’est pas exhaustif et des sites […]

100 thèmes wordpress gratuits de qualité

Publié le 18 mai 2009 - Webdesign.

Comme souvent sur Smashing Magazine, voici une liste de ressources très riche à destination des utilisateurs de WordPress : 100 thèmes wordpress de qualité. Pas grand chose à ajouter si ce n’est qu’il y a vraiment des thèmes sympas, surtout du côté de EZwpthemes.com.

Générateur de rubans en ligne

Publié le 3 avril 2009 - Outils Webmasters, Webdesign.

Personnellement, j’aime bien le côté sobre et moderne des sites (example) affichant une sorte ruban à l’un de leurs coins supérieur. Bien que la façon de les réaliser ne soit pas difficile, il est toujours pratique de gagner un peu de temps via des outils dédiés. Voici donc Quick Ribbon, un générateur en ligne gratuit de ruban pour vos sites internet! Définissez simplement votre texte à afficher (ainsi que son lien) et personnalisez votre ruban selon 4 types formes différentes (postal, droit, arrondi, droit), 8 police de caractères, avec la possibilité de définir jusqu’à 3 couleurs distinctes. Pour mettre à […]