Webdesign
Générateur de Menus CSS
Dans la lignée du célèbre CCS Play ou de Free CSS, voici CSS Menu Maker, un site complémentaire vous permettant d’obtenir clé en main des menus CSS plutôt sympas. Le choix est nettement moins important que sur CSS Play, mais les exemples peuvent donner des idées intéressantes.
Illustrations et formes vectorielles gratuites
A l’image des formes vectorielles gratuites pour Illustrator dont j’avais parlé il a quelques temps, voici un excellent complément pour parfaire vos illustrations vectorielles : VectorPortal. Il s’agit ni plus ni moins que d’une banque d’illustrations 100% gratuites, mais à priori (de ce que j’ai pu voir) également originales (la plupart des sites ne sont que de simples copies de concurrents). En cherchant bien, on trouve vraiment des formes vectorielles intéressantes, même s’il faut bien l’avouer il y a pas mal de déchet. Voici les principales catégories d’illustrations proposées : • Eléments graphiques • Fonds • Cliparts vectoriels • Bannières [...]
Comment réduire le temps de chargement des images : utilisez les CSS Stripes
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)
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
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
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
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
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
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
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 [...]
