x
français عربية
[fr]
 

Une passion, un combat

Web responsable

Accès au web à tous

Mon objectif est de rendre le web à portée de main. Ici, vous ne trouverez pas de sensationnel, produit de l’imaginaire de Disney ou du fantasme des success-stories. Alors voilà, il était une fois, une princesse qui distribuait des bisous et qui flirtait avec Mark Z. Je plaisante.

Depuis 10 ans, le web, c'est ma grande passion. Je lis avec énormément d'intérêt la documentation spécialisée (sites web et livres). Lesquels véhiculent des valeurs qui animent toujours plus mon enthousiasme de faire un Web qui a du sens. Une fois que j'ai terminé de consulter un livre, je me rends sur le site de l'auteur. Et là, ma déception est grande. Ces idées qui étaient si bien traitées ne semblent pas être appliquées.
Si des auteurs, pour qui c'est le métier, ne vont pas au bout de leur démarche, je ne vois pas comment on peut améliorer le web. Il est difficile d'attendre des non-avertis qu'ils résolvent des problèmes relevés par les professionnels du web. Peut-être ces derniers restent-ils dans le confort de la théorie. C'est dommage, ces idées sont réalistes ... et viables.

Le logiciel, comme toutes les technologies, est intrinsèquement politique. Le code reflète inévitablement les choix, les préjugés et les désirs de ses créateurs. Jamais Cascio

L'idée de wEbthics est de proposer une expérience Web toujours plus optimale selon une ligne directrice : le contenu à portée de main.
    Pour cela, j'ai développé 3 points fondamentaux.
  1. Responsive (tout appareil : tout format, résolution, navigateur)
  2. Multilingue et
  3. selon un artisanat web (respect et savoir-faire).

merci d'avoir consulté ce site شكرا لك على زيارة هذا الموقع

⠓⠁⠃⠕⠥⠊⠃⠕⠥⠊
 

99.99 % DIY Code

artisanat Web

J'ai entièrement céée ce site de A à Z. No copier-coller. No template.

Ce site est une création web originale et artisanale. C'est une plateforme indépendante.

Quand j'ai commencé ce site, j'étais loin d'imaginer qu'il aurait fallu des mois (années) pour le concevoir, le créer, le façonner, l'améliorer. Partir d'une feuille blanche avec seulement un éditeur de texte, un terminal et un serveur local relève d'un défi d'envergure. Ce n'est certainement pas parfait, mais l'intention de faire, de faire au mieux, est là. Et cela exige une détermination sans faille et un investissement en temps considérable.
À en croire toutes les ressources, articles, tutoriels, documentations ... web et bibliographiques, on pourrait croire que c'est accessible et facile. Il suffit de se servir. D'autant plus que cette illusion est renforcée par une croyance ; récupérer un template et bidouiller des feuilles CSS ou ajouter des effets jQuery donne l'impression de savoir faire un site. Car après tout le site est là, il existe. Mais en réalité, ce serait comme changer le moteur d'une voiture ou lui repeindre la carrosserie. Je ne pense pas qu'un mécanicien prétende créer des voitures. La voiture est déjà existante. Il la répare, l'améliore, récupère des pièces détachées ...

Prenez conscience qu'Internet nous donne l'illusion omniprésente de la connaissance instantanée.
Barry W. Cull

Plus que jamais, je suis partisane de l'artisanat web. Design et intégration (Sass, jQuery, PHP ...), le tout en responsive et multilingue. Tout est concocté maison. Et non, je ne fais pas de steak imaginaire. Je ne suis pas magicienne.
Au bout de 9 ans, vous savez ce que j'ai compris ? Les ignorants sont bénis !
Cypher, Matrix

Qui ?

Zade Belrit, Artisane web

Ergnome Web.

Designeuse Web. Intégratrice et rédactrice par nécessité.

Je fais de la curation pour rédiger des articles et organiser des débats .

Quoi ?

Tisser la toile au fil des liens.
wEbthics est un espace d'échanges pour rendre le web plus responsable.

À ce jour, j'ai créé 768 fichiers à la mano (wEbthics et [Klione] confondus).

Cela représente des dizaines de milliers de lignes de code, une cinquantaine de productions visuelles et des tonnes de décisions.
Je finis sur une citation qui m'inspire,
Au lieu de penser, on se fait des idées.
Louis Scutenaire

