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

 
  • #l
  • #li
RSS: #lisibilité

#lisibilité

  • #lisibilité-web
0 | 25
  • @b_b
    b_b @b_b PUBLIC DOMAIN 31/08/2023
    8
    @monolecte
    @sandburg
    @ericw
    @jeanmarie
    @rastapopoulos
    @7h36
    @bouts
    @alexcorp
    8

    Designing Accessible Text Over Images: Best Practices, Techniques, And Resources — Smashing Magazine
    ▻https://www.smashingmagazine.com/2023/08/designing-accessible-text-over-images-part1
    ▻https://www.smashingmagazine.com/2023/08/designing-accessible-text-over-images-part2

    https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-overlay.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-scrim.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-strips.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-space.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-blur.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-frame.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-soft-colored-gradients.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-placement.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-shapes.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-gradients.jpg

    #CSS #gradient #Images #Text

    En complément de ▻https://seenthis.net/messages/924372

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 1/09/2023

      #accessibilité #lisibilité #contraste #dégradé #intégration #web

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 23/09/2022
    9
    @fil
    @biggrizzly
    @rastapopoulos
    @simplicissimus
    @7h36
    @marcimat
    @alexcorp
    @monolecte
    @jacotte
    9

    Download the Atkinson Hyperlegible #Font | Braille Institute
    ▻https://brailleinstitute.org/freefont

    A new typeface – greater legibility and readability for low vision readers

    Atkinson Hyperlegible font is named after Braille Institute founder, J. Robert Atkinson. What makes it different from traditional typography design is that it focuses on letterform distinction to increase character recognition, ultimately improving readability. We are making it free for anyone to use!

    https://brailleinstitute.org/wp-content/uploads/2020/02/BIA_AtkinsonHyerlegible-recognizable-footprints-differentiated-letterforms-transparent.png https://brailleinstitute.org/wp-content/uploads/2020/02/BIA_AtkinsonHyerlegible-unambiguous-characters-transparent.png https://brailleinstitute.org/wp-content/uploads/2020/02/BIA_AtkinsonHyerlegible-exaggerated-forms-opened-counterspace-transparent-revised.png https://brailleinstitute.org/wp-content/uploads/2020/02/BIA_AtkinsonHyerlegible-angled-spurs-circular-details-transparent.png

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/09/2022

      #lisibilité

      RastaPopoulos @rastapopoulos CC BY-NC
    • @vazi
      vazy @vazi CC BY 2/10/2022
      @jacotte

      @jacotte

      vazy @vazi CC BY
    Écrire un commentaire
  • @cdb_77
    CDB_77 @cdb_77 19/07/2022
    3
    @ericw
    @monolecte
    @touti
    3

    Le réseau de l’Université du Québec offre un #guide de #communication_inclusive qui procure des pistes pour améliorer sa façon de communiquer en la rendant plus inclusive et respectueuse.

    https://www.capres.ca/wp-content/uploads/2022/05/guide-uq-2.png

    Issu du travail de la communauté de pratique en équité, diversité et inclusion (EDI) de l’Université du Québec, le « Guide de communication inclusive : Pour des communications qui mobilisent, transforment et ont du style ! » est constitué de quatre parties décrivant plusieurs #stratégies de communication inclusive écrite, orale, visuelle et publique.

    La communication écrite inclusive

    Cette section décrit quatre stratégies associées à l’écriture inclusive :

    1. Abandonner l’utilisation du #masculin_générique (p.12).
    2. Privilégier les #termes_épicènes et les formulations englobantes (p.13).
    3. Utiliser stratégiquement les #doublets_complets pour augmenter la #visibilité des #femmes dans le discours (p.16).
    4. Faire un usage limité et raisonné des #doublets_abrégés (p.19).

    Chaque stratégie est accompagnée d’exemples de termes ou de formulations à privilégier pour préserver la #lisibilité des textes. Les stratégies mises de l’avant dans cette partie sont aussi résumées dans un #aide-mémoire.

    Cette section présente également des #bonnes_pratiques quant au choix des caractères, à l’utilisation et à l’organisation de l’espace, à l’usage de tableaux et graphiques et à la diffusion en format imprimé ou numérique des écrits.

    La #communication_orale inclusive

    La section portant sur la communication orale inclusive décrit des principes associés à l’utilisation d’un langage respectueux et inclusif, tant en contexte formel que dans les échanges quotidiens.

    La #communication_visuelle inclusive

    La troisième section du guide aborde les messages véhiculés par le biais des #images qui accompagnent les communications institutionnelles et offre des pistes pour valoriser la #diversité grâce à un choix judicieux d’images.

    « Une communication visuelle inclusive s’assure de ne pas renforcer les #stéréotypes et essaie de s’en détacher. Il est question d’adopter une posture de vigilance pour véhiculer des messages non sexistes, non racistes, non hétéronormatifs, non cisnormatifs et non capacitistes. »
    (Université du Québec, 2021, p.32)

    La communication publique inclusive

    Cette dernière partie du guide aborde :

    – Les façons de « contribuer au rayonnement équitable » (p.36) de chaque membre de la communauté universitaire ;
    – Les stratégies publicitaires et de médias sociaux ;
    – L’accessibilité des sites Web ;
    – L’organisation d’événements, tant au niveau des invitations et de la promotion que de la programmation.

    Le guide comporte également plusieurs annexes qui offrent des outils supplémentaires pour adapter ses pratiques communicationnelles. On y retrouve notamment une liste de termes neutres ou épicènes correspondant à des mots couramment utilisés en milieu universitaire ainsi qu’une liste de documents complémentaires (guides de communication inclusive d’universités et d’autres organismes publics, lexiques, formations en ligne, etc.).

    ▻https://www.capres.ca/systemes-et-enjeux-de-lenseignement-superieur/guide-de-communication-inclusive-outil

    Pour télécharger le guide :
    ▻https://www.uquebec.ca/reseau/fr/system/files/documents/edi/guide-communication-inclusive_uq-2021.pdf

    #écriture_inclusive #inclusivité

    CDB_77 @cdb_77
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 29/07/2021
    5
    @cy_altern
    @kent1
    @jeanmarie
    @george
    @rastapopoulos
    5

    Handling #Text Over #Images in #CSS - Ahmad Shadeed
    ▻http://ishadeed.com/article/handling-text-over-image-css

    https://ishadeed.com/assets/text-image/text-image-solutions.jpg

    You might come across a UI component that has text above an image. In some cases, the text will be hard to read depending on the image being used. There are some different solutions like adding a #gradient overlay, or a tinted background image, text-shadow, and others.

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 29/07/2021

      #accessibilité #lisibilité #contraste #dégradé #intégration #web

      RastaPopoulos @rastapopoulos CC BY-NC
    • @arno
      ARNO* @arno ART LIBRE 30/07/2021

      Ça c’est le truc le plus fun dans mon boulot : tu peux être certain que quand le graphiste propose les maquettes au client où il y a du texte sur des images, il va à tous les coups choisir la plus belle image possible, avec de très beaux aplats de couleur (la mer bleue jusqu’à l’horizon, un grand champ de blé bien flou au premier plan…) sur lesquels il prendra bien soin d’installer son texte. Oh c’est beau. Et la première image que le client mettra en ligne sera évidemment une photo super-moche, avec des micro-contrastes épouvantables partout, et parfois même (oh joie) déjà du texte dans l’image elle-même. Évidemment le texte devient illisible, et c’est à toi de trouver fissa une solution magique.

      L’autre caractéristique du texte sur une image, c’et que c’est souvent dans des blocs de dimensions fixes. Et là encore, le graphiste va soumettre des maquettes où les titre sont « Lorem ipsum », ou « Ici le titre ». Et le premier article que le client va publier sera titré « En réponse à la question posée par un interlocuteur à propos de la posture de notre entreprise quant au truc au nom duquel qu’on se positionne ». Et forcément, ça tient pas (mais le client veut désormais que ça tienne sans avoir à raccourcir son titre, tu penses bien).

      (Et je pourrais ajouter que, même dans les exemples illustrés de l’article ci-dessus, on n’échappe généralement pas à des problèmes de lisibilité et d’accessibilité avec ces différentes solutions. C’est assez chiant, mais si on fait dans le subtile et joli comme ci-dessus, on sera toujours très très limite sur le contraste et la lisibilité, et donc l’accessibilité.)

      ARNO* @arno ART LIBRE
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 30/07/2021

      C’est pour ça qu’on demande toujours un droit de regard sur les maquettes graphiques, pour faire des commentaires ergo/accessibilité :)

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @cdb_77
    CDB_77 @cdb_77 26/01/2020

    #Retraites : le #Conseil_d'Etat étrille le #gouvernement

    Manque de « précision », projections économiques « lacunaires »... Dans son #avis rendu public ce vendredi, la plus haute juridiction administrative estime en outre ne pas avoir eu « les délais de réflexion nécessaires pour garantir au mieux la #sécurité_juridique ».

    Voilà qui ne va pas arranger les affaires du gouvernement. A peine a-t-il fait adopter ce vendredi en Conseil des ministres ses deux projets de loi destinés à créer un régime universel de retraite par points que le Conseil d’Etat, dans son avis (▻https://www.conseil-etat.fr/ressources/avis-aux-pouvoirs-publics/derniers-avis-publies/avis-sur-un-projet-de-loi-organique-et-un-projet-de-loi-instituant-un-s) publié ce même jour dézingue la manière dont l’exécutif a bouclé ces deux textes qui doivent être examinés à partir du 3 février à l’Assemblée nationale. La majorité comptait dans les prochains jours s’appuyer sur l’imposante étude d’impact (plus de 1000 pages : ▻https://www.liberation.fr/france/2020/01/24/travailler-plus-le-credo-social-douteux-du-gouvernement_1775134) pour enfin apporter des chiffres et convaincre du caractère « massivement redistributif » de cette réforme, elle va devoir, ces prochains jours, répondre aux mises en garde de la plus haute instance administrative française, pourtant peu connue pour sa rébellion…

    Cette fameuse « #étude_d’impact » ? Elle est jugée « insuffisante » pour « certaines dispositions », ne répondant pas « aux exigences générales d’#objectivité et de #sincérité » et manquant de « précision », pour notamment – et ce n’est pas rien – « vérifier que cette réforme est financièrement soutenable ». « Le Conseil d’Etat constate que les #projections_financières ainsi transmises restent lacunaires et que, dans certains cas, cette étude reste en deçà de ce qu’elle devrait être », peut-on lire dès les premières pages de l’avis. Et les conseillers de poursuivre : « Il incombe au gouvernement de l’améliorer encore avant le dépôt du #projet_de_loi au Parlement, poursuivent les magistrats, en particulier sur les différences qu’entraînent les changements législatifs sur la situation individuelle des assurés et des employeurs, l’impact de l’âge moyen plus avancé de départ à la retraite […] sur le taux d’emploi des seniors, les dépenses d’assurance-chômage et celles liées aux minima sociaux ». Rien que ça.

    Soufflante

    Par ailleurs, si les juristes se félicitent des longues « concertations » menées depuis le printemps 2018, ils regrettent l’« #urgence » des avis demandés aux différents organismes compétents en la matière et se couvrent en cas d’#inconstitutionnalité du texte. Selon eux, l’empressement du gouvernement à vouloir leur avis en trois semaines pour présenter ces projets de loi en Conseil des ministres cette semaine, ainsi que les nombreux ajouts en cours de route n’ont « pas mis à même (le Conseil d’Etat) de mener sa mission avec la sérénité et les délais de réflexion nécessaires pour garantir au mieux la sécurité juridique de l’examen auquel il a procédé ». « Cette situation est d’autant plus regrettable, poursuivent-ils, que les projets de loi procèdent à une réforme du système de retraite inédite depuis 1945 et destinée à transformer pour les décennies à venir un système social qui constitue l’une des composantes majeures du #contrat_social ». En langage juridique, c’est bel et bien une soufflante.

    Le Conseil d’Etat torpille au passage le #slogan_présidentiel (« chaque euro cotisé ouvre les mêmes droits pour tous ») : cet « objectif […] reflète imparfaitement la complexité et la diversité des #règles_de_cotisation ou d’ouverture de #droits définies par le projet de loi ». Il doute également de la « #lisibilité » revendiquée par le gouvernement puisque « le choix d’une détermination annuelle de chacun des paramètres du système […] aura pour conséquence de limiter la #visibilité des assurés proches de la retraite sur les règles qui leur seront applicables ». Enfin, il raye carrément l’engagement que comptait prendre le gouvernement dans ce texte d’une promesse de #revalorisations des #enseignants et des #chercheurs pour qu’ils ne figurent pas dans le camp des perdants de cette réforme. « Sauf à être regardées, par leur imprécision, comme dépourvues de toute valeur normative, ces dispositions (sont) contraires à la #Constitution ». Au revoir…

    « Le projet de loi ne crée pas un régime universel »

    Autre risque constitutionnel : le trop-plein d’#ordonnances (29 en tout). « S’en remettre » à un tel instrument pour définir des « éléments structurants du nouveau système de retraite fait perdre la visibilité d’ensemble qui est nécessaire à l’appréciation des conséquences de la réforme », disent les juges. Plus embêtant encore pour le gouvernement, l’institution bat en brèche l’idée d’un grand soir de l’#universalité : « Le projet de loi ne crée pas un "#régime_universel de retraite" qui serait caractérisé, comme tout régime de #sécurité_sociale, par un ensemble constitué d’une population éligible unique, de règles uniformes et d’une caisse unique ». Aïe… Si le gouvernement crée bien le même système pour les salariés du public et du privé, il maintient à l’intérieur « cinq #régimes » (salariés ; fonctionnaires, magistrats et militaires ; salariés agricoles ; non-salariés agricoles ; marins) et « à l’intérieur de chacun de ces régimes créés ou maintenus », il met en place des « #règles_dérogatoires à celles du système universel ».

    L’exécutif va donc devoir bien mieux « justifier » pourquoi il garde ces « #différences_de_traitement […] entre assurés relevant du système universel de retraite et rattachés, le cas échéant, à des régimes distincts ». En tout cas, les navigants aériens qui pensaient avoir sauvé leur caisse complémentaire pour financer des départs anticipés sont rattrapés par le #principe_d’égalité : elle « serait ainsi la seule à bénéficier d’une compensation apportée par les ressources du système universel afin de financer à l’avenir des avantages de retraites propres », fait remarquer le Conseil pour qui « aucune différence de situation ni aucun motif d’#intérêt_général ne justifi(e) une telle #différence_de_traitement ». Conclusion : « Elle ne peut être maintenue dans le projet de loi. »

    Le gouvernement pourra néanmoins se rassurer en se disant que le nouvel « #âge_d’équilibre » qu’il compte instituer, le fonctionnement « en #points » proposé, les durées de transitions définies, la fin des régimes spéciaux, les droits familiaux, les mécanismes de réversion ou encore les compétences offertes à la future « gouvernance » dirigée par les partenaires sociaux devraient – sauf surprises – passer sans problème le cut du #Conseil_constitutionnel. A condition de résister aux oppositions parlementaires qui, elles, vont se nourrir des arguments du Conseil d’Etat pour réclamer un report ou l’abandon de cette réforme.

    ▻https://www.liberation.fr/france/2020/01/25/retraites-le-conseil-d-etat-etrille-le-gouvernement_1775182
    #retraite #constitutionnalité #justice

    CDB_77 @cdb_77
    • @cdb_77
      CDB_77 @cdb_77 26/01/2020

      v. aussi :
      ▻https://seenthis.net/messages/822328

      CDB_77 @cdb_77
    Écrire un commentaire
  • @ateliermediaslibres
    L’atelier - médias libres @ateliermediaslibres 8/07/2018
    3
    @sandburg
    @ninachani
    @lianes1
    3

    Lisibilité des textes sur le web : 10 erreurs à éviter
    ▻https://atelier.mediaslibres.org/Lisibilite-des-textes-sur-le-web-10-erreurs-a-eviter-219.html

    Contrairement aux idées reçues, il ne faut pas grand chose pour avoir un joli site. Il suffit d’un peu d’attention à quelques réglages typographiques. Tout le reste suit rapidement. Quelques avis (personnels et tout à fait péremptoires) sur ce qu’il faut s’abstenir de faire.

    #lisibilité #typographie

    L’atelier - médias libres @ateliermediaslibres
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 23/06/2018
    1
    @jeanmarie
    1

    Readability: the Optimal Line Length
    ▻https://baymard.com/blog/line-length-readability

    https://cdn.baymard.com/blog/readability.png

    Having the right amount of characters on each line is key to the readability of your text. It shouldn’t merely be your design that dictates the width of your text, it should also be a matter of legibility.

    The optimal line length for your body text is considered to be 50-60 characters per line, including spaces (“Typographie”, E. Ruder). Other sources suggest that up to 75 characters is acceptable. So what’s the downsides of violating this range?

    Too wide – if a line of text is too long the reader’s eyes will have a hard time focusing on the text. This is because the line length makes it difficult to gauge where the line starts and ends. Furthermore it can be difficult to continue onto the correct line in large blocks of text.

    Too narrow – if a line is too short the eye will have to travel back too often, breaking the reader’s rhythm. Too short lines also tend to stress readers, making them begin on the next line before finishing the current one (hence skipping potentially important words).

    It turns out that the subconscious mind is energized when jumping to the next line (as long as it doesn’t happen too frequently, see above bullet point). At the beginning of every new line the reader is focused, but this focus gradually wears off over the duration of the line (“Typographie”, E. Ruder).

    In order to avoid the drawbacks of too long and too short lines, but still energize your readers and keep them engaged, we suggest keeping your text within the range of 50-75 characters per line.

    #web_design #lisibilité #interface_utilisateur #typographie

    aris  @aris CC BY-SA
    • @manicule
      manicule @manicule 23/06/2018

       ;)
      ▻https://pyramyd-editions.com/products/typographie-guide-pratique

      manicule @manicule
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 8/11/2017
    2
    @rastapopoulos
    @mukt
    2

    Web Typography: Designing Tables to be Read, Not Looked At
    ▻https://alistapart.com/article/web-typography-tables

    “Tables are a frequently overlooked aspect of reading, sometimes overstyled, sometimes poorly thought out. Responsiveness is a particularly thorny issue as the best solutions depend very much on the utility of the table. Tables can be packed with data, rich in content and meaning. Give them the attention they deserve.”

    #data_table_typography_CSS_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 8/11/2017

      #typographie #tableaux #données #lisibilité #CSS #intégration #web

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @la_vie_des_idees
    La Vie des idées @la_vie_des_idees 8/11/2017
    1
    @odilon
    1

    #sémiotique versus iconique ?
    ▻http://www.laviedesidees.fr/Semiotique-versus-iconique.html

    Comment appréhender les images ? Quelle #lecture en faire ? Penser l’image disserte de la question de la lisibilité ou de l’illisibilité des images, en s’attardant notamment sur la validité des approches sémiotique et iconique.

    Livres & études

    / sémiotique, #image, lisibilité, lecture

    #Livres_&_études #lisibilité

    La Vie des idées @la_vie_des_idees
    Écrire un commentaire
  • @ari
    Ari @ari 5/10/2017
    5
    @monolecte
    @spip
    @rastapopoulos
    @nicod_
    @mukt
    5

    Confort-plus, une solution libre contre la #dyslexie
    ▻http://confort-plus.orange.com

    Je découvre en jetant un œil au programme de Paris-web cette conférence sur la dyslexie et de manière plus générale sur l’accessibilité
    ▻https://www.paris-web.fr/2017/conferences/dyslexie-des-solutions-numeriques-pour-rendre-le-web-plus-lisible.php

    Ce service offre une vingtaine d’options pour adapter les sites Web à votre besoin : que vous ayez des déficiences visuelles ou une simple fatigue, des problèmes de reconnaissance des mots pour des raisons de dyslexie ou autres, de la difficulté à utiliser une souris ou que vous ne sachiez pas comment paramétrer votre ordinateur, Orange Confort+ vous apporte des solutions : un paramétrage à réaliser une fois et tous les sites Web prendront en compte vos préférences

    Apparemment assez léger à intégrer sur son site (et pourquoi pas dans l’interface privée de Spip ?). L’outil est dispo sur GitHub et en GPL.

    Ari @ari
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 5/10/2017

      #intégration #web #accessibilité #lisibilité

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nicod_
      nicod_ @nicod_ 7/10/2017

      #idée_pour_spip #plugin ?

      nicod_ @nicod_
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 8/09/2017
    3
    @tofulm
    @rastapopoulos
    @mukt
    3

    Little UI details from steveschoger, in HTML and CSS

    ▻https://codepen.io/tyrellrummage/details/ZJPXgy

    I’m gonna show you little #UI details that can really improve your user experience by providing a nice #interface. This #tips are not mine, they’re from @steveschoger on Twitter. All credits to him!

    https://codepen.io/tyrellrummage/pen/ZJPXgy/image/large.png

    #design #web

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 8/09/2017

      #ergonomie #UX #lisibilité #conception

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 23/06/2017
    3
    @rastapopoulos
    @mukt
    @jeanmarie
    3

    #Fluid #Responsive #Typography With #CSS Poly Fluid Sizing
    ▻https://www.smashingmagazine.com/2017/05/fluid-responsive-typography-css-poly-fluid-sizing

    Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers’ idea of fluid typography is simply using Viewport units maybe with some minimum and maximum sizes.

    https://www.smashingmagazine.com/wp-content/uploads/2017/05/2-scatter-plot-font-size-opt.png

    That’s called a trendline. It’s a way to find an interpolated font-size value for any viewport width, based on the data provided.

    The are several methods for determining the slope and y-intercept. When multiple values are involved, a common method is the Least Squares fit:

    https://www.smashingmagazine.com/wp-content/uploads/2017/05/4-least-squares-fit-opt.png

    You can use the trendline equation like this:

    h1 {
     font-size: calc({slope}*100vw + {y-intercept}px);
    }

    Once you find your slope and y-intercept you just plug them in!

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/06/2017
      @drbouvierleduc

      ▻https://fr.wikipedia.org/wiki/M%C3%A9thode_des_moindres_carr%C3%A9s

      #intégration #web #lisibilité #typographie
      cc @drbouvierleduc

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/06/2017

      Ya des gens qui sont pétés du bulbe quand même. :D
      Et une preuve de plus que le métier d’intégrateurice n’a rien à envier en complexité aux devs « backend ». :)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 3/01/2018

      Ouais, alors bon, faut quand même un petit niveau de math !

      J’ai calculé ma pente, mais le y-intercept, c’est autre chose... c’est quoi les Y et X avec une barre dessus dans cette formule :

      https://www.smashingmagazine.com/wp-content/uploads/2017/05/4-least-squares-fit-opt.png

      Note pour plus tard : penser à mieux écouter les cours de math...

      jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire
  • @robin
    robin @robin CC BY 12/10/2016
    8
    @reka
    @monolecte
    @marcimat
    @bce_106_6
    @b_b
    @booz
    @jeanmarie
    @drbouvierleduc
    8

    Your Body Text Is Too Small
    ▻https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902

    The majority of websites are still anywhere in the range of 15–18px. We’re starting to see some sites adopt larger body text at around 20px or even greater on smaller desktop displays, but not enough in my opinion.

    robin @robin CC BY
    • @reka
      Phil Reka docs & archives @reka CC BY-NC-SA 12/10/2016

      Pas mal du tout !

      Phil Reka docs & archives @reka CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/10/2016

      #typographie #lisibilité #écran #web #interface #conception

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 19/10/2016

      Some examples of serif fonts that work well for large body text include Equity, Franziska, Leitura News, Merriweather, Miller, PT Serif, and Tisa.
      ...
      Some examples of sans-serif fonts that work well for large body text include Atlas Grotesk, Futura, Lato, Maison Neue, Real Text, Roboto, and Suisse Int’l.

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @lacite
    La Cité @lacite 10/02/2016
    1
    @fil
    1

    Les annonceurs ne sont plus les bienvenus sur le web
    ▻http://lacite.website/2016/02/10/les-annonceurs-ne-sont-plus-les-bienvenus-sur-le-web

    Au feu ! Les internautes et mobinautes sont de plus en plus nombreux à rejeter les annonces publicitaires. Angoissante depuis des années, cette tendance atteint un niveau troublant pour les médias en ligne : 37% des utilisateurs sondés dans trentre-quatre pays ont affirmé avoir « bloqué » au moins une publicité mobile au cours des derniers mois

    La Cité @lacite
    • @cdb_77
      CDB_77 @cdb_77 10/02/2016
      @fil

      #annonceurs #médias #journalisme #publicité #bloc
      cc @fil

      CDB_77 @cdb_77
    • @fil
      Fil @fil 10/02/2016

      vive #adblock et surtout #mublock_origin

      par rapport au titre, un bémol : ils n’ont jamais été les bienvenus

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 10/02/2016

      #modèle_économique #lisibilité

      RastaPopoulos @rastapopoulos CC BY-NC
    • @philippe_de_jonckheere
      Philippe De Jonckheere @philippe_de_jonckheere CC BY 11/02/2016
      @fil

      @fil que ne disposons-nous, tandis que nous traversons les tunnels du métropolitain de lunettes qui bloquent les panneaux publicitaires.

      Philippe De Jonckheere @philippe_de_jonckheere CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 11/02/2016

      Tu achètes des Google Glass et tu développes une appli de réalité augmentée qui masque les panneaux de pub (et tu donnes tes infos à Google en même temps, qui les revendra à des publicitaires :D)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nicolasm
      Nicolas🌱 @nicolasm CC BY-SA 11/02/2016

      Bientôt tu seras obligé de répondre à une question à la sortie du tunnel pour voir si tu as bien regardé les pubs, comme sur certains captcha publicitaires

      Nicolas🌱 @nicolasm CC BY-SA
    • @philippe_de_jonckheere
      Philippe De Jonckheere @philippe_de_jonckheere CC BY 11/02/2016

      A la retraite, je pars m’installer définitivement dans les Cévennes, je ne pourrais plus être une cible, je me demande même si les publicitaires ne deviendront pas la cible, juste retour des choses. Encore huit ou dix ans ! Tenir !

      Philippe De Jonckheere @philippe_de_jonckheere CC BY
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 11/01/2016
    1
    1

    Cache-cache avec le RGAA 3
    ▻http://romy.tetue.net/ou-trouver-le-rgaa3

    Bref, elle est sans doute très bien, cette nouvelle version du RGAA, mais elle reste trop laborieuse à utiliser. La pratique de l’évaluation nécessite de jongler entre différentes entrées : un critère, ses tests, méthodos de tests, définitions relatives… avec des va-et-vient incessants entre la grille d’évaluation […] et le référentiel en ligne. Or, bien qu’hypertexte, cette interface ne facilite pas ces multiples allers-retours, en ne faisant pas (ou mal) les liens, et je m’y perds.

    #RGAA #UX #lisibilité

    tetue @tetue CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 11/01/2016

      Élie te cite chez Temesis, pour un article allant dans le sens « les référentiels sont déconnectés de la réalité de terrain des responsables de site » :
      ▻http://blog.temesis.com/post/2016/01/11/Qualite-accessibilite-test-de-20-regles-villes-Internet

      Certaines règles comportent des proportions énormes de « ne se prononcent pas ». Il y a deux hypothèses. La première est que la personne qui remplit le formulaire ne sait pas répondre oui ou non. L’autre hypothèse plus inquiétante est que la règle est trop complexe ou mal comprise. Et si c’est le cas avec ces quelques règles, je vous laisse imaginer la tête du répondant en face des WCAG ou d’un de ses dérivés.

      Nos référentiels accessibilité sont trop techniques, ils sont hors sols, nous mettons les responsables de sites devant des murs et malgré tous les efforts de vulgarisation des uns et des autres, lorsque même des personnes avec 15 ans d’expérience sont perdues, l’heure est grave. Je maintiens le constat d’échec ou de demi-échec que j’avais effectué en 2013.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @tetue
      tetue @tetue CC BY 11/01/2016

      « Nous mettons les responsables de sites devant des murs », oui.

      tetue @tetue CC BY
    Écrire un commentaire
  • @odilon
    odilon @odilon CC BY-NC-ND 18/12/2015
    15
    @fil
    @biggrizzly
    @tintin
    @thibnton
    @simplicissimus
    @7h36
    @baroug
    @typo
    @gastlag
    @colporteur
    @tetue
    @victor
    @goom
    @yohooo
    15

    Le plan de métro qui fait du bien au cerveau - Rue89 - L’Obs
    ▻http://rue89.nouvelobs.com/2015/12/18/plan-metro-fait-bien-cerveau-262520

    Dans sa conférence, Max Roberts explique qu’une bonne carte doit :

    – proposer le maximum de lignes parallèles et adoucir les angles (harmonie) ;
    – respecter au maximum la forme de la ville (cohérence) ;
    – souligner les grands axes ou structures de la ville (ici, le « rond » formé par les lignes 2 et 6) ;
    – ne pas donner des informations dont les utilisateurs n’ont pas besoin (zigzags).

    A la fin de son intervention, il propose au public de regarder une carte du métro parisien où les lignes deviennent courbes et qui permet de réduire de moitié le temps de consultation. A propos des courbes :

    http://api.rue89.nouvelobs.com/sites/news/files/styles/mobile2-tablette-asset-center/public/assets/image/2015/12/paris_circlesok_1.jpg http://api.rue89.nouvelobs.com/sites/news/files/styles/mobile2-tablette-asset-center/public/assets/image/2015/12/paris_curves.jpg http://api.rue89.nouvelobs.com/sites/news/files/styles/mobile2-tablette-asset-center/public/assets/image/2015/12/paris_tilted.jpg

    Ici le plan original

    http://www.plandeparis.info/plans-de-metro/plan-de-metro-bonne-definition.gif

    #cartographie #lisibilité

    odilon @odilon CC BY-NC-ND
    Écrire un commentaire
  • @colporteur
    colporteur @colporteur CC BY-NC-SA 27/11/2015
    2
    @koldobika
    @mad_meg
    2

    Les minima sociaux dans le viseur de la Cour des comptes
    ►http://www.rtl.fr/actu/economie/les-minima-sociaux-dans-le-viseur-de-la-cour-des-comptes-7780648787

    Regrouper les #minima_sociaux autour de trois grandes allocations, c’est une proposition de la Cour des comptes pour simplifier le système actuel. En effet, dans un référé rendu public le 26 novembre 2015, la juridiction financière présente cinq observations et recommandations, résultats d’une enquête sur les minima sociaux.

    Les « minima sociaux » sont 9 dispositifs regroupant le revenu de solidarité active (RSA), le revenu de solidarité outre-mer (RSO), l’allocation de solidarité spécifique (ASS), l’allocation transitoire de solidarité (ATS), l’allocation temporaire d’attente (ATA), l’allocation veuvage, l’allocation supplémentaire invalidité (ASI), l’allocation adulte handicapé (AAH) et l’allocation de solidarité pour les personnes âgées (ASPA).

    Le coût des minima sociaux s’élèveront à 28 milliards d’euros en 2017

    La #Cour_des_comptes dresse un bilan "insatisfaisant en matière de lutte contre la #pauvreté et de #retour_à_l'emploi". Car les minima sociaux ne permettent pas aux #allocataires de sortir de la situation de pauvreté. Le rapport souligne notamment que le montant du RSA est inférieur au seuil de pauvreté [ça alors !] . Dès lors, la moitié des allocataires restent pauvres « en condition de vie ». Les bénéficiaires des minima sociaux trouvent d’ailleurs très rarement un emploi.

    De plus, le #taux_d'emploi des bénéficiaires des minima sociaux est très faible. Ils sont entre 14% et 17% selon le dispositif. À titre d’exemple, la Cour des comptes révèle que 88% des bénéficiaires du (RSA) perçoivent cette allocation depuis plus d’un an, et 52% d’entre eux depuis plus de trois ans. 

    La Cour des Comptes note aussi que les minima sociaux coûtent de plus en plus cher aux finances publiques . « En l’absence de #réformes, les projections disponibles suggèrent que ce coût devrait encore augmenter au cours des prochaines années pour atteindre 28 milliards d’euros en 2017 », précise le rapport. Les minima sociaux représentent un enjeu budgétaire majeur pour l’État qui se traduit déjà par des difficultés pour les départements, chargés du financement du RSA.

    Regrouper les minima sociaux autour de 3 allocations

    La Cour des comptes a notamment relevé des incohérences entre les dispositifs qui posent un problème d’équité et d’efficacité. Le système devrait permettre une meilleure articulation entre les prestations familiales, les #allocations_logements et l’ensemble des minima sociaux. Cette « gestion complexe pourrait être simplifiée et rendue plus économe », en arrêtant de les financer et de les gérer par des intervenants différents et baisser les coûts administratifs.

    En conclusion, la Cour des comptes propose un regroupement des minima sociaux autour de trois grandes allocations : le RSA, l’AAH et l’ASPA. Ainsi le RSA, constituerait l’allocation de solidarité de droit commun pour toutes les personnes n’ayant pas atteint l’âge légal de départ à la #retraite et dont l’objet serait le soutien au revenu et l’incitation à l’insertion sociale et professionnelle. L’AAH resterait une allocation de soutien au revenu intégrant la prise en compte des difficultés spécifiques liées au handicap . Et l’ASPA, résultant elle-même d’une unification des dispositifs du minimum vieillesse et qui n’appelle pas d’autre réforme que celle de certains paramètres de sa gestion.

    ▻http://www.boursier.com/actualites/economie/la-cour-des-comptes-plaide-pour-une-rationnalisation-des-minimas-sociaux-2

    A l’inefficacité du système actuel, s’ajoute le manque d’#équité, selon la Cour. « D’un dispositif à l’autre, la variabilité des #ressources prises en compte pour liquider les droits des allocataires, des montants garantis et des conditions de majoration des allocations en fonction des configurations familiales, aboutit à une forte dispersion des montants moyens versés », explique-t-elle. Résultat : le dispositif manque de cohérence et de #lisibilité, « qui nuit à son efficacité ». (...)

    la ministre des Affaires sociales, Marisol Touraine, [rentière] , rétorque que « chaque minimum social poursuit un ou plusieurs objectifs qui lui sont propres ». Elle rappelle par ailleurs qu’un travail de réforme a déjà été engagé, en particulier avec la #prime_d'activité qui remplacera au 1er janvier 2016 le RSA et la prime pour l’emploi. « Les pistes de #rationalisation plus large du paysage des minima sociaux formulées par la Cour nécessitent une évaluation fine des perdants et des gagnants », conclut la ministre.

    #guerre_aux_pauvres #activation_des_dépenses_passives #emploi #contrôle #austérité #plein_emploi_précaire (vers le)
    Vous êtes #Pauvres soyez #travailleurs_pauvres ou bien...
    #économie_punitive

    • #Cour des Comptes
    colporteur @colporteur CC BY-NC-SA
    • @koldobika
      koldobika @koldobika CC BY-NC-SA 30/11/2015

      lien avec ►http://seenthis.net/messages/409310

      koldobika @koldobika CC BY-NC-SA
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 24/07/2015
    1
    @monolecte
    1

    Comment tweeter une infographie accessible ?
    ▻http://romy.tetue.net/comment-tweeter-une-infographie-accessible

    La police nationale vient de tweeter un petit mémo de prévention des risques en montagne l’été. Comme j’adore randonner et que la montagne, ça me gagne, j’en profite pour vérifier que j’ai les bons réflexes. Sauf que… ce mémo est une image miniature où le texte est illisible ! Dites, les gens qui retweetez, réussissez-vous vraiment à y lire quelque chose ? Y’a-t-il une astuce pour voir ce genre d’infographie ? pour agrandir les images tweetées ?

    #accessibilité #lisibilité #twitter #infographie #rando #a11y #a11yDesign #transcript

    tetue @tetue CC BY
    Écrire un commentaire
  • @simplicissimus
    Simplicissimus @simplicissimus 10/06/2015
    2
    @colporteur
    @02myseenthis01
    2

    CDD renouvelable deux fois, « lissage » des seuils sociaux : le « Jobs Act » à la française dévoilé par Valls
    ▻http://www.latribune.fr/economie/france/cdd-renouvelables-deux-fois-lissage-des-seuils-sociaux-le-jobs-act-a-la-fr

    • L’exécutif introduit la possibilité de renouveler deux fois (au lieu d’une actuellement) les contrats à durée déterminée ou en intérim. Cet assouplissement de la prolongation des CDD, que réclamait le patronat, se fera « sans bien sûr toucher à la durée maximale de 18 mois » prévue par la loi pour ces contrats, a précisé le Premier ministre.
    • Une prime de 4.000 euros va être immédiatement créée et versée aux entreprises sans aucun salarié qui effectuent leur première embauche. Cette prime, de 2.000 euros la première année et 2.000 euros la deuxième, sera versée pour tous les CDI et CDD de plus de 12 mois signés entre aujourd’hui et le 8 juin 2016. Sont concernées les entreprises n’ayant jamais eu de salarié ou n’en ayant pas eu depuis au moins 12 mois. Cette mesure « permettra de créer de 60.000 à 80.000 emplois », selon le ministre de l’Economie Emmanuel Macron.

    • Le chef du gouvernement a aussi présenté une initiative pour « lisser » les seuils sociaux qui s’appliquent aux entreprises en fonction de leur nombre d’employés et qui déclenchent une série de contraintes pour les entreprises. Ainsi, « au cours des trois prochaines années, les recrutements des entreprises jusqu’à 50 salariés inclus ne déclencheront pas de prélèvements fiscaux et sociaux supplémentaires au titre d’un franchissement de seuil », explique le dossier de presse de Matignon.

    • Les indemnités prud’homales accordées aux salariés licenciés sans cause réelle et sérieuse seront plafonnées. Ce plafonnement variera selon la taille de l’entreprise et l’ancienneté du salarié licencié, mais ne concernera pas les grandes entreprises et les « atteintes graves au droit du travail », comme les discriminations ou le harcèlement, a précisé Manuel Valls.
    […]
    « Notre volonté est que ce ’programme’ constitue à la fois un véritable levier de développement économique et un acte de confiance envers les TPE-PME, pour les inscrire dans une croissance durable, sereine, et riche en emplois ».

    Pour l’emploi je ne sais pas, ou plutôt c’est tout vu.
    En revanche pour la démographie des entreprises, je prévois un gros baby boom.

    Et on voit apparaître le concept d’atteintes normales au droit du travail. Bientôt, les atteintes légitimes au droit du travail ?

    #socialistes

    • #CDI
    • #EUR
    • #Manuel Valls
    Simplicissimus @simplicissimus
    • @simplicissimus
      Simplicissimus @simplicissimus 10/06/2015

      acte de défiance envers les salariés

      Simplicissimus @simplicissimus
    • @simplicissimus
      Simplicissimus @simplicissimus 10/06/2015

      Plan Valls pour les petites entreprises : un « coup de com’ » pour la droite, du « Sarkozy » pour la gauche
      ▻http://www.lemonde.fr/politique/article/2015/06/09/plan-valls-pour-les-petites-entreprises-un-coup-de-com-pour-la-droite-du-sar

      Bref, un coup de com’ à la Sarkozy.

      D’ailleurs, MV utilise le même drapeau trafiqué (pour la com’) que NS…
      MV - 9/06/15

      http://s2.lemde.fr/image/2015/06/09/534x0/4650495_6_58de_manuel-valls-presente-ses-mesures-pour-les-tpe_6a9e4702972a70c55596b15fe03b720b.jpg

      NS - 1/05/12

      http://s.tf1.fr/mmdia/i/17/3/nicolas-sarkozy-au-trocadero-ump-10690173qcdlz_1713.jpg

      Simplicissimus @simplicissimus
    • @simplicissimus
      Simplicissimus @simplicissimus 10/06/2015

      Avec le plan emploi PME, Valls déploie sa stratégie social-libérale
      ▻http://www.latribune.fr/economie/france/avec-le-plan-emploi-pme-valls-deploie-sa-strategie-social-liberale-482636.

      C’est donc un gouvernement « socialiste » qui va donner vie à cette très ancienne revendication patronale.

      Même la Tribune, décidément de plus en plus gauchiste, met les guillemets !

      Simplicissimus @simplicissimus
    • @simplicissimus
      Simplicissimus @simplicissimus 12/06/2015

      Ah tiens, #ça_coïnce

      Loi Macron  : le gouvernement à la recherche d’un difficile compromis avec les députés PS
      ▻http://www.lemonde.fr/politique/article/2015/06/11/loi-macron-le-gouvernement-a-la-recherche-d-un-difficile-compromis-avec-les-

      Pour l’instant, ça coince.
      […]
      « L’important, c’est que la simplicité du dispositif et le #plafond_plancher soient préservés, défend le ministère. C’est la clé de la #lisibilité […] »

      Le reste derrière #paywall (mais il ne me manquera pas :-)

      Simplicissimus @simplicissimus
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 5/05/2015
    1
    @kent1
    1

    Un article du New York Times en décembre 2012 :

    http://i.imgur.com/bx0aGSC.jpg

    Snowfall, décembre 2012 :

    http://i.imgur.com/EAIoZfm.jpg

    L’article dans la maquette actuelle (mai 2015) :
    ▻http://www.nytimes.com/2012/12/27/world/americas/bolivia-reduces-coca-plantings-by-licensing-plots.html

    http://i.imgur.com/MmY6Rgu.jpg

    • #New York Times
    ARNO* @arno ART LIBRE
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 5/05/2015

      #maquette #ergonomie #lisibilité

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 28/01/2015
    4
    @02myseenthis01
    @0gust1
    @gastlag
    @suske
    4

    Quelle police pour les dyslexiques ?
    ►http://romy.tetue.net/quelle-police-pour-les-dyslexiques

    L’efficacité des polices pour les~dyslexiques est encore incertaine.

    L’usage d’une police de caractères appropriée peut atténuer les effets de la dyslexie, un trouble spécifique de la lecture qui touche près de 10 % de la population mondiale. Mais quelle police favoriser ?

    #dyslexie #typo #lisibilité

    tetue @tetue CC BY
    • @monolecte
      Monolecte 😷🤬 @monolecte CC BY-NC-SA 28/01/2015

      Une police de caractère, comme le 7 janvier ?
      Ok, je sors =>

      Monolecte 😷🤬 @monolecte CC BY-NC-SA
    • @nicolasm
      Nicolas🌱 @nicolasm CC BY-SA 14/10/2015

      cf ▻http://seenthis.net/messages/418049

      Nicolas🌱 @nicolasm CC BY-SA
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 14/12/2014
    15
    @loutre
    @biggrizzly
    @fil
    @7h36
    @reka
    @alimielle
    @denisb
    @mad_meg
    @ze_dach
    @goom
    @nicolasm
    @suske
    @gastlag
    15

    Utiliser une police dys - romy.tetue.net
    ▻http://romy.tetue.net/utiliser-police-dyslexique

    Motivé par le coût prohibitif de ces autres polices, le développeur Abelardo Gonzalez a construit la police « OpenDyslexic » qu’il distribue gratuitement depuis décembre 2011 sous licence libre.

    http://romy.tetue.net/IMG/png/opendyslexic.png

    #dyslexie #typo #lisibilité #OpenDyslexic

    tetue @tetue CC BY
    • @tetue
      tetue @tetue CC BY 14/12/2014

      Le truc chouette, que je viens de découvrir, c’est qu’elle est applicable sur tous les sites visités, via extension du navigateur : ▻http://opendyslexic.org/get-it-free

      tetue @tetue CC BY
    • @reka
      Phil Reka docs & archives @reka CC BY-NC-SA 14/12/2014
      @tetue

      Mille mercis @tetue

      Phil Reka docs & archives @reka CC BY-NC-SA
    • @fil
      Fil @fil 12/10/2018

      @tmcw :

      remember that font that everyone was excited about that would make it easier for people with dyslexia to read? well, it didn’t work. ▻https://link.springer.com/article/10.1007/s11881-017-0154-6

      https://pbs.twimg.com/media/DpVFycKUYAEHNe8.jpg:large#.jpg

      ▻https://twitter.com/tmcw/status/1050821819148599296

      Fil @fil
    • @tetue
      tetue @tetue CC BY 12/10/2018

      Oui, c’est l’avertissement que je faisais dans cet autre article :
      ►http://romy.tetue.net/quelle-police-pour-les-dyslexiques

      Ponctuellement, pour certain·es individus, ça marche, leur facilitant sensiblement la lecture (il faut donc essayer), mais globalement, les études ne montraient pas plus d’efficacité que d’autres polices bâton plus usuelles.

      tetue @tetue CC BY
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 2/12/2014
    2
    @stephane
    @denisb
    2

    Typo web pour Codeurs en Seine
    ▻http://romy.tetue.net/typo-web-codeurs-en-seine

    J’étais invitée à présenter Tiny Typo à Codeurs en Seine, une nouvelle conférence normande qui a la particularité de réunir back et front — en 4 thèmes simultanés : Web, Agile, Java et innovation —, rassemblant quelques 380 participants, tant pro qu’étudiants, dans un cadre universitaire. Je serais volontiers allée m’intéresser à l’agilité, mais le programme web avait une approche historique qui m’intéressait trop.

    http://romy.tetue.net/IMG/png/typo-web-codeurs-en-seine.png

    #Web #histoire #typo #lisibilité #Codeurs2014 #TinyTypo

    tetue @tetue CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/12/2014

      Les diapos :
      ▻http://fr.slideshare.net/tetue/bien-composer-le-texte-web

      #développement #intégration #HTML #CSS #typographie

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @baroug
    baroug @baroug 30/09/2014
    4
    @0gust1
    @rastapopoulos
    @mukt
    4

    Size Matters: Balancing Line Length And Font Size In #Responsive #Web_Design | Smashing Magazine
    ▻http://www.smashingmagazine.com/2014/09/29/balancing-line-length-font-size-responsive-web-design

    As we refine our methods of responsive web design, we’ve increasingly focused on measure (another word for “line length”) and its relationship to how people read.
    
