Créer facilement une palette de couleurs accessibles

L'accessibilité des couleurs et les contraintes liées au contraste ont souvent mauvaise presse auprès des designers. Certains craignent que les contraintes d’accessibilité des couleurs limitent leur palette et par la même occasion leur créativité. D’autres pensent (à tort) que l’accessibilité des couleurs n’est réservée qu’à une infime partie de la population atteinte de handicaps visuels comme le daltonisme, hors de la cible de leur site. Voici un petit tutoriel, pas à pas, pour créer une palette de couleurs accessible, sans avoir pour autant à brider sa créativité. Cet article est une traduction de mon article en anglais Tips to Create an Accessible and Contrasted Color Palette. Le contraste est une partie très importante dans le design d’un site web : il va aider vos utilisateurs à lire facilement le texte et à comprendre vos contenus. Outils pour mesurer le contraste Le contraste se mesure entre la couleur d’arrière-plan et la couleur de premier plan (souvent le texte). Conclusion

jQuery Quick and Easy jQuery Image Swap Here is a very quick and easy way to implement image swap on hover on your website using jQuery. With the jQuery javascript library already added to your website add the following javascript code between the head tags in your web page: Then simply create your 2 images – normal state called xxxxxx_off.jpg and the hover state xxxxxx_on.jpg, add the css class “img-swap” to the image tag in your html and jQuery will do the rest … see demo below: Additional Notes: Refer to our later blog post – Create An Image Preloader For Image Swap Function Using jQuery – for a preload function to improve the image swap performance. For an example on how to use this to create a very simple jQuery gallery check out our tutorial – jQuery Image Swap Gallery.

MC Benveniste- Cours HTML- CSS - Dreamweaver - Fireworks - Jquery pour web designers Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web Comment Installer Drupal 7 avec WAMP ? (Partie II) | Learning Drupal Installez la dernière version de Drupal ! Dans cette deuxième partie vous découvrirez, étapes par étapes, comment installer Drupal 7 sur WAMP. 1 – Télécharger Drupal 7 sur le site officiel: 2 - Choisissez la version 7.x et cliquer sur zip 3 - Attendre quelques minutes le temps du téléchargement....ZzzzZzzzz... 4 – Décompressez l'archive dans le fichier www de wamp: C:\wamp\www 5 – Création de la base de données. Nous devons créer une base de données pour stocker des informations telles que le nom des utilisateurs et leurs permissions. 6 – Créez une nouvelle base de données, Nommé la drupal en minuscule puis cliquer sur Créer ou Create. 7 - Ouvrez votre navigateur préféré et dans la barre d'adresse entrer: localhost. 8 – Dans Vos projets, cliqué sur Drupal-7.x. 9 – Choisissez l'installation standard et cliquer sur Save and continue. 11 – Cliquer sur Save and continue, nous configurerons la langue par défaut de Drupal dans un autre tutorial. 15 – Et voila ! Notes:

Peter Arvai (Prezi) : "30 millions de personnes ont déjà réalisé une présentation sur Prezi" Créé en 2008, le concurrent 100% Web de Powerpoint compte aujourd'hui 170 salariés. Son CEO et cofondateur fait le point sur le développement de la start-up. JDN. Pouvez-vous présenter Prezi en quelques mots ? Peter Arvai. Comment fonctionne Prezi et quels sont ses différences avec un outil comme Powerpoint ? Powerpoint est un outil qui va découper votre présentation en plusieurs slides et enchaîner les images de manière linéaire. Il est bien entendu possible d'y ajouter du texte, des images ou des vidéos. Quels sont les bénéfices de ce mode de présentation par rapport aux outils concurrents ? Nous avons beaucoup discuté avec des chercheurs des Universités de Harvard et de Stanford pour comprendre comment fonctionnait notre cerveau. C'est pourquoi nous pensons que notre mode de présentation permet de rendre plus clair et plus compréhensible une présentation car le public sait d'où il part et où il va. Votre business model est plutôt original.