Buzz communautaire
rss
Sélection du buzz de la communauté, retrouvez les meilleurs articles du réseau
RSS buzz communautaire - RSS
À buzzer sur  GeekBooster
Résultats 950-1000 sur 12988
VLC Media Player est un des meilleurs lecteurs multimédias malgré que son interface reste très minimaliste et basique. Par contre, si vous le souhaitez, il est possible de changer complètement l’apparence de VLC en installant un thème (skin). Voici la procédure pour changer le thème de VLC. Pour commencer, nous allons télécharger le thème qui nous [&hellip
Permalien

Tout savoir pour débuter comme un pro sur Twitter Je vous offre mon mini guide pour débutant sur Twitter C’est une vidéo qui reprend toutes les étapes de la création d’un compte. Dans ce tuto en ligne, je vous montre tout ce que vous devez faire et ne pas oublier.  Avec cette formation vidéo, vous [...]

Cet article Mini guide vidéo pour débutant sur Twitter est apparu en premier sur My Guroo - formation community management.

Permalien
Site Web : http://www.wysifood.fr/ 1 – Quel problème essayez-vous de résoudre?Comment optimiser la présence digitale de mon restaurant et d’en tirer profit sans aucune connaissance technique ? 2 – En quoi consiste votre solution ?Solution Web globale à destination des restaurateurs, Wysifood met à disposition un panel de fonctionnalités poussées pour créer et optimiser la […]
Permalien


Le post original est disponible à l'adresse Le monde de l’artiste David Ratajczak.

Digital-Paintings-2D-art-david-ratajczak (1)

Focus sur David Ratajczak, jeune artiste valenciennois que j’ai découvert récemment et que je mets en avant aujourd’hui au travers de ses créations. Au programme de l’Art traditionnel, 2D et 3D. David Ratajczak est un artiste nordiste qui a passé son cursus universitaire à l’université de Valenciennes (UVHC), dans le département des arts plastiques. Malgré son diplôme d’Ingénierie ...


Lire le reste de l'article: Le monde de l’artiste David Ratajczak écrit par @lex.

Permalien
Laur�ats du Prix Marcel Dassault pour la recherche sur les maladies mentales
Permalien

See on Scoop.it – Création de sites, référencement, … Oui on vous le dira partout « le référencement web est l’une des clés de réussite d’un site web ». See on www.aboukam.net

Cet article 3 moyens rapides pour savoir si votre référencement doit être amélioré est apparu en premier sur Labo JNG WEB : Sites & Référencement.

Permalien
La disparition des glaciers en Antarctique est plus modérée qu’au Groenland. Toutefois, jusqu’au dernières nouvelles une équipe à mis en évidence le réchauffement du glacier Pine Island, en Antarctique. Depuis les dernières années, des litres d’eau se perdent du glacier Pine Islande. C’est l’un des plus gros glaciers du monde, et il serait dans une […]
Permalien
Lundi, 3 Février, 2014 - 10:15
Vous êtes plutôt du genre lièvre, ou du genre tortue ? Votre niveau de réactivité est important pour votre durée de vie.
Permalien
L’encyclopédie libre Wikipédia souhaite étendre sa bibliothèque sonore à toutes ses pages biographiques. On pourra donc peut-être bientôt écouter la voix de François Cavanna, fondateur du Charlie Hebdo, décédé récemment, sur sa page biographique Wikipédia.
Permalien
Sous Windows 8.1, une nouveauté est apparue qui se nomme les coins actifs. Par contre, si vous n’aimez pas cette nouveauté, faites-vous-en pas, il est possible de le désactiver très facilement. Il faut accéder au « Paramètres du PC » en pressant deux touches en même temps. (Windows + i). Sinon vous pouvez y arriver en laissant [&hellip
Permalien
Sous Windows 8.1, une nouveauté est apparue qui se nomme les coins actifs. Par contre, si vous n’aimez pas cette nouveauté, faites-vous-en pas, il est possible de le désactiver très facilement. Il faut accéder au « Paramètres du PC » en pressant deux touches en même temps. (Windows + i). Sinon vous pouvez y arriver en laissant [&hellip
Permalien
il y a 76 jour(s)
Il y a de cela quelques mois, la régie Blogbang fermait en catimini sans prévenir personne … ni payer ses dernières factures. J’y ai perdu quelques paquets d’euros, mais je […]
Permalien
Le câblo-opérateur Numericable lorgnerait du coté de SFR et serait en train de chercher des investisseurs pour rassembler la somme nécessaire à l ‘achat de l’opérateur mobile. Cette action est entérinée par le premier actionnaire de Numéricable, Patrick Drahi, qui tenterait de mettre en place une opération d’acquisition par LBO en s’associant à plusieurs banques anglo-saxones en vue de…
Permalien
Icon

Suite à notre article sur maps 3D l’app GPS pour le ski, vous allez découvrir une nouvelle app GPS pour le ski, Navionics Ski. L’application Navionics Ski est une nouvelle app qui permet de tracer son parcours à ski, de consulter les conditions météo et l’enneigement, d’afficher des cartes interactives des stations de ski et de […]

The post Navionics Ski: la nouvelle app GPS pour le ski appeared first on GPS Zapp.

C'est l'unique application de Ski qu'il vous faut !
Téléchargez la NOUVELLE application Navionics Ski qui inclue les cartes de plus de 2 000 stations du monde entier. Achetez-la maintenant à un petit prix spécial lancement ! Obtenez 34 000 km (20,990 miles) de pistes au États-Unis et au Canada, en Europe, en Amérique du Sud, en Australie et en Asie en une seule application ! Avec les… Read more
Permalien
Je publiais il y a quelque temps un article vantant un soft qui permet de supprimer des pages d’un document PDF. Malheureusement, cette solution gratuite et pleinement opérationnelle  au départ est entre temps devenue payante. Sur la demande d’un lecteur qui a eu besoin d’un tel outil, j’ai réfléchi à une alternative gratuite et opérationnelle qui utiliserait un soft que l’on connait bien :
Permalien

See on Scoop.it – Création de sites, référencement, … Les Échos SEO : Google ne tient pas compte des « j’aime » et des « followers » Les Échos Les critères de valorisation des contenus des réseaux sociaux n’ont pas d’incidence directe sur leur référencement dans Google. See on business.lesechos.fr

Cet article SEO : Google ne tient pas compte des « j’aime » et des « followers » – Les Échos est apparu en premier sur Labo JNG WEB : Sites & Référencement.

Permalien
La hiérarchie des distractions numériques

Nos beaux objets technologiques occupent notre attention, parfois pour la bonne cause, parfois de façon exagérée.

Même en essayant de garder une certaine bonne conduite, nous sommes constamment interrompus dans nos tâches quotidiennes par une multitude de sollicitations numériques.

J'ai découvert ce schéma récemment, représentant le niveau de distraction selon les principales perturbations qui jalonnent nos journées.

Pas mal fait mais un peu complexe à mon goût, voici donc ma version un peu plus épurée avec les principaux outils.

(clic pour agrandir)

La hiérarchie des distractions numériques

Un exemple pour illustrer ?

Tu es en train de bosser quand une notification facebook te fait jeter un oeil à ton smartphone, tu te rends alors compte d'un DM sur Twitter mais ne prends pas le temps de le lire car un appel téléphonique t'interromps, jusqu'à ce que ton boss te demande de te remettre au boulot.

Tu vois le genre ?

Tu noteras que j'ai simplifié en ne citant que Twitter et Facebook pour les réseaux sociaux, mais on pourrait multiplier le jeu avec l'ensemble des outils sociaux de la planète.

N'hésite pas à proposer des améliorations et corrections, et bien sûr... à partager autour de toi, ça ne fera que quelques secondes supplémentaire de distractions ;-)

 

RSS2: 
0

Catégorie: 

Permalien
Le 18 février 2014 se tiendra la première édition du Web In Provence, à Marseille. L’objectif du WIP est simple : Réunir les acteurs locaux du digital pour un moment convivial et remplit d’échanges, de networking et de conférences. Pour cette première édition, c’est Stéphane Martin, senior product designer chez StackExchange qui se le conférencier, […]
Permalien
La gamification pourrait bien être un des concepts phares de l'année 2014, les utilisateurs recherchent du divertissement et les mécaniques du jeu permettent d'augmenter la fréquentation d'un site.
Permalien
L’indice de performance dans Windows a été introduit depuis Windows Vista en 2007. Par contre, cette fonction a été supprimée dans Windows 8.1.  Il n’est plus possible d’évaluer les performances de votre Windows, mais il reste des utilitaires pour permettre d’affiche cet indice. Pour le moment, il existe que deux utilitaires très légers permettant de vous [&hellip
Permalien
L’indice de performance dans Windows a été introduit depuis Windows Vista en 2007. Par contre, cette fonction a été supprimée dans Windows 8.1.  Il n’est plus possible d’évaluer les performances de votre Windows, mais il reste des utilitaires pour permettre d’affiche cet indice. Pour le moment, il existe que deux utilitaires très légers permettant de vous [&hellip
Permalien
il y a 79 jour(s)
Entre les Daft Punk, François Hollande, les Jeux Olympiques de Sotchi ou encore Shumacher, il n’y a plus aucun doute : En 2014 : on va casquer ! Article dans […]
Permalien
Nokia a publié sur Youtube une vidéo qui vante les mérites de la gamme Nokia Lumia au niveau de la sécurité par rapport aux appareils tournant sous Android. Argument mis en avant : l’impossibilité d’installer des applications tierces, ce qui permet aux utilisateurs de rester « prisonnier dans la sphère Windows », cela reste sans doute un…
Permalien

Vous êtes merveilleux ! Voilà un peu plus d’un an que j’ai lancé My Guroo ! Aujourd’hui, j’atteins le cap des 300 abonnés à mon flux RSS !!! Que du bonheur… Je tenais à partager ma joie avec vous. Merci, merci, merci ;D  

Cet article 300 Mercis à tous mes fans et abonnés RSS est apparu en premier sur My Guroo - formation community management.

Permalien
Je vous exposais récemment comment s’assurer qu’un Samsung Galaxy S4 n’est pas une contrefaçon en observant son design mais aussi en utilisant quelques codes cachés de l’appareil. C’est d’un de ces codes qui donne accès à un menu caché de nos chers SAMSUNG GALAXY que je vais vous parler et qui va nous permettre de résoudre le problème récurent de l’impossibilité d’installer une application
Permalien


Le post original est disponible à l'adresse Une journée d’hiver à Yellowstone – time lapse.

time-lapse-winter-journey-yellowstone

Focus sur le travail de Henry Jun Wah Lee qui nous téléporte dans le parc de Yellowstone en hiver où la nature est mise en avant à travers le monde naturel: nuages, étoiles, arbres, rivières, geysers, montagnes et bien plus encore. L’ensemble a été réalisé avec un Canon 1-DC et un Canon 5D Mark III. Musique de Justin R. ...


Lire le reste de l'article: Une journée d’hiver à Yellowstone – time lapse écrit par @lex.

Permalien
L'histoire des symboles high-tech célèbres

Nous sommes tellement habitués à utiliser tous les jours nos appareils high-tech, que nous ne nous rendons même plus compte que certaines fonctions sont accessibles grâce à des symboles que nous reconnaîtrions entre 1000... sans  avoir aucune idée de ce qu'ils représentent exactement.

Je suis tombé sur cette infographie, apparemment tirée de ce vieil article de Wired, qui explique justement l'origine de tout ces logos barbares. J'ai trouvé tout ça plutôt fascinant, alors je me suis dit qu'une adaptation à ma sauce pourrait t'être utile. Histoire de pouvoir sortir ta science de geek lors de la prochaine réunion de famille, briller en soirée et devenir passionnant et désirable pour tous les hommes et toutes les femmes de la Terre.

Et encore, je minimise.

Alors accroche toi à ta souris, c'est parti

Power

Symbole power

Depuis longtemps (j'ai lu ça et là de l'époque de la seconde guerre mondiale), les ingénieurs utilisent le système binaire pour étiqueter leurs boutons d'alimentation, "0" signifiant que l'appareil est éteint, et "1" qu'il est allumé.

On retrouve d'ailleurs ce dessin le plus simple sur les boutons poussoirs de certains appareils comme des multiprises ou les alimentations de nos PC (si si, tu peux vérifier).

Le symbole bien connu du cercle incomplet avec le trait à l'intérieur fut tout d'abord utilisé pour illustrer un mode de veille des appareils. Mais la norme IEEE fini par décider que ce symbole serait utilisé pour signifier simplement "power".

Pour l'anecdote le symbole officiel de veille est aujourd'hui un croissant de lune montante (j'en avais déjà vu, mais je ne me doutais pas que c'était officiel).

Plus d'infos (en anglais)

USB

symbole USB

L'origine de ce célèbre trident est bien... un trident, et sans doute le plus célèbre d'entre eux, celui de Neptune. Pourquoi, l'histoire ne le dit pas.

En revanche on sait que les trois formes géographiques (rond, triangle et cercle) utilisées pour remplacer les dents ont été retenues pour symboliser la multiplicité des appareils connectables via USB.

Bluetooth

Symbole bluetooth

Ce n'est pas forcément le symbole du Bluetooth qui est le plus intriguant, mais bien son nom autant poétique que mystérieux.

Il trouve son origine dans l'histoire du roi danois Harald 1er, surnommé Harald à la dent bleu (Harald Blåtand). Pas de certitude concernant son surnom, bleu (Blå en danois) pouvant signifier également "sombre", on parle autant d'une consommation excessive de myrtilles, colorant les dents, que d'une tradition scandinave des hommes de haut rang consistant à se limer les dents et à se les couvrir d'une pâte colorée.

Et figure toi que le symbole du Bluetooth provient des mêmes origines, par un savant mélange des initiales en alphabet runique de Harald Blåtand (Hagalaz et Berkanan)

Tout un programme.

FireWire

Symbole FireWire

La connexion FireWire provient des labos d'Apple (ça pour commencer, tu ne le savais pas forcément), et c'est également à ses designers que l'on doit son logo.

Destinée à faire circuler des données à haute vitesse, y compris des données audio et vidéo, le symbole à 3 branches désigne justement les données, l'audio et la vidéo.

Remarque que je ne suis pas sûr de la raison pour laquelle une des branches est différente. Représente-t-elle les données, puisque l'audio et la vidéo ne sont que des types de données ?

A noter que l'on trouve parfois simplement la mention 1394 issue de la norme IEEE portant le même numéro (je le sais parce que j'ai justement une prise sous les yeux).

Ethernet

Symbole ethernet

On imagine assez facilement 3 ordinateurs branchés en réseau en regardant ce symbole.

Ce logo couramment utilisé aujourd'hui est une création d'un designer d'IBM, David Hill, c'est en réalité une partie de schéma qui représentait un réseau local, les terminaux représentés n'ayant pas d'ordre hiérarchique (contrairement à ce que l'on pourrait croire en regardant le dessin)

Play / Pause

Symbole play pause

On trouve partout ces boutons permettant de contrôler la lecture de l'audio et de la vidéo (et même de diaporamas et autres animations), et pourtant il n'y a rien de certain concernant leurs origines, même si ils furent apparemment visibles la première fois dans les années 60 sur des magnétophones.

Le sens indiqué par le triangle du bouton "play" (par convention à droite aujourd'hui), désignait à l'époque la direction dans laquelle la bande magnétique des cassettes avançait (mais si, tu sais, les trucs avant les CD ?)

Concernant le symbole pause, plusieurs explications plausibles :

- une référence à la représentation d'une connexion ouverte sur un schéma électrique (personnellement je vois plutôt un condensateur, ce qui n'aurait aucun sens)
- le carré représentant le symbole "stop" avec un morceau en moins au milieu (mouais...)
- plus vraisemblablement une référence à la césure en musique qui signifie justement une... pause.

Je n'ai rien trouvé non plus concernant le carré représentant le stop, et  le rond rouge pour l'enregistrement.

Tes hypothèses sont les bienvenues. Même les plus folles, nous n'avons qu'à inventer l'histoire si elle n'existe pas indecision

Arobase

symbole @ arobase

L'origine de ce symbole est bien antérieure à son utilisation moderne, puisqu'on l'attribue aux moines copistes du début du Moyen Âge pour représenter le mot latin ad ("près de", "à")

Puis c'est l'écriture marchande de la Renaissance qui l'utilisait comme abréviation pour écrire la préposition "à" ("at" en anglais). On l'employait alors pour indiquer le prix unitaire des marchandises (4 eggs @ $1 => 4 oeufs à un dollar).

Cette usage perdura longtemps, et on plaça ce symbole sur les claviers des machines à écrire, puis sur les ordinateurs.

C'est ensuite en 1971 que l'informaticien Ray Tomlinson choisit de l'utiliser dans les adresses de messages électroniques, parce qu'il n'appartenait à aucun alphabet.

Il est progressivement devenu le symbole du courrier électronique, puis par extension d'Internet dans son ensemble.

 

Et voilà, j'espère que tu as appris des trucs, n'hésite pas à me demander si d'autres symboles t'intriguent, j'essaierai de faire des recherches.

RSS2: 
0

Catégorie: 

Permalien
Icon

Suite à notre classement des meilleurs apps GPS pour iPhone, vous allez découvrir le classement des meilleurs kit de navigation pour smartphone. Quel kit de navigation pour smartphone choisir? Quel est le meilleur kit de navigation pour smartphone? Aujourd’hui les apps de navigation GPS pour smartphone rivalisent avec un GPS voiture. A ce sujet, vous pouvez […]

The post Les meilleurs kit de navigation pour smartphone appeared first on GPS Zapp.

Read more
Permalien
Animer sa page Facebook est un bon moyen de développer sa notoriété et d'interagir avec ses fans, Socialshaker vous propose 30 applications clés en main pour dynamiser vos pages.
Permalien
Remettre par défaut les tuiles de l’écran d’accueil de Windows 8 et Windows 8.1. Vous avez supprimé, ajouté, déplacer plusieurs tuiles de la page d’accueil de Windows 8 ou Windows 8.1 et que vous souhaiter retrouver les tuiles par défaut au moment de l’installation, vous avez qu’à suivre le tutoriel. Pour commencer, voici écran d’accueil. [&hellip
Permalien
Texas, 1964, Elliott et Clarence sont deux demi-frères nés sous une mauvaise étoile. Après l’assassinat de leur mère, ils ont passé le plus clair de leur adolescence dans des maisons […]
Permalien
Après Shoot the Zombirds, Zombie Dash, Zombie Farm 2, Plants vs Zombies, ou encore l’excellent INFECTONATOR, voici venu un autre jeu à base de morts-vivants ! Zombie Tsunami est un bon jeu de zombie où le but est de transformer le plus de monde possible en morts vivants pour asservir le monde et terroriser la populace avec votre armée ! Votre horde…
Permalien

Matt Cutts donne ses conseils au sujet de WordPress Je ressors, cette vidéo sur l’intervention de Matt Cutts au WordCamp de San Francisco en 2009. Malgré le fait que cette vidéo date un peu, elle explique très bien tous les éléments basiques que vous devez mettre en oeuvre pour avoir un blog qui marche. Matt [...]

Cet article Matt Cutt s’exprime sur WordPress et son optimisation SEO est apparu en premier sur My Guroo - formation community management.

Permalien
Remettre par défaut les tuiles de l’écran d’accueil de Windows 8 et Windows 8.1. Vous avez supprimé, ajouté, déplacer plusieurs tuiles de la page d’accueil de Windows 8 ou Windows 8.1 et que vous souhaiter retrouver les tuiles par défaut au moment de l’installation, vous avez qu’à suivre le tutoriel. Pour commencer, voici écran d’accueil. [&hellip
Permalien


Le post original est disponible à l'adresse La beauté de la République tchèque en time lapse.

time-lapse-republique-tcheque

EMproduction, studio déjà présenté il y a quelques mois sur le blog nous présente aujourd’hui la beauté des paysages de la République tchèque. Coté matériel, on retrouve juste un Canon 5D Mark II avec comme objectif un canon 16-35mm. Côté destination, on peut retrouver : Le Sud de la Moravie avec Brno, Palava et Mikulov. Le Nord de la ...


Lire le reste de l'article: La beauté de la République tchèque en time lapse écrit par @lex.

Permalien
Alors que le Samsung Galaxy S5 pourrait être dévoilé courant mars lors d’un évènement dédié à Londres ou à New York, la toile s’enflamme un peu plus chaque jour à son sujet. Désormais, il ne passe plus une journée ou...
Permalien
Icon

Suite à notre comparatif des montres GPS, vous allez découvrir le classement des meilleures montre GPS pour femme pour 2014. Une montre GPS est une montre avec récepteur GPS intégré qui s’attache au poignet comme une montre classique. La montre peut avoir plusieurs fonctions et être utilisé pour la course à pied, le vélo, la […]

The post Top 5 des meilleures montre GPS pour femme appeared first on GPS Zapp.

Read more
Permalien
Petit guide des polices et de la typographie

On a beau répéter que l'image prend de plus en plus de place sur le web, il y a également un élément indissociable de notre toile adorée depuis sa création : l'écriture, et les différentes formes qu'elle peut prendre.

Je crois d'ailleurs qu'elle occupe une place de plus en plus importante sur les sites modernes, le design de certains d'entre eux reposant en grande partie sur le choix, la taille, la couleur et l'emplacement de la typographie.

Remarque que je parle de web, mais n'importe quelle publication numérique ou sur papier est concernée au même titre.

Si beaucoup ont tendance à négliger cet aspect, les amateurs de belles réalisations seront au contraire très attentifs. Que celui qui n'a jamais vomi devant un document important écrit en Comic Sans MS me jette la première pierre.

Cependant, lorsque l'on souhaite choisir une police et la mettre en forme proprement pour n'importe quelle réalisation, l'étendue des possibilités est gigantesque.

Voici donc un petit guide sans prétention destiné à connaître l'essentiel sur le sujet.

Quelques notions de base

Typographie

Polices et fontes

On voit souvent les deux termes utilisés indifféremment, alors qu'on ne parle pas exactement de la même chose.

En gros la police est l'ensemble des représentations de caractères d'une même famille, quelle que soit la taille et la graisse utilisées.

En revanche la fonte désigne précisément des caractéristique de corps, graisse et italique pour une police donnée.

Exemples :

- Arial est une police
- Arial gras 12 point est une fonte

C'est aussi simple que ça.

Serif ou sans serif ? La classification des polices

Afin de mettre un peu d'ordre parmi les multiples possibilités, plusieurs classifications ont vu le jour au fil des années, dont je te passerai l'historique (plus d'infos ici)

La plus utilisée aujourd'hui, surtout sur le web, est celle du W3C qui nous donne les grandes familles suivantes :

times- serif : polices à empattement (exemples : Times New Roman, Georgia, Garamond...)

 

helvetica- sans-serif : polices sans empattement (ex : Arial, Helvetica, Tahoma, Verdana...)

 

lucida handwriting- cursive : polices simulant l'écriture à la main (ex: Lucida Handwriting, mais aussi Comic Sans MS (et ouais !))

 

blackletter- fantasy : polices plus exotiques, décoratives (ex : Impact, Fraktur...)

(une collection de polices célèbres de films)

courier- monospace : polices à chasse fixe (largeur utilisée pour chaque caractère) (ex : Courier New, Lucida Console...)

Une illustration plus parlante :

Police monospace

Quelle famille de police choisir alors ?

Tout dépendra bien sûr de l'usage que tu vas en faire. Sur des grands blocs de textes, il faut essayer de ne pas perturber le lecteur, et préférer des polices sobres et habituelles, type serif et sans-serif (ou en tout cas proches visuellement de modèles habituels). J'ai lu ça et là qu'il vaudrait mieux préférer les polices sans-serif sur le web, plus facile à lire, mais je reste perplexe puisque certains services dédiés à la lecture comme Medium utilisent des polices serif pour le corps du texte.

Quant aux polices plus originales, mieux vaut les réserver aux titres ou a des blocs de textes courts (citations, mise en valeur...)

La structure des lettres

Il existe un tas de termes barbares pour désigner toutes les subtilités des caractères.

Un dessin valant parfois mieux qu'un long discours, je pense que tu trouveras ton bonheur avec ça :

anatomie des catactères

J'ajouterais également deux autres termes : la hampe qui correspond à la partie au dessus de la Hauteur d'x, et le jambage sous la ligne de base.

(une version anglaise plus complète ici, et tout un article là)

La taille des polices

taille des policesExprimée au choix en point, pixels, ou en valeur relative (em ou %), la taille désigne en fait la hauteur du corps de la police (cf schéma au dessus).

Attention cependant, l'affichage pourra rendre complètement différemment selon la police : 2 polices en 12 points n'auront pas forcément la même taille et surtout la même largeur.

 

 

La graisse

police graisseLa graisse correspond tout simplement à l'épaisseur du trait, et permet de mettre en valeur certains mots, titres, paragraphes...

En partant d'une graisse dite normale ou regular (font-weight: 400 en CSS), on peut aussi bien grossir le trait vers gras, heavy, black (avec tous les intermédiaires), ou au contraire l'affiner avec léger (light), extra-light, ultra-light.

C'est d'ailleurs une tendance que l'on trouve de plus en plus souvent dans le webdesign moderne : des polices de grande taille avec des caractères très fin.

Bien utiliser les polices, quelques conseils

Polices

Ne pas mélanger trop de polices différentes

polices différentesC'est un défaut que l'on retrouve très souvent dans les publications amateurs : chaque information sera écrite avec une fonte totalement différente : une police fantasy pour le titre, une police serif en gras pour la date, une police sans-serif en italique pour le lieu... et tout le reste en Comic Sans MS bien entendu.

Il est souvent plus prudent de limiter le nombre de polices différentes sur un même document. Les variations de taille, de graisse voir de couleur doivent déjà permettre de mettre en valeur les différents éléments.

Donc avec 2-3 polices différentes, tu devrais t'en sortir.

Les combinaisons de polices

polices combinaisonsMaintenant que tu connais tout des différentes familles de police, et que tu sais qu'il ne faut pas trop exagérer sur leur nombre dans un même document, tu vas pouvoir jouer à les combiner.

Le jeu pour que ça fonctionne est qu'elles soient suffisamment différentes pour être facilement reconnaissables, mais pas trop pour que l'ensemble paraisse homogène.

Je trouve l'exemple ci-contre assez parlant. Pas de faute grave sur le premier exemple, mais en effet la lecture est plus difficile qu'avec les deux autres, car le contraste entre les deux polices est trop élevé.

N'oublie pas également que tu peux jouer sur la taille, la graisse, la couleur, la décoration

(plus d'infos (en anglais), mais aussi ici)

Modifier les polices ?

Modifier policesN'oublie pas également qu'une même police peut-être adaptée selon tes besoins, car on peut jouer sur la hauteur des interlignes, ou l'espacement entre les caractères (exemple ci-contre sous Gimp)

La mise en forme des paragraphes

paragraphesLes caractères, c'est une chose, mais autant les utiliser dans des ensembles clairs et cohérents

Premier point, la séparation entre deux paragraphes. Pour bien faire la distinction, tu peux soit laisser un espace libre entre les deux, soit débuter le second avec un alinéa.
Mais pas les deux ! C'est comme boire ou conduire, ou Julie ou Valérie, il faut choisir.

("non, t'as pas osé la placer celle là ?"

Bah si")

Deuxième point : faut-il justifier le texte ou l'aligner à gauche ?

Autant sur un format d'impression, où l'on maîtrise le rendu final, la justification peut se justifier (pouet), autant sur le web où l'on aura autant de rendus différents que de taille d'écran et de fenêtre, c'est ingérable, et l'on risque de se retrouver avec de loooooooooooooongs espaces entre les mots.

Donc l'alignement à gauche est très bien, il donne en plus une meilleure vision des différentes lignes de texte, rendant plus facile la lecture rapide.

N'hésite pas également à utiliser des grilles sur tes outils de mise en page pour aligner l'ensemble des textes correctement, et respecter les espacements.

(pour en savoir plus (en anglais))

Attention aux espaces et à la ponctuation !

Voilà bien un truc qui m'énerve, car certains n'ont pas dû apprendre les règles à l'école :

- on met une espace après un point ou une virgule (et pas avant !). On les appelle d'ailleurs des signes simples, et la règle est "signe simple, espace simple"
- Pour les ! ? : ; on met une espace avant, une espace après (signe double, espace double)
- pour les () [] {} et les guillemets, on met des espaces à l'extérieur, pas à l'intérieur

(remarque si ça t'a fait bizarre comme moi au début : on dit bien "une" espace en typographie)

(je ne m'étendrai pas plus ici, regarde ici pour tout savoir)

Quelle police sur le web ? L'utilité des web fonts

Web fontsAux origines du web, nous étions un peu limité en termes de polices de caractère, puisque pour qu'une police s'affiche sur le navigateur d'un gentil internaute, il fallait qu'elle soit déjà installée sur son ordinateur.

Bien heureusement, une propriété CSS a commencé à être pris en compte de plus en plus souvent par les navigateurs, la propriété @font-face.

Celle-ci permet d'utiliser des polices présentes sur le web, même si elles ne sont pas installées sur l'appareil qui consulte la page. Des bibliothèques de polices fleurissent alors un peu partout pour pouvoir faire son choix parmi des milliers de références.

Google Web Fonts par exemple est assez performante et facile à mettre en place.

Un article complet sur Alsacréations.

 

 

Te voilà désormais incollable sur les polices et la typographie, je compléterai sans doute cet article si d'autres choses me viennent... et avec tes commentaires bien entendu.

 

Pour en savoir plus sur les polices et la typographie :

How to Get Really Good at Typography in One Month
Du bon usage de la typographie sur la toile
Quelles polices de caractères (fontes) utiliser sur le Web ?

 

 

RSS2: 
0

Catégorie: 

Permalien
Parmi les nouvelles fonctionnalités disponibles dans Windows 8.1, il est maintenant possible d’afficher sur l’écran d’accueil (Modern UI) le fond d’écran que vous avez défini sur votre bureau. Pour activer cette option, il faut commencer par faire un clic droit sur la barre des tâches, puis cliquer sur « Propriétés ». Par la suite, il suffit de cliquer [&hellip
Permalien
Cette nouvelle technologie va mettre à la portée de tous, la réalisation de clichés panoramiques instantanés, la création de spherical maps et de photomontages 3D.
Permalien
Waze est une application que j’utilise maintenant depuis plusieurs mois avec beaucoup de satisfaction. Désormais mon smartphone a remplacé mon GPS sans regrets ! Waze est une application mobile développée par une société israélienne, rachetée par Google il y a quelques semaines pour 966 millions de dollars (d’après wiki). C’est une application participative de navigation par…
Permalien

Après lecture d’un sujet sur la thématique du duplicate content sur un célèbre forum dédié au SEO, j’ai décidé de partager cette découverte avec vous, chers lecteurs. Afin de vérifier les contenus dupliqués sur un site internet, un outil en ligne, pour le moment gratuit, scanne les pages de votre site web et vous indique […]

Cet article Vérifier les contenus dupliqués d’un site web est apparu en premier sur Labo JNG WEB : Sites & Référencement.

Permalien

Donnez vie à votre compte Twitter Personnaliser votre profil Twitter permet de donner une autre dimension à votre visibilité en ligne. Modifier votre thème graphique vous permettra d’avoir une image bien plus professionnelle. Il existe pas mal de styles différents et de possibilités. Et pourtant, il n’est pas nécessaire d’être un graphiste chevronné pour arriver [...]

Cet article Les techniques pour personnaliser votre profil Twitter est apparu en premier sur My Guroo - formation community management.

Permalien
Avec Windows 8/8.1, il y a une nouvelle fonctionnalité très intéressante pour ceux qui aiment prendre des captures d'écran seulement par un raccourci clavier sans passé par un logiciel tiers. Pour effectuer la capture d'écran, il suffit simplement d'appuyer sur la touche Windows et la touche Imp Ecr ou Prt Scr en même temps. La capture sera automatiquement enregistrée au format .png dans vos images de votre utilisateur. Si vous voulez changer la destination des captures d'écran, voici la procédure
Permalien
Se connecter en SSH sur un téléphone android
Permalien
Profitez de ce code promo: 15% sur tout le site ledhut.fr Les avantages des leds est une faible consommation électrique due à un rendement correct et une durée de vie beaucoup plus longue qu’une lampe à incandescence ou à fluorescence. Alors n’attendez plus pour éconnomiser.
Permalien
Avec Windows 8.1, le bouton Démarrer a refait surface. Comme plusieurs l'ont remarqué, ce dernier n'appelle pas l'ancien menu démarrer comme ont n'a connu. Par contre, il y a une possibilité de le remplacer par l'écran des applications, mais avec l'interface Modern
Permalien
Près d'un Français sur deux pratique la conso collaborative, la startup Drivy offre un réel service pratique, économique, écologique, et substitutif à la possession permanente d'un véhicule personnel qui reste l'essentiel de son temps au parking.
Permalien
Nous en parlions il y a peu, Hewlett-Packard va revenir sur le marché des terminaux mobile. Attardons nous maintenant sur les caractéristiques techniques de la seconde phablette de HP, le Slate 7 VoiceTab. Ce téléphone aura un écran de 7 pouces, à ce niveau là, on est clairement face à une petite tablette ! Niveau…
Permalien

See on Scoop.it – Création de sites, référencement, … Avec de nouveaux blogs en cours de rédaction par la seconde le vôtre doit absolument offrir quelque chose de mieux. Vous devez attirer l’attention des .. See on www.redactrice-web.ma

Cet article Rédaction web : Conseils fondamentaux pour écrire un article de qualité est apparu en premier sur Labo JNG WEB : Sites & Référencement.

Permalien