background preloader

Tutos

Facebook Twitter

INTEGRATIONS. Récupérer toutes les images d'une page Web, Img2tab. Effets spéciaux et trucage photo sans logiciel. Faite exploser les détails de vos photos avec Photoshop. Le site Tuto.com propose un grand nombre de tutoriaux pour les logiciels tels que Photoshop, Lightroom, GIMP, photofiltre et bien d’autres encore. Parmis tous les tutoriaux à disposition, un certains nombre d’entre eux sont proposés gratuitement en libre téléchargement. Je vous propose donc de découvrir l’un d’entre eux.

Dans ce tuto Photoshop, nous allons découvrir une astuce très rapide pour accentuer de manière assez poignante, les détails d’une photo. Cette manipulation qui se réalise à partir de 2 duplications du calque d’origine, n’est pas très logique, mais c’est la plus puissante que je connaisse pour donner ce type d’effet et refaire ainsi ressortir les détails de vos photographies. Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto est proposée dans une résolution plus grande que l’extrait suivant : Retrouvez l’intégralité de ce tutorial sur Tuto.com.

Des GIFs animés impressionnants avec effet 3D. Remplacer un visage par un autre. Charte éditoriale : suivez le guide | Lignae à Rennes. A la fois document de travail et document de référence, la charte éditoriale est le guide indispensable à toujours avoir sous la main quand on lance une publication d’entreprise (journal interne, magazine client, lettre d’information…) ou un projet web. Elle donne un cadre précis en termes de stratégie et de rédaction de contenus. Elle assure la cohérence des messages tant sur le fond que sur la forme. A qui est-elle destinée, que contient-elle ? Petit guide du « Comment bien rédiger une charte éditoriale ? Une charte éditoriale pour qui ?

La charte éditoriale s’adresse à ceux qui interviennent sur les contenus : les contributeurs. Cela peut faire pas mal de monde avec des compétences et un intérêt variables pour la rédaction voire le projet lui-même. Les informations à faire figurer dans une charte éditoriale La ligne éditoriale La ligne éditoriale résume « la raison d’être » de votre projet éditorial. La structure éditoriale Les règles de rédaction Le style rédactionnel. INRIA : une charte édito pour un blog | Editoile. L’INRIA (Institut National de Recherche en Informatique et en Automatique) s’est doté d’ une charte éditoriale pour son blog SO News, un webzine de communication interne.

Ce document de 25 pages, réalisé avec les conseils d’Editoile, rappelle les éléments techniques essentiels et fixe les règles communes pour les rédacteurs du blog. La charte éditoriale : un document de référence Souvent négligée dans les projets Web, la charte éditoriale s’impose lorsque le blog ou site est rédigé à plusieurs mains par des rédacteurs différents, surtout si la rédaction Web n’est pas leur tâche principale mais une mission supplémentaire.

Document de référence, la charte éditoriale permet de répondre aux questions de base des rédacteurs : quel est mon identifiant ? Quelle est la taille de l’image ? Modèle de charte éditoriale Pour préserver la confidentialité du blog SO News réservé aux agents de l’INRIA, vous ne trouverez pas ici l’intégralité de la charte mais seulement son sommaire. Lire aussi : Modèle de charte éditoriale via. La charte éditoriale est un document indispensable à tout projet, et spécialement pour les projets web. Trop souvent ignoré, ce document permet de répondre à certaines interrogations de la part des rédacteurs et webmasters : quel est mon identifiant ? Sur quelle page je dois publier ? C’est quoi comme image ? Ce document doit permettre d’unifier les styles de rédactions, améliorer la qualité des productions et unifier les rédacteurs autour d’un ensemble de réponses claires et simples à leurs questions.

