background preloader

Colourcode - find your colour scheme

Colourcode - find your colour scheme

http://www.colourco.de/

Related:  Outils de travail

On peut maintenant Googler les valeurs de couleurs et ça c'est cool ! Toujours plus, et si vous êtes concepteur graphique c’est toujours mieux ! Il y’a désormais dans Google un convertisseur de couleurs, si vous tapez une référence de couleur un nuancier vous sera montré et vous pourrez exactement choisir celle que vous voulez ! Voilà qui devrait rendre service à bien des designers, le moteur de recherche de Google vous permet désormais de faire une recherche avec un code hexadécimal. Bon c’est pas l’invention de la roue mais ça vous évitera toujours à avoir à ouvrir Photoshop pour trouver la couleur pour ensuite retourner sur votre projet de conception web ! En rentrant par exemple #156412, le résultat présentera un affichage contextualisé présentant la couleur en question. Ici, la donnée en HEX que nous avons rentré est automatiquement présentée avec sa valeur en RGB, HSV, HSL, ou CMJN.

Les dégradés de couleurs en CSS3 avec gradient Bonjour à tous ! Aujourd’hui nous allons parler des dégradés en CSS3. Vous en avez probablement déjà rencontré, et peut-être même déjà utilisé via des générateurs. Ce tutoriel très complet va vous permettre d’aller plus loin et de comprendre en détail comment les utiliser, ce qui améliorera les performances d’affichage de votre site en évitant d’avoir à utiliser des images ! Ce tutoriel a été rédigé par Bastien Uranga, étudiant en informatique à Bordeaux et passionné par les technologies web. En plus de ses études, il lui arrive souvent de prendre le rôle d’intégrateur dans certains projets et d’améliorer ses connaissances en HTML5 et CSS3.

10 actions à automatiser pour être plus productif Dans le nouveau monde du travail, les collaborateurs ont plus de flexibilité pour travailler où ils le veulent, quand ils le veulent et comme ils le veulent, grâce à la confiance qu’on leur donne. Mais ces nouveaux comportements nécessitent un peu d’organisation. Heureusement, la technologie est là pour nous aider à nous organiser au mieux ! Slides - Un slideshow en JQuery simple et léger Slides est un slideshow en JQuery simple et léger sans effets superflues ou configurations en trop. Slides possède une 20aines d'options classiques que l'on retrouve dans les autres Slideshow, comme le paramétrage de la vitesse de défilement des images, le temps d'arret lorsque la souris passe dessus... Pour le faire fonctionner, vous devez tout d'abord inclure les librairies JS et déclarer votre Slides avec ses options: 01.<script src="js/jquery-1.4.4.min.js"></script> 02.

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.

Gladys. Veille, innovation et gestion de projets en mode collaboratif L’outil Gladys a été mis a jour et propose une nouvelle version. Lire le nouvel article que lui consacré Outils Collaboratifs. Gladys est une formidable plateforme de travail collaboratif pour les entreprises innovantes ou… celles qui veulent le devenir. Display inline-block, une valeur trop peu utilisée Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 40 417 fois. Pure 0.4.0 : un ensemble de petits modules CSS pensés pour les applications Web mobiles Pure est un ensemble de petits modules CSS (responsive) que vous pouvez utiliser dans chaque projet Web. Conçu avant tout pour des appareils mobiles, l'entièreté des modules ne pèse quasi rien (minimisé et gzippé) malgré l'implémentation des styles responsive, le design et sa facilité d'utilisation. Toutes les lignes de CSS ont été examinées attentivement.

Boxtuffs - Des éléments d'interfaces ergonomiques en CSS3 et XHTML Boxtuffs est un site proposant plusieurs widgets / éléments d'interfaces web très design, réalisés en XHTML & CSS3 et téléchargeables gratuitement. Réalisé par un graphiste talentueux, Salvador Lopez Mendoza, Boxtuffs est une mine de ressources web en terme de widgets et UI web. 6 ressources sont actuellement disponibles au téléchargement et en test en ligne: Autogrow Search: Un input de recherche qui s'agrandit au clic avec un design très bien réalisé.Tickets: Un simulateur d'étiqueteuse pour afficher le prix d'un produit avec style.Switcher: Widget permettant d'activer ou désactiver une option de manière graphique.Download Me!: Un bouton affichant les caractéristiques du téléchargement au survol.My Notes: Un bloc note au style écrit main.CSS3 Album Selection: Un widget de sélection d'image en CSS3. Chaque ressource est téléchargeable gratuitement et est composée:

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 . OpenTest - Capture vidéo écran OpenTest est un outil formidable pour enregistrer en son et en vidéo ce que se passe dans votre navigateur web. Il s’agit d’une extension pour Chrome qui facilite la création et le partage de vidéos. Encore un excellent outil pour la classe inversée. « Vous vous demanderez bientôt comment vous avez pu survivre sans lui » clame le site d’Opentest. Sans doute un peu exagéré mais c’est vrai qu’un simple test suffit à se convaincre de l’intérêt de l’outil.

CSS3 : initiation aux media-queries pour adapter ses pages web à tout type d'écran - CSS débutant Avec l'avènement des smartphones ou autre tablette, la multiplication des tailles et des résolutions d'écran, il devient de plus en plus aléatoire de ne réaliser qu'une seule disposition graphique de sa page web... Comment en effet visualiser correctement sur un smartphone une page qui aurait été pensée pour une résolution minimale de 1900px ? (ce qui est très mal, d'ailleurs...) Les Media-Queries, permettent de cibler différents cas et ainsi d'adapter la restitution de sa page html à différentes caractéristiques des terminaux. Croppic - Le crop d'image ergonomique en plugin jQuery Croppic est un plugin jQuery permettant d'ajouter un système de crop d'image intuitif et facile à mettre en place. Plutôt que de redimensionner à la brute une image, un avatar ... pour qu'il colle aux bonnes dimensions, pourquoi ne pas proposer aux utilisateurs de cropper eux même leur image ? Croppic est un plugin jQuery qui vous permettra de mettre en place ce système d'upload + crop d'image. A l'aide d'un POST Ajax, l'image de l'utilisateur sera envoyée au serveur (PHP, Ruby ... à vous de voir!) et les coordonnées du crop seront spécifiées au script serveur pour que ce dernier fasse le traitement physique de l'image. Parmi les paramètres envoyés on retrouve:

Related:  dmaterà classerColorsColorBunker 00Icons, Grid, Impressão, WebColors