Etude sur les salaires des métiers du web 2012. Ressources: 7 outils pour simplifier l'intégration - ressources-integration. Pour vous webdesigners, voilà 7 outils pour simplifier votre intégration au quotidien.
Dochub, anciennement instaCSS, est une doc dynamique pour (presque) tous les langages qui vous seront utiles durant vos intégrations. CSS, évidemment, mais maintenant HTML, Javascript, et même jQuery et PHP, qui ont fait leur apparition récemment. Un site indispensable. Tout le monde connaît le lorem ipsum, moyen pratique et rapide de récupérer du contenu fictif. *.jpg.to à la même volonté de fournir du contenu fictif simplement et rapidement. Mettez en sous-domaine le domaine que vous recherchez, et le site renverra une image en rapport. Dans la même veine que la ressource précédente, placeholdit permet de générer des placeholder, comprenez par là des images "vides" avec simplement une taille dedans. Edit: merci à @mathieu, qui fournit un lien avec 6 autres placeholders bien sympathiques dans les commentaires CSS Refresh permet de mettre à jour le CSS automatiquement, dès que le fichier est modifié.
PxLoader - Contrôler le chargement de ses ressources en Javascript. PxLoader est un script JS permettant de contrôler le chargement de vos images, sons etc. dans vos sites et applications web.
Si vous lancez un jeu HTML5 ou encore une application très graphique, le temps de chargement des images, sons et autres fichiers lourds est assez significatif. Grâce à PxLoader, vous pourrez précharger ces images et gérer le temps de chargement. Vous pourrez alors proposer un loader pour faire patienter vos visiteurs. Le script est découpé en 3 fichiers: Le fichier principal PxLoader.jsLe fichier qui s'occupe du chargement des images: PxLoaderImage.jsEt celui responsable du chargement des sons: PxLoaderSound.js Le script dispose d'une API permettant aux développeurs de créer d'autres managers de chargement spécialisés. 01.var loader = new PxLoader(), 02. backgroundImg = loader.addImage('images/headerbg.jpg'), 03. treesImg = loader.addImage('images/trees.png'), 04. ufoImg = loader.addImage('images/ufo.png'); 07.loader.addCompletionListener(function() {
Simple Styles for <hr>'s. Un site pour ttes les résolutions (design fluide) La question des dimensions idéales d'un site est souvent posée.
Les résolutions d'écran varient généralement de 800x600 pixels à 1280x960 pixels, en passant par 1024x768. Quelle est donc la résolution à privilégier ? Quelle est la dimension idéale pour un site web ? Les sites web étant conçus avec des éléments graphiques (la plupart du temps) non vectoriels, ceux-ci n'adoptent pas le même rendu selon la résolution de l'écran du visiteur, notamment en terme de répartition horizontale. Faut-il centrer ? Quelques statistiques (2010) 1% d'utilisateurs en 800x600 20% en 1024x768 75% en résolutions supérieures (sources : W3Schools, W3counter) Premier constat : pour toucher un maximum de visiteurs (toutes résolutions confondues), un site doit être conçu sur une résolution minimale de 1024x768, et être consultable (avec ascenseurs) dans les résolutions inférieures.
Tendances actuelles Il existe plusieurs techniques de design qui s'adaptent bien à toutes les résolutions actuelles : Le design fluide.