Décomposé en parties simples, il ne s’agit pas d’écrire une bible d’informations, mais un recueil concis des informations que tout nouveau rédacteur doit avoir à disposition. 1) Les utilisateurs Cette partie récapitule les codes nécessaires pour se connecter (URL, identifiants, mots de passe) et les fonctions de chaque rédacteur (en détaillant ses possibilités d’actions sur le CMS) – Connexion Page de connexionLogin et mot de passe – Comité de rédaction 2) Ligne éditoriale – Description du blog. Blog, site web et charte éditoriale : allez à l’essentiel ! Qu’il s’agisse d’un blog ou d’un site Internet, la tentation est forte de rédiger une charte éditoriale dense, voire incompréhensible.

Faites la recherche sur Internet et vous trouverez de nombreux exemples rivalisant d’imagination pour trouver des structures toujours plus élaborées. En réalité, on confond trop souvent charte éditoriale et guide éditorial. La charte résume, le guide détaille. Le guide dit comment, la charte dit pourquoi. Je m’y suis essayé pour la charte d’expression sur les médias sociaux, que j’aurai donc du intituler Guide ! Pour une charte éditoriale, idem : pensez poster ou affiche pour vous obliger à faire court. A défaut de traduire, voici les grandes principes à retenir soigner la crédibilitéséduire et retenirfaciliter la prise de contactillustrer ses actions et leurs impactsdevenir une référence Bref, sois bref. Charte éditoriale, charte éditoriale web. 1 Comment Insert the following script into the web page where the Casengo contact button should be displayed: IAFACTORY intervient de façon pragmatique pour la réalisation de votre charte éditoriale pourquoi rédiger une charte éditoriale ?

En synthèse de tous les travaux pouvant être engagés dans la gestion d’une problématique éditoriale complexe, IAFACTORY réalise une prestation visant à fixer les principes de votre charte éditoriale ; ce document est particulièrement utile pour garantir le respect de la ligne éditoriale dans le cadre des projets à long terme impliquant plusieurs acteurs. la charte éditoriale fixe les principes récurrents de forme et de fond à respecter dans le cadre d’une stratégie éditoriale ; nous vous recommandons de réaliser une charte éditoriale dans les cas suivants : objectifs d’une charte éditoriale la rédaction de nos chartes éditoriales vise, d’une manière générale, à assurer la cohérence de la politique éditoriale sur le fond comme sur la forme : Ligne et charte éditoriale Web: conseils et composition. La ligne éditoriale, c’est quoi? On ne communique pas sans vouloir marquer son lecteur.

Cette marque – de fabrique – se conçoit dans une ligne éditoriale. La ligne éditoriale est l’ensemble des règles qui définissent l’orientation des contenus. Elle fixe donc l’ensemble des choix de traitement de l’information et permet de diriger les intérêts sur des thèmes particuliers, en associant des objectifs aux différents types d’information. Elle rassemble les choix et décisions visant à assurer la cohérence des textes. Elle traduit la philosophie du plan de communication et établit un fil rouge dans la manière de communiquer et d’informer le lecteur. Une ligne éditoriale orientée objectifs ? Oui, votre ligne éditoriale est étroitement liée à vos objectifs de communication. Devez-vous informer, promouvoir, convertir ? Vos objectifs doivent être spécifiques : augmenter le taux d’inscription à un séminaire, accroître la sensibilisation des audiences à l’énergie renouvelable.

Le wording, c’est quoi? Comment rédiger une charte éditoriale web ? Comment rédiger une charte éditoriale web ? La charte éditoriale web, souvent négligée sur Internet, permet pourtant de garantir une véritable cohérence des contenus sur un site. Les rédacteurs et les chefs de projet se succèdent, les contributeurs se multiplient. La charte constitue une "ligne de conduite", un repère constant pour tous. Comment s'y prendre pour rédiger un tel document ? 1- Avant de rédiger une charte éditoriale web, l'idéal est de commencer par désigner une personne responsable de l'écriture de cette charte et du "projet contenu éditorial web" en général si ce n'est pas déjà fait. Ce professionnel aura pour mission de canaliser les énergies, rassembler et clarifier les idées pour fixer l'identité et la mission du site sur un document écrit.

