Animations HTML5 avec Hype3

Tumult Hype 3 est une application pour OS X, elle permet de créer des animations HTM5 très facilement grâce à une interface complète. Hype3 introduit la possibilité de créer des mises en page responsive pour vos projets web. Cette nouvelle version simplifie aussi les animations avec la notion d’objets physiques qui réagissent naturellement sans avoir à taper la […]

Sauvegardes automatiques de vos sites web.

Faire des sauvegardes du contenu ou des bases de données de vos site peut s’avérer être long et pas si pratique quand vous copiez des fichiers volumineux. Maintenant vous avez l’occasion de tout faire plus simplement et plus rapidement grace à l’outil en ligne Mover. Mover permet de programmer les sauvegardes vos sites web et […]

10 outils pour tester la compatibilité de votre site.

Aujourd’hui nous allons voir comment tester si votre site est 100% compatible avec tous les navigateurs. Il existe 5 navigateurs se partagent le marché de la navigation et chaque personne/internaute à sa préférence. C’est pourquoi il est important de s’assurer que votre site s’affiche correctement sur un maximum de navigateurs. Voici donc la liste des sites […]

5 Plugins Photoshop pour l’integration et le webdesign.

Pixel Dropr Pixel Dropr est un plugin Photoshop qui vous permet de glisser / déposer des icones directement sur vos documents photoshop, comme un bouton, une icône et beaucoup plus! Proposé au prix de 19$, il vous fera gagner du temps en vous évitant de devoir chercher dans vos dossiers de ressources. Guide Guide Grâce […]

Les générateurs de police d’icônes (icon fonts)

Les icônes sont de plus en plus utilisées par les webdesigner. Nous avons l’habitude d’utiliser le format PNG, GIF ou même des images sprites pour nos icônes. Aujourd’hui je vous propose de découvrir les polices d’icônes (icon fonts). Cette technique permet d’utiliser des icônes comme des police d’écriture (web font). Les avantages: Changer facilement la […]

DareBoost [Analyse et conseil en performance et qualité web]

DareBoost est un outil d’analyse et de monitoring en qualité et performance web. Obtenez en quelques instants les bonnes pratiques du web et des conseils experts au sein d’un rapport sur mesure. Saisissez l’adresse du site à tester, puis lancez l’analyse. Vous obtenez un rapport complet. Ce dernier vous indique le temps de chargement, le […]

Reduisez le poids de vos images avec JPEGmini

JPEGmini est capable de réduire considérablement le poids de vos photos. C’est indispensable afin d’optimiser le chargement de vos pages web. Contrairement à d’autres outils ou scripts de compressions, JPEGmini réduit le poids de vos photos jusqu’à 5 fois tout en gardant la qualité d’origine.  Essayez la version web gratuitement sur le site officiel

SpriteCow [Générateur CSS pour images sprites]

Sprite Cow vous simplie la vie!  Cet outils vous permet de récupérer le background-position d’un élément sur vos Sprites. C’est très simple: – Uploadez votre image sprite – Si le fond de votre image n’est pas transparent, précisez le background grâce à la pipette (Pick Background) – Sélectionnez l’élément dont vous souhaitez récupérer la position(Select […]

CSS Lint

CSS Lint est une application Web qui permet de voir les erreurs potentielles de votre code CSS et comment l’optimiser. En utilisant CSS Lint vous êtes sure que votre CSS réponde aux normes W3C. Il vous affichera les erreurs, les avertissements et même la compatibilité des propriétés CSS avec différents navigateurs. Essayez CSS Lint sur […]

Wave Report

Wave est un outils en ligne permettant d’évaluer accessibilité d’un site. Ainsi vous pouvez voir si la structure du site est correcte et que vous n’avez rien oubliée. De plus vous pouvez vérifier le rapport de contraste entre tous les éléments du site. Pour rappel: un design doit avoir un rapport de contraste d’au moins […]