The popularization of the “ideal measure” has led to advice such as “Increase font size for large screens and reduce font size for small screens.” While a good measure does improve the reading experience, it’s only one rule for good typography. Another rule is to maintain a comfortable font size.

    #typo #lisibilité

    • #responsive web design
    • #Web Design
    • #Smashing Magazine
    baroug @baroug
    Écrire un commentaire
  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 11/07/2014
    2
    @fil
    @02myseenthis01
    2

    #Hasklig solves this problem the way typographers have always solved ill-fitting characters which co-occur often: #ligatures. The underlying code stays the same — only the representation changes.

    ▻https://github.com/i-tu/Hasklig

    #Haskell #typography

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @fil
      Fil @fil 11/07/2014

      https://github.com/i-tu/Hasklig/raw/master/hasklig_example.png?raw=true

      #lisibilité #programmation

      PS : cette notation me rappelle le bon vieux temps du #A

      Fil @fil
    Écrire un commentaire
0 | 25

Thèmes liés

  • #web
  • #typographie
  • #typo
  • #accessibilité
  • #intégration
  • #css
  • #ergonomie
  • #a11y
  • #design
  • #twitter
  • #dyslexie
  • #100e2r
  • #conception
  • #responsive
  • #police
  • #fonte
  • #google_fonts
  • #caractère
  • #contrôle
  • #retraite
  • person: wilson miner
  • #universalité
  • #images
  • person: ladislas mandel
  • #maquette
  • industryterm: web typography
  • #écriture
  • #text
  • #clevermarks
  • #dégradé
  • #sms
  • #flux-tendus
  • #lisibilité-web
  • #first_world_problem
  • #tout_a_fait_d_accord
  • currency: eur
  • #ux
  • #interface
  • #tinytypo
  • #gradient