merci d'avoir consulté ce site شكرا لك على زيارة هذا الموقع

⠓⠁⠃⠕⠥⠊⠃⠕⠥⠊
x
Dans un jeu de caractères - charset, chaque caractère présente un code unique.
Le web désigne un réseau dématérialisé qui dépasse les frontières nationales. Au fil des années, notre jeu de caractères francophone a évolué sur le web. Certains caractères ont disparu. Quand d'autres ont fait leur apparition, certainement dûs aux usages des utilisateurs et professionnels web. Même si l'on connaît notre alphabet, les caractères francophones sur le web ne sont pas clairement référencés.

Tentons de faire le point entre caractères normalisés et caractères utilisés.

norme informatique de codage de caractères

L'Unicode est un répertoire universel de caractères codés. C'est une norme internationale qui attribue des propriétés uniques (nom et code) à chaque caractère. C'est grâce à l'Unicode que l'on peut afficher à l'écran tous les caractères (chinois, russes ...) quelque soit le contexte (langue, clavier, programme). Selon cette logique, on peut afficher facilement un é, même avec un clavier russe.

Basic Latin

ou ASCII, US-ASCII (dans la norme ISO) ou encore C0 Controls.
Le premier jeu de caractères officiel a été établi par l’ ASCII , American Standard Code for Information Interchange (Code américain normalisé pour l'échange d'information). L'ASCII est une des variantes de la norme ISO/CEI 646 (ou ASCII étendu). Dans la norme internationale, l'Unicode, il est désigné sous l'appellation Basic Latin ou C0 Controls.
Nous sommes dans les années 60 et il est désormais possible d'encoder 95 caractères (et de les imprimer).
  ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~
@
caractère non utilisé dans la rédaction francophone web
@
caractère normalisé par l'Unicode et les règles typographiques françaises
@
caractère Unicode introduit dans la rédaction francophone web
@
caractère Unicode supplémentaire (pour le développement web)

Latin-1

ou Latin-1 Supplement, ISO-Latin-1 ou encore ISO/CEI 8859-1.
ASCII suffit pour représenter les textes en anglais, mais il est trop limité pour les autres langues, dont le français et ses lettres accentuées. La norme ISO/CEI 8859 (régionale) fournit des extensions afin de proposer un plus large éventail de caractères. L'ISO 8859-1, ou Latin-1, étend l'ASCII avec les caractères accentués utiles aux langues originaires d'Europe occidentale comme le français ou l'allemand.
  ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ­ ® ¯ ° ± ² ³ ´ µ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý
@
caractère non utilisé dans la rédaction francophone web
@
caractère normalisé par l'Unicode et les règles typographiques françaises, mais pas utilisé
@
caractère normalisé par l'Unicode et les règles typographiques françaises
@
caractère Unicode introduit dans la rédaction francophone web

Ponctuation

Des dizaines de tables permettent de compléter le jeu de caractères universel. Je n'ai récupéré ici que celle concernant la ponctuation, les autres étant étrangères à la rédaction francophone web.
L'objectif principal de la ponctuation consiste à organiser et clarifier la penséee.
Karen Cheng, Design typographique
@
caractère non utilisé dans la rédaction francophone web
@
caractère normalisé par l'Unicode et les règles typographiques françaises, mais pas utilisé
@
caractère normalisé par l'Unicode et les règles typographiques françaises
@
caractère Unicode introduit dans la rédaction francophone web

règles typo fr.

En 2002, l'Imprimerie nationale établit un lexique de règles typographiques. Ces règles définissent les bonnes pratiques dans la rédaction francophone, généralement appliquée au papier. En rédaction papier, le jeu de caractères correspond à l'alphabet. Il est répertorié ci-dessous.

Lettres

Minuscules (bas de casse) et capitales (haut de casse).
a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
@
caractère normalisé par l'Unicode et les règles typographiques françaises

Diacritiques

Un signe accompagnant une lettre pour en modifier le son.
  ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ­ ® ¯ ° ± ² ³ ´ µ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý
@
caractère non utilisé dans la rédaction francophone web
@
caractère normalisé par l'Unicode et les règles typographiques françaises, mais pas utilisé
@
caractère normalisé par l'Unicode et les règles typographiques françaises
@
caractère Unicode introduit dans la rédaction francophone web

