VIDEO COPILOT | After Effects Tutorials, Plug-ins and Stock Footage for Post Production Professionals. Toutes nos formations vidéos sur le motion design. CSSDA - Web Design Awards & Inspiration For Solo Designers, Studios & Agencies. Designers interactifs › Actualités › Actu › Veille du mois de décembre 2013 : interfaces volumiques, écrans flexibles, objets connectés. 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. Css margin - définition margin css (feuille de style css) et compatiblité navigateurs | ZONE CSS margin et sa relation avec les balises. Comprendre Les compositions, les calques et les effets | Formation débutant sur AE. Tutorial9 - The Best Resources for Designers, Every Day. 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. CSS3 Generator | CSS3 Tools and Snippets | CSS3Gen. MC Benveniste- Cours HTML- CSS - Dreamweaver - Fireworks - Jquery pour web designers. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. Création de présentation originale sans Powerpoint. 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: FullPage.js One Page Scroll Site Plugin. 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. Prezi est un outil permettant de réaliser simplement des présentations élégantes. Aujourd'hui ce sont près de 30 millions de personnes qui ont déjà réalisé une présentation avec Prezi. 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. Votre business model est plutôt original.