"Avant donc que d'écrire, apprenez à penserCe que l'on conçoit bien s'énonce clairement,Et les mots pour le dire arrivent aisément. " Voici les questions que vous devez vous poser :- Quelle est la mission du site Internet ? Activer/Afficher un champ en fonction de checkbox ou radio [ Scripts des membres. Afficher/Masquer un champ de formulaire en fonction de la valeur d’un autre champ. Formulaire : champs à affichage conditionnel. Html - Background image repeating even with 'background-repeat: no-repeat'

Images de fond. Dans les exemples qui suivent, je vais modifier l'image de fond de la page. Cependant, tout comme pour la couleur de fond, n'oubliez pas que l'image de fond ne s'applique pas forcément à la page entière. On peut aussi mettre une image de fond derrière les titres, paragraphes, etc. Appliquer une image de fond La propriété permettant d'indiquer une image de fond est background-image. 1body 3 background-image: url("neige.png"); Ce qui nous donne la figure suivante. Bien entendu, votre fond n'est pas forcément en PNG, il peut aussi être en JPEG ou en GIF. Options disponibles pour l'image de fond On peut compléter la propriété background-image que nous venons de voir par plusieurs autres propriétés qui permettent de changer le comportement de l'image de fond. background-attachment : fixer le fond La propriété CSS background-attachment permet de « fixer » le fond.

Fixed : l'image de fond reste fixe ;scroll : l'image de fond défile avec le texte (par défaut). 4 background-attachment: fixed; Sorttable: Make all your tables sortable. Créer une application portable en 5 minutes. Si vous êtes un aficionado des applications portables sur clé USB, alors vous aurez certainement déjà trouvé votre bonheur sur le site Framakey, qui propose tout un tas d’applications gratuites qui fonctionnent sans aucune installation… Mais si vous avez vos propres applications un peu exotique (ou payante), alors vous aurez besoin de créer vous même l’application portable.

Pour cela, il vous faudra deux logiciels : Cameyo, qui vous permettra de créer l’application portativeAppCompactor, qui vous permettra de compresser votre application portable pour la mettre sur clé USB (facultatif). Le premier, Cameyo, fonctionne en deux temps : il scannera votre système avant puis après installation du logiciel à « portabiliser ». Il en déduira alors les fichiers créés et modifiés, et vous les regroupera dans l’exécutable qu’il vous faudra coller sur votre clé.

Le deuxième, AppCompactor, vous permettra de gagner de la place sur votre clé en compressant l’exécutable. [Source] Vous aimez cet article ? Tri dynamique de tableau HTML avec le DOM -- Le Coin Web de QuentinC. Donnez un petit « plus » à vos présentations (Anglais) Les nouveaux tuto de la semaine sur Tuto. 31 tutoriels de services en ligne : réseaux sociaux, cartographie, photos, création de site

Designing and Printing a CD Label With Photoshop and Dymo DiscPainter. A couple of months ago I wrote an article for my Creative Closeup blog about 20 Irresistible Gadgets You´d Love to Own. One of those gadgets that caught my attention was a cute little CD printer: DYMO DiscPainter. The article was a hit and generated a lot of traffic, specially from Reddit and StumbleUpon. The nice people at Dymo were so pleased with this mention that they sent me one to try it. I was instantly hooked on it. The ease of setup and use of this printer is amazing. Dymo DiscPainter: Product page | Compare prices Since my experience was so positive, I decided to write a simple tutorial about designing and printing a CD label in Photoshop and Dymo DiscPainter. If you are completely stuck at using layers in Photoshop, just read this tutorial by my friend Steve from Photoshop Essentials, Working with layers in Photoshop Open the CD template The Dymo DiscPainter has a 600 dpi printing resolution.

Create a new layer just above the Beach texture layer. Type in the Titles. Setting Type for User Interfaces. Today’s guest post was written by Billy Whited, a software designer in Chicago, IL. As a UI designer, I do my best work within the bounds of a clear hierarchy of constraints. Because typography is the catalyst for my design work, the most important step I take at the beginning of a project is to select a typeface (or a set of them). Once this choice is made, I can develop a system to aid my decision-making process and, in so doing, avoid the terror of a blank canvas. To narrow down the vast number of typeface options, I start out by defining the scope of the design problem before me in broad terms. This usually requires that I make a decision about the essential purpose of the project I’m working on.

Content-driven websites (foreground) and task-driven web applications (background) often differ in the way they utilize text. The differences between these types of sites have implications for the way we approach the process of choosing type for them. The implications of how we read References. Comment récupérer le lien direct (l'url) d'un post Facebook. D’accord, mais comment faire ? C’est en réalité très simple… Tout d’abord, sachez que si vous voulez partager un post via un lien, il peut être intéressant de mettre ce post en « public », afin que tout le monde puisse accéder à son contenu, même sans être inscrit sur Facebook. Une fois que vous savez ça, et bien il n’y a pas grand chose à faire : cliquez sur la date ou l’heure de votre publication vous amènera sur une page internet présentant votre post (et uniquement celui-ci). Il ne reste plus qu’à copier l’URL (ctrl+c ou cmd+c) présente dans l’encart en haut de votre navigateur, et c’est fini. En faisant un ctr+v (ou cmd+v), vous pourrez coller l’adresse où bon vous semble.

Vous avez aimé cet article ? Partagez le et commentez le ! Partage Articles similaires. Smiley Facebook : enfin une liste des émoticônes pour le réseau social (et bonus : créer vos propres smileys Facebook !!!) C’est bien beau de pouvoir utiliser des smileys sur Facebook, encore faut-il savoir quels caractères entrer pour les afficher. Ou même comment créer vos propres émoticônes personnalisés. Fidèle au poste, on va vous aider : voici la liste des smileys disponibles, dont le fameux Geekycone : 42, suivi de la surprise du chef. Les smiley tradictionnels Les smileys spéciaux Facebook Créer vos smileys Facebook personnalisés Il s’agit là plus d’une astuce qu’autre chose. Pour cela, il suffira de récupérer son identifiant, est d’utiliser celui-ci entre crochets dans le chat.

Exemple avec le profil du président du monde : Voici l’url du profil, et l’identifiant à récupérer en gras : l’utiliser dans le chat, il suffira d’écrire [[barrackobamafan]]. ou encore mieux : l’url de la page TechRevolutions l’utiliser dans le chat, il suffira d’écrire [[techrevolutions]].ça donnera ça : [Source] Vous aimez cet article ? Partage. [Astuce Mac OSX] Modifier la date d'une photo via iPhoto, et l'inclure dans un évènement. HTML5, CSS3... comment faire évoluer le design de votre site web. Mercredi 18 juillet 2012 Editions ENI, Editions Eyrolles, First Interactive, Micro Applications... les éditeurs proposent toute une série d'ouvrages sur HTML5, CSS3 et même Javascript pour développer ou faire évoluer le design d'un site web.

Aux Editions ENI, avec " HTML5 et CSS3 - Faites évoluer le design de vos sites web ", Christophe Aubry s'adresse en priorité aux concepteurs de sites Web et aux designers Web ayant déjà la connaissance de l'HTML 4 et des CSS 2.1. La conception d'un site passe par une maîtrise des langages fondateurs que sont l'HTML (HyperText Markup Language) et les CSS 5cascading Style Sheets). La sortie des nouvelles versions fait évoluer la manière de concevoir les sites web. Dans la partie consacrée à l'HTML5, le lecteur étudiera la nouvelle syntaxe, les éléments de structure sémantique et les formulaires interactifs.

Celle consacrée à CSS3 lui permettra d'apprendre à utiliser les nouveaux sélecteurs, la mise en forme du texte et les conteneurs. Tutoriel : Réaliser un diagramme de Gantt sous Excel. Unix: Les principales commandes. Magazine webdesign et blog collaboratif - Blog Du Webdesign. Afficher de la vidéo sur votre site. Dictionnaire des Smileys - CoolParadise. Créez vos applications web avec Django - Python. Boîte à outils du travailleur du Web 2012 : plus de 50 services en ligne gratuits et utiles. Nouveautés.