Chiffres

Chiffres arabes.
0 1 2 3 4 5 6 7 8 9
@
caractère normalisé par l'Unicode et les règles typographiques françaises

Signes de ponctuation

La ponctuation a pour but l'organisation de l'écrit grâce à un ensemble de signes graphiques.
! = ? ' ( ) * + , - . / : ;   § « ° » º [ ]
@
caractère normalisé par l'Unicode et les règles typographiques françaises
@
caractère normalisé par l'Unicode et les règles typographiques françaises, mais pas utilisé

Signes mathématiques

Symboles utilisés selon une signication définie.
± ª ² ³ µ ¹ ¼ ½ ¾ ÷ ×
@
caractère normalisé par l'Unicode et les règles typographiques françaises, mais pas utilisé

Symboles internationaux

Signes relatifs aux devises et droits de propriété.
$ % ¢ £ ¥ © ®
@
caractère normalisé par l'Unicode et les règles typographiques françaises

Ligatures

Deux ou plusieurs lettres jointes pour des raisons pratiques ou esthétiques.
& œ Œ Æ æ
@
caractère normalisé par l'Unicode et les règles typographiques françaises
@
caractère normalisé par l'Unicode et les règles typographiques françaises, mais pas utilisé

Chiffres suspendus

ou chiffres petites capitales, elzéviriens, minuscules, non alignés ou encore suspendus.
Une famille [collection de polices] complète possède deux sortes de chiffres, alignés (123) et suspendus (123).
1 2 3 4 5 6 7 8 9 0
@
caractère non utilisé dans la rédaction francophone web

petites capitales

Les petites capiles ont une hauteur d'œil proche de celle des bas-de-casse (minuscules).
a b c d e f g h i j k l m n o p q r s t u v w x y z
@
caractère non utilisé dans la rédaction francophone web

l'impact des usages

L’émoticône s’est progressivement introduite dans le langage commun. Elle est aujourd’hui incontournable ¯\_(ツ)_/¯. D'autres caractères ont également fait leur apparition, certainement au contact des rédacteurs et des développeurs web.

de l'utilisateur web

Au fil des années, des caractères supplémentaires ont introduit notre jeu de caractères.

Émoticône ASCII

Ou text representation.
L'émoticône est caractérisée par une séquence de caractères (signes de ponctuation, symboles ...) pour exprimer des expressions faciales comme ;-). Selon l'Unicode, ceci est considéré comme un seul caractère. Par exemple, :p représente un visage qui tire la langue et cela signifie souvent que la phrase, qui l’accompagne, est une blague.
:)
Les émoticônes regroupent aussi les émojis.

Émoji

Émoji est le terme japonais pour désigner les émoticônes.
Signifiant à l'origine pictogramme, le mot émoji signifie littéralement image (e) + lettre (moji). Ces caractères sont utilisés de la même façon que les émoticônes ASCII.
😀

Kaomoji

Version japonaise des émoticônes, qui intègrent les spécificités des caractères et de la ponctuation japonaise.
Ces codes sont repris dans le monde entier. L’émoticône est aujourdhui intégrée comme un élément de l'écriture', un indicateur indispensable à la communication écrite sur le web.
^_^

du professionnel web

Au fil des années, des caractères supplémentaires ont introduit notre jeu de caractères.

influences de la langue anglo-saxone

Aujourd'hui, le contenu web contient des caractères empruntés à des jeux de caractères étrangers, principalement anglo-saxons.
Caractères utilisés pour la rédaction web.
# @ ^ | ·
@
caractère Unicode introduit dans la rédaction francophone web

influences des languages de programmation

Les développeurs francophones ont recours à ces caractères pour crééer app, site, jeu ... web.
Caractères utilisés pour la création web.
" < > \ _ { }
@
caractère Unicode supplémentaire (pour le développement web)

 

 

 

⠚⠑ ⠙⠑⠙⠊⠑ ⠉⠑ ⠏⠗⠕⠚⠑⠞ ⠁ ⠓⠁⠃⠕⠥⠊⠃⠕⠥⠊

2017/18 • wEbthics 99.99% DIY Code ⠓⠁⠃⠕⠥⠊⠃⠕⠥⠊