Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

  • http://typographisme.net

/post

  • ►/Les-espaces-typographiques-et-le-web
  • ►/Bienvenue-%C3%A0-Pointypo
  • ►/De-la-cesure-et-du-Web
  • ►/Viste-de-l-atelier-de-typo-1-la-composition
  • ►/Macro-typographie-sur-le-Web-–-Less-is-more
  • ►/Macro-typographie-sur-le-Web-
  • ►/Les-ligatures-dans-les-navigateurs
  • ►/La-justification-sur-le-web-:-usages-et-précautions
    • ►#note1
  • ►/Maitriser-le-délais-d-affichage-des-fontes
  • ►/Tout-ce-que-vous-avez-toujours-voulu-savoir-sur-Eurostile
  • ►/Tout-ce-que-vous-avez-toujours-voulu-savoir-sur-Baskerville
  • @jjllnn
    jjllnn @jjllnn CC BY 7/06/2012
    2
    @baroug
    @aris
    2

    ThinSpace, un plugin js ou php qui insère des espaces fines insécables automatiquement avant les doubles ponctuations.
    ►http://deadpx.fr/thinsp/#introduction

    ThinSp.js est une solution expérimentale pour pouvoir utiliser et placer automatiquement des espaces fines insécables sur le Web.

    L’un des problèmes avec les espaces fines insécables est son incompatibilité native avec certains navigateurs et certaines fontes. En attendant une généralisation des navigateurs récents supportant ce caractère Unicode spécial, j’ai choisi une solution plus lente et légèrement moins sémantique mais toutefois efficace : placer, avant chaque signe double, une espace insécable ( ) entourée d’un <span> d’un corps d’¼ de cadratin, rendant l’espace fine. Cette solution est également automatique, puisqu’elle va automatiquement rechercher les signes doubles et effectuer la correction.

    #typographie #javascript

    jjllnn @jjllnn CC BY
    • @arno
      ARNO* @arno ART LIBRE 7/06/2012

      Oui, mais :
      – espace normale insécable avant les deux-points (et non demi-espace),
      – il est parfaitement admis (et c’est ce que je préfère) d’utiliser l’espace normale insécable (et non la demi-espace) avant les points d’interrogation et d’exclamation ;
      – à l’intérieur des guillemets « français », pareil, espace normale insécable.

      Du coup, contrairement aux exemples que donne l’auteur, le seul caractère qui réclame absolument l’espace fine, c’est le point-virgule.

      ARNO* @arno ART LIBRE
    • @jjllnn
      jjllnn @jjllnn CC BY 7/06/2012

      Oui, je ne suis pas vraiment d’accord avec les règles qu’il propose, ni avec les tiennes totalement d’ailleurs, mais tout ça est forkable pour l’adapter à ses propres règles.

      jjllnn @jjllnn CC BY
    • @fil
      Fil @fil 7/06/2012

      je le fais côté php, mais merci du lien

      Fil @fil
    • @aris
      aris  @aris CC BY-SA 10/06/2012

      Pour donner raison à Arno*
      ►http://typographisme.net/post/Les-espaces-typographiques-et-le-web

      Mais comme on dit, il ne s’agit véritablement que de recommandations !

      En ce qui me concerne, je pence que pour les titres un espace insécable plein pour les guillemets c’est visuellement beaucoup trop... et j’aurais tendance à lui préférer une fine.

      Question d’œil.

      aris  @aris CC BY-SA
    Écrire un commentaire
  • @baroug
    baroug @baroug 7/03/2012
    @paulinenunez

    Bienvenue à Pointypo - Typographisme
    ►http://typographisme.net/post/Bienvenue-%C3%A0-Pointypo

    ►http://www.pointypo.com

    Vous l’avez sans doute appris par Twitter si vous suivez notre fil ou celui d’autres amateurs de typo : la semaine dernière a vu la naissance d’un nouveau site francophone dédié à l’actualité typographique, Pointypo. Très actif, alimenté par des rédacteurs de grande coualité – Jérémie Baboukhian, Jean-Baptiste Levée et Pauline Nuñez (@paulinenunez) – vous y trouverez tous les événements (expos, ateliers, formations, conférences, nouveautés des fonderies, etc.) qui font l’actualité de la #typographie francophone.

    baroug @baroug
    Écrire un commentaire
  • @baroug
    baroug @baroug 7/03/2012
    6
    @fil
    @ateliermediaslibres
    @0gust1
    @jjllnn
    @rastapopoulos
    @mukt
    6

    De la césure et du Web - Typographisme
    ►http://typographisme.net/post/De-la-cesure-et-du-Web

    La césure (ou « hyphen » en anglais) est une coupure de mot qui survient en fin de ligne. Il s’agit d’un artifice bien connu des composeurs pour gérer les lignes de texte justifié depuis des siècles. Jusqu’à présent, son usage sur le Web était difficile, on la disait même parfois impossible. Cependant, comme vous allez le voir, beaucoup de choses sont en fait possibles. Entre solutions des temps anciens et nouveautés de CSS3, voyons comment démocratiser l’usage des césures sur le Web.

    #typographie

    baroug @baroug
    Écrire un commentaire
  • @baroug
    baroug @baroug 9/01/2012
    2
    @odilon
    @supergeante
    2

    Visite de l’atelier de #typographie : la composition - Typographisme
    ►http://typographisme.net/post/Viste-de-l-atelier-de-typo-1-la-composition

    Comme je suis freelance, je peux employer mon temps n’importe comment, ce qui me permet par exemple de déserter mon poste de travail tous les mercredis après-midi pour aller attraper le saturnisme en buvant du bon vin – autrement dit, faire de la typographie au plomb à l’Atelier des Arquebusiers, dans le Marais à Paris.

    baroug @baroug
    • @die_brucke
      Die Brücke @die_brucke CC BY-NC 9/01/2012

      D’autres imprimeurs se disant épanouis avec le saturnisme :
      ►http://www.imprimerietrace.fr/trace/ACCUEIL.html

      Die Brücke @die_brucke CC BY-NC
    • @odilon
      odilon @odilon CC BY-NC-ND 9/01/2012

      il faut bien reconnaître que ça a son charme...

      odilon @odilon CC BY-NC-ND
    Écrire un commentaire
  • @ari
    Ari @ari 19/10/2011
    1
    @dizanv
    1

    Les espaces typographiques et le web - Typographisme
    ►http://typographisme.net/post/Les-espaces-typographiques-et-le-web

    En typographie, il existe tout un tas de règles sur la gestion des espaces entre les mots et les caractères. Malheureusement, le Web est extrêmement fruste de ce point de vue là, à ce qu’il paraît. Mais qu’en est-il réellement ? Précédemment, Je vous ai parlé des ligatures qui sont une des réponses (parmi bien d’autres) à la question des espaces entre les lettres. Cette fois-ci, nous allons nous pencher sur la question des espaces entre les mots. Est-ce qu’il se pourrait qu’on puisse utiliser l’espace fine insécable… en vrai ?

    #typographie #webdesign

    Ari @ari
    Écrire un commentaire
  • @fil
    Fil @fil 29/08/2011
    2
    @julien
    @nhoizey
    2

    #CSS - The #Semantic #Grid System : Page Layout For Tomorrow - Smashing Magazine
    ►http://coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-layout-for-tomorrow

    une #grid sans les défauts des grid, utilise le moteur #LESS

    Fil @fil
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 2/09/2011
      @htmlzg

      Oh bin @htmlzg a fait mieux ici : ►http://typographisme.net/post/Macro-typographie-sur-le-Web-–-Less-is-more
      #less #grille #css

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @seenthis
    Seenthis @seenthis CC BY-SA 29/04/2011
    1
    @tom_dubois
    1

    #seenthis_done : Ajouté la détection d’un caractère supplémentaire dans les URL. Ça faisait déconner la détection de :
    ►http://typographisme.net/post/Macro-typographie-sur-le-Web-–-Less-is-more

    Seenthis @seenthis CC BY-SA
    • @tom_dubois
      Thomas Dubois @tom_dubois CC BY 27/06/2011

      Macro-typographie sur le Web – Une grille dynamique

      Introduction à la compilation et la programmation des #CSS à partir de #LESS

      Thomas Dubois @tom_dubois CC BY
    Écrire un commentaire
  • @baroug
    baroug @baroug 29/04/2011

    Macro-#typographie sur le Web – Une #grille dynamique - Typographisme
    ►http://typographisme.net/post/Macro-typographie-sur-le-Web-–-Less-is-more

    Après avoir passé en revue outils et techniques pour travailler correctement avec des grilles de mise en page verticales et horizontales, il est temps de s’affranchir des défauts inhérents à la bibliothèque précédemment choisie (Blueprint) ; mais aussi y apporter une plus grande… Soup–Less–e !

    Voyons ensemble les avantages à compiler les feuilles de style ! (Et c’est promis, plus de jeu de mots.)

    baroug @baroug
    Écrire un commentaire
  • @baroug
    baroug @baroug 6/04/2011
    3
    @aris
    @fil
    @stephane
    3

    Les #ligatures dans les navigateurs - Typographisme
    ►http://typographisme.net/post/Les-ligatures-dans-les-navigateurs

    les ligatures améliorent la lisibilité et l’esthétique des fontes. En général, en informatique, la gestion des ligatures fait l’objet d’un traitement plus ou moins automatique et cela dépend beaucoup des logiciels qui assurent le rendu typographique. Les navigateurs Web ne font pas exception et ce sont eux qui doivent faire le boulot (souvent en se reposant sur l’OS sous-jacent). Or donc, comment ça marche dans les navigateurs ?

    #typographie

    baroug @baroug
    Écrire un commentaire
  • @baroug
    baroug @baroug 31/01/2011
    1
    @aris
    1

    La justification sur le web : usages et précautions - Typographisme
    ►http://typographisme.net/post/La-justification-sur-le-web-:-usages-et-précautions#note1

    #typographie #webdesign

    baroug @baroug
    • @fil
      Fil @fil 1/02/2011

      L’algorithme de #Knuth (et de #TeX) existe aussi en #javascript ►http://www.bramstein.com/projects/typeset

      Fil @fil
    • @fil
      Fil @fil 9/03/2011

      cf ►http://seenthis.net/messages/13468

      Fil @fil
    Écrire un commentaire
  • @baroug
    baroug @baroug 24/01/2011
    2
    @aris
    @fil
    2

    Maitriser le délai d’affichage des fontes - Typographisme
    ►http://typographisme.net/post/Maitriser-le-délais-d-affichage-des-fontes

    À titre personnel, je suis plutôt partisan de la méthode choisie par Firefox et Opera. En effet, le Web est un milieu hostile où l’on ne maîtrise pas les conditions de rendu ni la latence réseau. En conséquence je préfère être sûr que mes visiteurs pourront lire le texte plutôt que d’être sûr que celui-ci sera joli (mais si je peux avoir les deux, je préfère encore plus). Ceci étant, si vous construisez des sites où le design est primordial et où le contenu textuel n’est qu’un soutien graphique, il est effectivement souhaitable d’avoir un comportement comme celui de Safari, Chrome ou Internet Explorer. Ah ! Cruel dilemme.

    LIMITER LE CLIGNOTEMENT

    Allons courage, il n’y a pas de fatalité, et il est possible de réduire les inconvénients liés à l’une ou l’autre des solutions d’affichage. D’abord voyons comment limiter l’effet de clignotement de Firefox et Opera.

    #typographie #font-face

    • #Allons
    baroug @baroug
    • @fil
      Fil @fil 25/01/2011

      quel cauchemar ce truc

      Fil @fil
    Écrire un commentaire
  • @baroug
    baroug @baroug 30/11/2010

    Youpi / Tout ce que vous avez toujours voulu savoir sur Baskerville
    ►http://typographisme.net/post/Tout-ce-que-vous-avez-toujours-voulu-savoir-sur-Baskerville

    baroug @baroug
    • @arno
      ARNO* @arno ART LIBRE 30/11/2010

      J’avais bien aimé aussi son billet sur l’#Eurostile :
      ►http://typographisme.net/post/Tout-ce-que-vous-avez-toujours-voulu-savoir-sur-Eurostile
      #typographie #baskerville

      ARNO* @arno ART LIBRE
    • @baroug
      baroug @baroug 30/11/2010

      Oui, en fait tout ça est issu d’un chouette bouquin — ►http://www.adverbum.fr/guide-pratique-de-choix-typographique-rault-david-atelier-perrousseaux_ouvr — mais ils viennent d’annoncer des inédits !

      baroug @baroug
    Écrire un commentaire