background preloader

Form Follows Function

Form Follows Function

http://fff.cmiscm.com/#!/main

Related:  n.aFront-endWeb/HTML5(CSS3, JS...)site WebDesign

Signification des couleurs . Sur la demande de plusieurs clients et stagiaires, les consultants-rédacteurs de Trinity Advise se sont mobilisés pour vous proposer un dossier complet sur les codes couleurs web et la signification des couleurs pour Internet. Vecteurs de cohérence graphique, les couleurs dictent de nombreux comportements à l’inconscient de l’internaute. Elle génèrent des réactions et des émotions que nous ne savons pas concrètement évaluer et chiffrer en e-marketing, sauf avec les nouveaux outils de test d’ergonomie web (eye tracking, mouse tracking, neuromarketing).

jQuery – Effet smooth scroll (défilement fluide) - Tutoriels Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 110 465 fois. L’effet de scroll fluide est déjà intégré, en fonction de vos paramètres utilisateur, sur certains navigateurs. Il se manifeste par un défilement fluide de la page web lorsque vous descendez ou montez grâce à la molette de votre souris, ou les touches de votre clavier.

Un e-mail en HTML responsive multi-clients L'e-mail (ou newsletter) reste encore aujourd’hui un moyen efficace de transmettre des informations à ses utilisateurs ou clients. En mode texte, aucun problème, c'est un standard interprété sans difficulté. En mode HTML c'est un art ô combien délicat en partie dû au nombre de clients lecteurs d'e-mail sur le marché qui ont des comportements bien différents (encore plus désormais que les navigateurs classiques). Cette disparité de l'interprétation des e-mails au format HTML provient de plusieurs facteurs : Tutorial sur les requêtes serveur en JavaScript Une question revient souvent sur les forums dédiés au JavaScript : Peut-on réaliser une requête sur le serveur sans (re)charger une page et sans utiliser d'astuces telles qu'une frame invisible ou une fenêtre popup ? Jusqu'à peu, je pensais que la réponse était aussi claire que négative. Et puis j'ai découvert XMLHTTPRequest et la réponse est devenue : « Oui ! » Mais les documentations sur ce sujet ne se bousculent pas sur le net, notamment en français. D'où cette petite introduction aux objets XMLHTTPRequest (que nous appellerons ainsi même si le nom diffère d'un navigateur à l'autre). Tout ce qui se trouve sur cette page fonctionne avec Internet Explorer 6+, Firefox 1.0+ et Opera 9+.

Textures et motifs de qualité pour le web design - Ressources & Outils Textures et motifs de qualité pour le web design Cet article a 2 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 17 305 fois. Créateur de nuancier de couleurs Lors de la création d'un site internet, pour choisir la palette de couleur de votre site, utilisez les outils suivant : le Créateur de nuanciers et le Cercle Chromatique Accessible. Le Créateur de nuancier de couleurs d'Eric Meyer Le Créateur de nuanciers ("The Color Blender") a été créé par Eric Meyer sous une licence Creative Commons Attribution-ShareAlike 1.0 . Le Cercle Chromatique Accessible de Giacomo Mazzocato

Infinite Scroll avec jQuery sur WordPress Dans ce tutoriel vidéo, je vous propose de mettre en place sur votre site un système de défilement infini avec jQuery et sans utiliser de plugins WordPress. Avant de regarder la vidéo, je vous conseille de lire le contenu de cet article afin de mieux comprendre le principe de la technique utilisée durant le tuto. En 2011, le défilement infini (ou la pagination infinie) a été popularisé par les réseaux sociaux tels que Twitter et Facebook. Tinycon : une librairie javascript pour dynamiser vos favicons Imaginez que vous deviez mettre sur pied une application comprenant une messagerie. Il serait intéressant que l’onglet de cette messagerie indique visuellement à l’utilisateur qu’un ou plusieurs messages sont en attente. Facebook et Gmail le font en modifiant le titre de l’onglet. Ce que je vous propose aujourd’hui, c’est un petit script vous permettant de, non seulement mettre à jour let titre, mais en plus, superposer une petite bulle à l’icône de votre application. Il faut l’avouer, ce type d’artifice est sympathique pour attirer l’attention de l’utilisateur, surtout quand celui-ci jongle avec un paquet d’onglets en même temps.

Web 2.0, allez plus loin avec AJAX et XMLHttpRequest Qu'est ce qu'AJAX ? Vous trouverez certainement plusieurs définitions différentes à cet acronyme. En voici une : Asynchronous JavaScript And XML. AJAX n'est donc pas une technologie mais plutôt un concept qui permet donc de faire des appels asynchrones au serveur depuis le client. Lors de ces appels, le serveur retournera du XML qui sera "récupéré" par javascript et traité. Nous verrons que nous pouvons tout aussi bien faire transiter du texte et faire des appels synchrone si l'on veut. Goban Club – Responsive Web Design par Ethan Marcotte : une traduction française Le Web Design Réactif par ETHAN MARCOTTE Le contrôle qu’exercent les designers au sein du média imprimé et qu’ils désirent souvent retrouver au sein du virtuel est simplement le produit d’une limitation de la page imprimée. Nous devrions accepter le fait que le Web n’a pas les mêmes contraintes, et concevoir en fonction de cette flexibilité. Mais avant, nous devons « accepter le flux et le cours des choses.

10 sites pour trouver des images gratuites pour vos blogs Choisir une bonne image pour illustrer un article sur un blog scolaire ou universitaire est un atout essentiel pour améliorer l’attractivité d’une publication. Respecter les droits d’auteur est une règle qu’il ne faut pas oublier de transmettre même si cela complique la recherche d’images. J’avais déjà présenté ici même 5 ressources en ligne pour trouver des images libres de droits. Voici en complément de cette première liste, 10 sites qui vont vous permettre à vous ou à vos élèves de trouver des images gratuites pour votre blog.

Related:  Web design / devToolsdiversDemosProgrammingjolis portfoliosInteractive sitesHTML5