Les 10 meilleures ressources HTML5 en ligne pour les graphistes

Découverte sur Smashing Hub, cette liste des dix meilleures ressources HTML5 en ligne pour les graphistes va s’avérer très utile pour tous les concepteurs de sites Web. Vous allez y découvrir des outils pour le graphisme, gérer vos sprites, En effet, l’arrivée massive de ce nouveau langage, que j’aborde régulièrement sur le blog, est un nouveau langage de structuration et de présentation pour le contenu sur le Web. Il dispose de nombreuses fonctionnalités telles que l’intégration de la vidéo, de l’audio, des polices, du glisser-déposer, la possibilité de dessiner, etc… Sans plus attendre, voici la sélection des dix meilleures ressources en HTML5 pour les graphistes. Découvrez Online 3D Sketch Tool. Pour tourner votre dessin en 3D, il vous suffit de maintenir enfoncée la touche « espace », puis, de faire glisser horizontalement votre curseur. L’utilisation impressionnante des outils tels que jQuery, CSS3 et HTML5 vous pouvez concevoir vos images en sprites. Il s’agit d’un outil pur HTML5.

Générer des icônes Flat design personnalisées - CfmWeb dans Ressources par Gaëtan 30 janvier 2014 Si vous aimez le style « Flat design », voici un site à ne pas louper : le site Icons DB propose quelques milliers d’icônes customisables en téléchargement gratuit. Le gros plus de ce site est le coté « customisables » qui permet de générer toutes les icônes à la couleur désirée avec un grand choix de tailles allant de 16 à 512 pixels et un large choix de formats (.ICO, .PNG, .JPG, .GIF et ICNS pour les utilisateurs sous Mac). Mots-clésgénérateuriconesoutils Grid System Generator Les community managers en france 2013 -prefix-free, préfixes CSS3 ajoutés automatiquement -prefix-free est un petit fichier JavaScript (2 Ko) développé par Lea Verou, développeuse Web impliquée dans les standards Open Source, CSS3 et JavaScript. Le rôle de ce script est d'ajouter automatiquement des préfixes propriétaires nécessaires à la reconnaissance de certaines propriétés de la spécification CSS3 par les différents navigateurs modernes. Mais quel est le problème ? Les propriétés CSS3 avancées sont intégrées dans les différents navigateurs de manière non concertée et selon le bon vouloir des développeurs de ces butineurs ! -webkit- (pour Chrome, Safari,…) -moz- (pour Firefox, Flock,…) -o- (pour Opera) -ms- (pour Internet Explorer) Les développeurs Web souhaitant d'ores et déjà utiliser ces propriétés CSS sont donc contraints à écrire plusieurs lignes pour que la prise en compte de leur feuille de style se fasse le plus largement possible. Utilité de -prefix-free ? Cette ligne de la feuille de style sera remplacée de la manière suivante pour les utilisateurs de Firefox :

Resources | We Are Visual ׀ Presentation Design and Training CSS3 PIE: CSS3 decorations for IE Migrer son site et préserver son référencement naturel (SEO) Lorsqu’on souhaite refondre son site hébergé sur 1and1.fr, wordpress, Drupal ou autre, il est crucial de ne pas oublier de transférer son SEO. Sans expert SEO, les risques sont importants (perte de positionnement, trafic et liens externes). Cet article se propose de résumer les phases clés du process de migration SEO à savoir : auditer, rediriger, informer et surveiller. Bref, une check-list avec les principaux points à prendre en compte en cas de refonte. 1/ Auditer La première étape est d’auditer votre site: positionnement actuel, indexation, metas, contenus,…. Pour avoir la liste des pages et balises Metas associées, il faut utiliser notamment des outils comme Xenu ou Screaming Frog qui crawlent votre site de la même manière que Googlebot (d’autres user-agent sont disponibles) et vous permettent d’exporter les résultats au format .csv L’objectif étant de pouvoir ré-injecter facilement vos balises Metas sur vos nouvelles pages (ou bien de les optimiser si besoin). 3/ Informer Merci

CSS Button Generator: Create HTML and CSS Button Styles