instaGrok | A new way to learn Signification des couleurs en E-marketing et en Ergonomie Web . 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). Comment sont perçues les couleurs sur Internet, quel est leur impact sur la navigation et comment influencent-elles les internautes dans le tunnel d’achat ? 1. 2. 3. 4. Annotations et explications complémentaires [x] En savoir plus ————————————————– . En tout état de cause, le choix de la colorimétrie demeure aujourd’hui très subjectif car il ne dépend souvent que des goûts d’un seul comité de décideurs. Significations : Représentations :
Free Web Resources – Web Resources Depot LaTeX : caractères [Deuns] | Base | * | Mise en forme 1 | Mise en forme 2 | Commandes | Environnements | Formules math | Références | Biblio | Les caractères suivant sont utilisés par LaTeX pour la compilation (ils ont une signification particulière pour la mise en forme du texte) et ne peuvent donc figurer tels quels dans le texte ; il s'agit de : il faudra donc les remplacer par d'autres. Il suffit en fait juste de faire figurer une barre de fraction inversée « \ » devant, sauf pour (Heureusement, ces caractères sont assez rarement utilisés.) Les caractères accentués et liés (é, à, æ, Å, ø…) varient selon les pays, et n'existent pas en langue anglaise. \usepackage[latin1]{inputenc} dans l'en-tête du fichier. Pour mettre un accent aigü, il suffit de faire précéder la lettre de « \' », « \` » pour un accent grave, « \^ » pour un accent circonflexe, et « \" » pour un tréma. Exemple : ab\^\i me pour écrire « abîme » fa\c cade pour écrire « façade » Voici quelques signes de ponctuation particuliers : Notes
colourcode - find your colour scheme ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Current version: 2.1 beta4. IE7.js Upgrade MSIE5.5-6 to be compatible with MSIE7. IE8.js Upgrade MSIE5.5-7 to be compatible with MSIE8. You do not need to include IE7.js if you are using IE8.js IE9.js Upgrade MSIE5.5-8 to be compatible with modern browsers. You do not need to include IE7/IE8.js if you are using IE9.js The script only fixes images named: *-trans.png If you want the fix to apply to all PNG images then set a global variable as follows: var IE7_PNG_SUFFIX = ".png"; You must set this variable before including the IE7.js script. <script src="IE8.js">IE7_PNG_SUFFIX=".png";</script> The suffix will ignore query string parameters. var IE7_PNG_SUFFIX = ":"; By default, the PNG will be stretched (this simulates tiling). You may link directly to these files if you wish:
8 plugins Photoshop pour le webdesign Faut-il le rappeler, Photoshop fait encore parti des outils incontournables d’un bon webdesigner. Pour vous aider à travailler encore mieux et encore plus vite, j’ai sélectionné pour vous 8 plugins utiles pour vos créations quotidiennes. Plug-in Photoshop ? Vous le savez tout autant que moi, Adobe Photoshop possède des milliers de fonctionnalités dans sa version de base. Faciles d’installation, souvent gratuites, les ressources présentées ci-dessous vous seront utiles dans votre travail quotidien de webdesigner et intégrateur. Can Link It J’ai récemment découvert Can Link It sur Twitter grâce à @huard_olivier et je ne suis pas resté indifférent. On ne s’excite pas trop vite, mais c’est presque ça. Pixel Dropr Voilà un plug-in intéressant pour gagner du temps ! Proposé au prix de 19$, il vous fera gagner du temps en vous évitant de devoir chercher dans vos dossiers de ressources, pas forcément toujours bien rangés. Merci à Stéphanie Walter pour la découverte. DevRocket Guide Guide WebZap
pourpre.com - les mondes de la couleur, les couleurs du monde [Logiciel] Photoscape, un veritable couteau suisse PhotoScape est un outil tout en un. Il propose une suite d’outils grand public pour faire de l’édition, de la retouche et du montage photo et qui, tout en étant très complète et puissante, reste tout à fait simple. Étant axé sur le résultat, le novice en la matière n’aura pas trop de mal à prendre en main le gratuiciel. L’édieur de Photoscape vous permet de modifier toutes vos photos en les redimensionnant, en ajustant la luminosité et la couleur, il est aussi possible de recadrer, de filtrer,d’enlever les yeux rouges et plus. Avec l’éditeur par lots, vous pouvez éditer plusieurs photos en même temps. Télécharger sur clubic.
Canva : l'outil indispensable pour créer vos images Dans un article précédent, je vous parlais de 14 outils indispensables pour réussir vos images sur le web, dans lequel je mentionnais Canva, j’ai donc aujourd’hui décidé de vous en parler plus en détail… Qui n’a jamais rêvé de réaliser une belle image rapidement et facilement pour le web ? Vous n’êtes pas graphiste, et vous connaissez encore moins Photoshop, et bien Canva est l’outil qu’il vous faut ! Réaliser de belles images, présentations, documents, ou tout simplement des citations, ne sera plus un casse-tête pour vous ! Avec Canva tout se fait très simplement, et de manière très ludique pour un rendu professionnel. Ce qu’on aime : – L’EFFICACITÉ : l’outil est très complet, images, photographies, typographies, icônes, logo,illustrations, diagrammes. – LA RAPIDITÉ : avec laquelle on peut créer une image. – LE COÛT : car Canva est un outil complètement gratuit, en revanche certaines images, photos peuvent être payantes, mais pas de panique elles ne dépasseront pas 1$. Il y a 4 onglets :
Adobe Spark - Blog Tuto.com Adobe Spark, la création à portée de tous Avez-vous déjà eu envie de créer vous-même votre site de mariage ? Vous êtes-vous déjà retrouvé dans une situation où vous deviez rapidement créer un fichier vidéo à utiliser dans une pub Facebook ? Avez-vous déjà souhaitez créer vous-même un faire-part de naissance avec un visuel, un texte, des symboles qui soient combinés de façon harmonieuse? Si vous avez répondu par « oui » à l’une de ces questions, alors Adobe Spark pourrait sans doute vous dépanner. Car on parle bien ici, en tout cas de mon point de vue, de dépannage. Concrètement que va me permettre de créer Adobe Spark ? A peu près ce qu’Adobe Post, Slate et Voice vous permettaient de faire puisque Spark Post, Spark Page et Spark Video en sont les nouvelles appellations. Adobe Spark se divise donc en 3 types de contenus : La création d’images avec Spark PostLa création de sites One Page avec Spark PageLa création de vidéos avec Spark Vidéo Pour chaque type de contenu, vous serez guidés.
Allegorithmic, la PME française qui détrône Adobe dans la création de textures Une petite PME française qui détrônerait un géant américain comme Adobe dans son domaine de prédilection, le graphisme ? Allons bon ! Et pourtant. Allegorithmic, une entreprise clermontoise fondée en 2003 et nouvelle égérie de Creative France, a su s'imposer face au monstre Photoshop dans une niche très spécifique : celle des textures pour modèles 3D. "Nous avons plus de 100 000 licences dans le monde principalement utilisées par l'industrie du jeu vidéo", explique Sébastien Deguy, PDG et fondateur de la société. Un succès incontestable : avec ses 57 employés répartis dans sept villes (Shanghai, Séoul, Tokyo, Los Angeles, Lyon, Clermont-Ferrand et Paris), l'entreprise a réalisé 6 millions de dollars (5,3 millions d'euros) de chiffre d'affaires en 2015, soit une augmentation de 90% par rapport à 2014. Détrôner Adobe en étant plus pointu Dans ces grands studios, c'est généralement Adobe Photoshop qui est remplacé par Substance Painter. Réalité virtuelle, architecture, conception...