SlideShare une entreprise Scribd logo
1  sur  31
http://www.signwriting.org/symposium/presentation0061.html
Presented at the SignWriting Symposium
on July 20th, 2016
SignWriting in Unicode
and Rich Text
Considerations
by Stephen E Slevinski Jr
in association with the Center for Sutton Movement Writing
Unicode Standard
According to Wikipedia, “Unicode is a computing
industry standard for the consistent encoding,
representation, and handling of text expressed in
most of the world's writing systems.”
8-bit, 16-bit, 32-bit
Unicode is ASCII Plus
<meta charset="utf-8">
The Big Umbrella of
the Center for Sutton Movement Writing
All sign languages
supported right now.
4+ years of stable and
free standards.
Many implementations
from separate groups.
Various hand writing styles.
Formal SignWriting (FSW) standard
AS18711S20500 M514x517S18711490x483S20500486x506
AS18711S20500M514x517S18711490x483S20500486x506
A S18711 S20500 M514x517 S18711490x483 S20500486x506
M 514x517 S18711 490x483 S20500 486x506
(514,517) (490,483) (486,506)
Time Space
Sequence
Marker
Symbol
Middle Lane
SignBox
Max
Coord
Spatial
Symbol
Formal SignWriting
FSW is a formal language and a script encoding
Real World Impact
http://www.signwriting.org/symposium/presentation0064.html
Moving forward with sign language projects under Wikimedia.
SignWriting Encyclopedia Projects: Wikipedias in
American Sign Language and Tunisian Sign Language
October 2016 in San DiegoWikiConference USA
https://meta.wikimedia.org/wiki/WikiConference_USA
Formal SignWriting
Adoption
Unicode
Considerations
SignWriting in Unicode
Next
Discuss accomplishments
Share insights
Create action items
SignWriting Design, With Three
Examples and Their Representation
http://www.unicode.org/L2/L2015/15219-signwriting-design.pdf
UTC # 148 (August 3-5, 2016)
SignWriting Design, With Three
Examples and Their Representation
M536x518S2ff00482x483S10000521x457
SignWriting Design, With Three
Examples and Their Representation
M518x524S2ff10482x495S34210490x510S31a30489x498S32410491x485S32127497x476
SignWriting Design, With Three
Examples and Their Representation
AS11817S15a06S2960bS20b00S10e30S15a36S30a00S34410M552x611S30a00482x483S34410495x504S11817491x523S15a06482x549S2960b512x542S15a36513x599S10e30517x574S20b00539x587-CZx
Discussion Ideas
Symbol Encoding Model
PUA Plane 16 (37,811 characters)
Script Encoding Model
PUA Plane 15 (1,179 characters)
both designs are productive and plane 16 is used with fonts
2-Dimensional Layout with Graphite and Cartesian coordinates
SignWriting has a prototype font that uses Cartesian coordinates to control
the 2-dimensional layout with Graphite and PUA Plane 15 characters. If you
have any experience with 2-dimensional layout using Cartesian coordinates,
let’s discuss the possibilities.
Entire Plane for the International SignWriting Alphabet 2010
The ISWA 2010 uses 37,811 glyphs. Each glyph has a unique code point on
Private Use Area Plane 16. These code points are used in the 16-bit font
files. Rather than use plane 16, it would be nice to use Plane 4.
CSMW Proposal for Unicode 10
and 2016 Font Development
http://signbank.org/SignWriting_Character_Viewer_2.html
16-bit glyphs set
created by Valerie Sutton
652 Palettes of 6 by 16 Grid
Dynamic Pages: single file 114 KB
Symbol Encoding Model
Plane 4 (37,811 characters)
No Private Use Area
No Ligatures
Temporary Characters
used with 2 TrueType Fonts
SVG and CSS
for presentation
Formal SignWriting and Fonts
Version 1: Private Use Area Plane 16
SignWriting 2010 Fonts
https://slevinski.github.io/SignWriting_Character_Viewer/
Render FSW with style, zoom, and reflow
Version 2: Proposed Unicode 10 Plane 4
Sutton SignWriting Fonts
http://codepen.io/Slevinski/full/XKRPzm/
Sutton SignWriting rendered from Formal SignWriting
with 2 KB each of HTML, CSS and JS
CSMW Proposal for Unicode 10
Individual Sign Copy and Paste
Double-Click or Triple-Click an individual signs to select.
Use the Alternate-Click on the same sign for a menu to copy.
An individual sign may or may not appear selected.
CSMW Proposal for Unicode 10
Multiple Sign Copy and Paste
Using the mouse, click and drag to select several signs.
The FSW will be selected, possibly with plane 4 or 16 characters.
CSMW Proposal for Unicode 10
with Vertical Layout and Lanes
HTML
FSW
source coordinates
Unicode
Plane 4 or 16
for S2ff00
http://codepen.io/Slevinski/pen/zqGNqz
Plain Text
Unicode Standard: Chapter 2
Plain text must contain enough
information to permit the text to be
rendered legibly, and nothing more.
Plain text is a pure sequence of character codes;
Formal SignWriting is Plain Text.
Rich Text
Unicode Standard: Chapter 2
Rich text carries complex formatting
information as well as text context.
Rich Text is any text representation consisting of
plain text plus added information such as a language
identifier, font size, color, hypertext links, and so on.
Given that rich text equals plain text plus added
information, the extra information in rich text can always
be stripped away to reveal the “pure” text underneath.
Size and color within a sign.
Settings for
all symbols
Settings for
specific symbols
Styling String
-D_blue_
Styling String
--D03_blue_
After Formal SignWriting
The Styling String
Defining Colors
CSS color names or hex values
CSS Color Names
• red
• green
• blue
Hex Values (3 or 6 long)
• FF0
• FF0000
SignWriting Styling String
using color and size within a sign
- Adjusting all symbols
• C - Colorize
• P - Padding
• G - Background
• D - Detail colors
• Z - Zoom level
-- Adjusting specific symbols
• D - Detail colors
• Z - Zoom level
Colorize - All Symbols
Styling String
-C
Padding - All Symbols
Styling String
-P10
Signs default with a
tight bounding-box.
Padding value must be a 2 digit string, from 01 to 99.
Background - All Symbols
Styling String
-G_lightblue_
Signs default with a
transparent background
Detail Colors - All Symbols
Styling String
-D_red_
Signs default with a
black line and white fill
Detail Colors - All Symbols
Styling String
-D_red,yellow_
Signs default with a
black line and white fill
Zoom Level - All Symbols
Styling String
-Z6.4
Signs default with a
size of 1
Zoom level can be any integer or decimal value.
Combinations - All Symbols
Styling String
-CP10G_lightblue_Z4
Styling String
-P10G_lightblue_D_red,yellow_Z4
The order of the styling options is important.
Detail Colors - Specific Symbols
Styling String
--D01_red,yellow_
Styling String
--D02_red,transparent_
Styling String
--D03_red_
Specific symbols are identified using a 2 digit string, from 01 to 99.
Zoom Level - Specific Symbols
Styling String
--Z01,2
Styling String
--Z02,2,480x490
Styling String
--Z03,2,510x500
The zoom level for specific symbols allows for an optional
adjustment coordinate, with 500x500 meaning no adjustment.
Complex Styling
Styling String
-P10G_lightblue_Z2-D01_red_D02_blue_D06_red_D07_blue_Z05,2
The order of the styling options is important.
SignWriting in Unicode and
Rich Text Considerations
by Stephen E Slevinski Jr
http://signpuddle.com
slevinski@signwriting.org
http://www.signwriting.org/symposium/presentation0061.html

Contenu connexe

En vedette

якунина виктория 9 класс
якунина виктория 9 классякунина виктория 9 класс
якунина виктория 9 класс
СОШ ЦДО
 
начальная школа
начальная школаначальная школа
начальная школа
violetta1971
 
Bio evolution
Bio evolutionBio evolution
Bio evolution
ssealey
 
Topic 1: Banking Basics
Topic 1:  Banking BasicsTopic 1:  Banking Basics
Topic 1: Banking Basics
swoyken
 

En vedette (20)

The SignWriting Symposium
The SignWriting SymposiumThe SignWriting Symposium
The SignWriting Symposium
 
Moving forward with sign language projects in Formal SignWriting
Moving forward with sign language projects in Formal SignWritingMoving forward with sign language projects in Formal SignWriting
Moving forward with sign language projects in Formal SignWriting
 
SignPuddle Standard for SignWriting Text presentation
SignPuddle Standard for SignWriting Text presentationSignPuddle Standard for SignWriting Text presentation
SignPuddle Standard for SignWriting Text presentation
 
Taking Social Media to the Next Level
Taking Social Media to the Next LevelTaking Social Media to the Next Level
Taking Social Media to the Next Level
 
Digital collaboration with machine-readable sign language text in the SignWri...
Digital collaboration with machine-readable sign language text in the SignWri...Digital collaboration with machine-readable sign language text in the SignWri...
Digital collaboration with machine-readable sign language text in the SignWri...
 
Constructing a TrueType Font for the SignWriting Script with Unicode Characte...
Constructing a TrueType Font for the SignWriting Script with Unicode Characte...Constructing a TrueType Font for the SignWriting Script with Unicode Characte...
Constructing a TrueType Font for the SignWriting Script with Unicode Characte...
 
Thanks to the UTC
Thanks to the UTCThanks to the UTC
Thanks to the UTC
 
Beyond SignWriting Plain Text
Beyond SignWriting Plain TextBeyond SignWriting Plain Text
Beyond SignWriting Plain Text
 
SignWriting Stack 2015
SignWriting Stack 2015SignWriting Stack 2015
SignWriting Stack 2015
 
SignWriting in an ASCII World
SignWriting in an ASCII WorldSignWriting in an ASCII World
SignWriting in an ASCII World
 
якунина виктория 9 класс
якунина виктория 9 классякунина виктория 9 класс
якунина виктория 9 класс
 
Salesforce training with placement
Salesforce training with placementSalesforce training with placement
Salesforce training with placement
 
TÔNG ĐỒ KHUYẾT TẬT
TÔNG ĐỒ KHUYẾT TẬTTÔNG ĐỒ KHUYẾT TẬT
TÔNG ĐỒ KHUYẾT TẬT
 
Evidence based Advocacy-Do's and Donts from Ilm Ideas on Slide Share
Evidence based Advocacy-Do's and Donts from Ilm Ideas on Slide ShareEvidence based Advocacy-Do's and Donts from Ilm Ideas on Slide Share
Evidence based Advocacy-Do's and Donts from Ilm Ideas on Slide Share
 
начальная школа
начальная школаначальная школа
начальная школа
 
Gmaw 1
Gmaw 1Gmaw 1
Gmaw 1
 
Jdeme společně
Jdeme společněJdeme společně
Jdeme společně
 
Bio evolution
Bio evolutionBio evolution
Bio evolution
 
Fmea sod ranking (1)
Fmea sod ranking (1)Fmea sod ranking (1)
Fmea sod ranking (1)
 
Topic 1: Banking Basics
Topic 1:  Banking BasicsTopic 1:  Banking Basics
Topic 1: Banking Basics
 

Similaire à SignWriting in Unicode and rich text considerations

10.m3 cms ui
10.m3 cms ui10.m3 cms ui
10.m3 cms ui
tarensi
 
Computers and text
Computers and textComputers and text
Computers and text
chitcharonko
 
Data encryption and tokenization for international unicode
Data encryption and tokenization for international unicodeData encryption and tokenization for international unicode
Data encryption and tokenization for international unicode
Ulf Mattsson
 
Camomile : A Unicode library for OCaml
Camomile : A Unicode library for OCamlCamomile : A Unicode library for OCaml
Camomile : A Unicode library for OCaml
Yamagata Yoriyuki
 
Datavideo CG-350
Datavideo CG-350Datavideo CG-350
Datavideo CG-350
AV ProfShop
 

Similaire à SignWriting in Unicode and rich text considerations (20)

SIGNWRITING SYMPOSIUM PRESENTATION 49: The Use and Structure of SignMaker 201...
SIGNWRITING SYMPOSIUM PRESENTATION 49: The Use and Structure of SignMaker 201...SIGNWRITING SYMPOSIUM PRESENTATION 49: The Use and Structure of SignMaker 201...
SIGNWRITING SYMPOSIUM PRESENTATION 49: The Use and Structure of SignMaker 201...
 
SIGNWRITING IN UNICODE 8 ISSUES 2015 by Stephen E Slevinski Jr
SIGNWRITING IN UNICODE 8 ISSUES 2015 by Stephen E Slevinski JrSIGNWRITING IN UNICODE 8 ISSUES 2015 by Stephen E Slevinski Jr
SIGNWRITING IN UNICODE 8 ISSUES 2015 by Stephen E Slevinski Jr
 
Formatting text with CSS
Formatting text with CSSFormatting text with CSS
Formatting text with CSS
 
draft-slevinski-signwriting-text
draft-slevinski-signwriting-textdraft-slevinski-signwriting-text
draft-slevinski-signwriting-text
 
SIGNWRITING SYMPOSIUM PRESENTATION 43: The SignWriting Stack 2015 by Stephen ...
SIGNWRITING SYMPOSIUM PRESENTATION 43: The SignWriting Stack 2015 by Stephen ...SIGNWRITING SYMPOSIUM PRESENTATION 43: The SignWriting Stack 2015 by Stephen ...
SIGNWRITING SYMPOSIUM PRESENTATION 43: The SignWriting Stack 2015 by Stephen ...
 
Programming in c
Programming in cProgramming in c
Programming in c
 
Internationalisation And Globalisation
Internationalisation And GlobalisationInternationalisation And Globalisation
Internationalisation And Globalisation
 
Uncdtalk
UncdtalkUncdtalk
Uncdtalk
 
CSS 3
CSS 3CSS 3
CSS 3
 
Character sets and alphabets
Character sets and alphabetsCharacter sets and alphabets
Character sets and alphabets
 
Data Representation in Computers
Data Representation in ComputersData Representation in Computers
Data Representation in Computers
 
The CSS Summit: CSS & Form Elements
The CSS Summit: CSS & Form ElementsThe CSS Summit: CSS & Form Elements
The CSS Summit: CSS & Form Elements
 
10.m3 cms ui
10.m3 cms ui10.m3 cms ui
10.m3 cms ui
 
Computers and text
Computers and textComputers and text
Computers and text
 
Lecture_ASCII and Unicode.ppt
Lecture_ASCII and Unicode.pptLecture_ASCII and Unicode.ppt
Lecture_ASCII and Unicode.ppt
 
L4 Fashioning Text Styles and Colors
L4   Fashioning Text Styles and ColorsL4   Fashioning Text Styles and Colors
L4 Fashioning Text Styles and Colors
 
Data encryption and tokenization for international unicode
Data encryption and tokenization for international unicodeData encryption and tokenization for international unicode
Data encryption and tokenization for international unicode
 
Css
CssCss
Css
 
Camomile : A Unicode library for OCaml
Camomile : A Unicode library for OCamlCamomile : A Unicode library for OCaml
Camomile : A Unicode library for OCaml
 
Datavideo CG-350
Datavideo CG-350Datavideo CG-350
Datavideo CG-350
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 

SignWriting in Unicode and rich text considerations

  • 1. http://www.signwriting.org/symposium/presentation0061.html Presented at the SignWriting Symposium on July 20th, 2016 SignWriting in Unicode and Rich Text Considerations by Stephen E Slevinski Jr in association with the Center for Sutton Movement Writing
  • 2. Unicode Standard According to Wikipedia, “Unicode is a computing industry standard for the consistent encoding, representation, and handling of text expressed in most of the world's writing systems.” 8-bit, 16-bit, 32-bit Unicode is ASCII Plus <meta charset="utf-8">
  • 3. The Big Umbrella of the Center for Sutton Movement Writing All sign languages supported right now. 4+ years of stable and free standards. Many implementations from separate groups. Various hand writing styles. Formal SignWriting (FSW) standard
  • 4. AS18711S20500 M514x517S18711490x483S20500486x506 AS18711S20500M514x517S18711490x483S20500486x506 A S18711 S20500 M514x517 S18711490x483 S20500486x506 M 514x517 S18711 490x483 S20500 486x506 (514,517) (490,483) (486,506) Time Space Sequence Marker Symbol Middle Lane SignBox Max Coord Spatial Symbol Formal SignWriting FSW is a formal language and a script encoding
  • 5. Real World Impact http://www.signwriting.org/symposium/presentation0064.html Moving forward with sign language projects under Wikimedia. SignWriting Encyclopedia Projects: Wikipedias in American Sign Language and Tunisian Sign Language October 2016 in San DiegoWikiConference USA https://meta.wikimedia.org/wiki/WikiConference_USA Formal SignWriting Adoption Unicode Considerations
  • 6. SignWriting in Unicode Next Discuss accomplishments Share insights Create action items SignWriting Design, With Three Examples and Their Representation http://www.unicode.org/L2/L2015/15219-signwriting-design.pdf UTC # 148 (August 3-5, 2016)
  • 7. SignWriting Design, With Three Examples and Their Representation M536x518S2ff00482x483S10000521x457
  • 8. SignWriting Design, With Three Examples and Their Representation M518x524S2ff10482x495S34210490x510S31a30489x498S32410491x485S32127497x476
  • 9. SignWriting Design, With Three Examples and Their Representation AS11817S15a06S2960bS20b00S10e30S15a36S30a00S34410M552x611S30a00482x483S34410495x504S11817491x523S15a06482x549S2960b512x542S15a36513x599S10e30517x574S20b00539x587-CZx
  • 10. Discussion Ideas Symbol Encoding Model PUA Plane 16 (37,811 characters) Script Encoding Model PUA Plane 15 (1,179 characters) both designs are productive and plane 16 is used with fonts 2-Dimensional Layout with Graphite and Cartesian coordinates SignWriting has a prototype font that uses Cartesian coordinates to control the 2-dimensional layout with Graphite and PUA Plane 15 characters. If you have any experience with 2-dimensional layout using Cartesian coordinates, let’s discuss the possibilities. Entire Plane for the International SignWriting Alphabet 2010 The ISWA 2010 uses 37,811 glyphs. Each glyph has a unique code point on Private Use Area Plane 16. These code points are used in the 16-bit font files. Rather than use plane 16, it would be nice to use Plane 4.
  • 11. CSMW Proposal for Unicode 10 and 2016 Font Development http://signbank.org/SignWriting_Character_Viewer_2.html 16-bit glyphs set created by Valerie Sutton 652 Palettes of 6 by 16 Grid Dynamic Pages: single file 114 KB Symbol Encoding Model Plane 4 (37,811 characters) No Private Use Area No Ligatures Temporary Characters used with 2 TrueType Fonts SVG and CSS for presentation
  • 12. Formal SignWriting and Fonts Version 1: Private Use Area Plane 16 SignWriting 2010 Fonts https://slevinski.github.io/SignWriting_Character_Viewer/ Render FSW with style, zoom, and reflow Version 2: Proposed Unicode 10 Plane 4 Sutton SignWriting Fonts http://codepen.io/Slevinski/full/XKRPzm/ Sutton SignWriting rendered from Formal SignWriting with 2 KB each of HTML, CSS and JS
  • 13. CSMW Proposal for Unicode 10 Individual Sign Copy and Paste Double-Click or Triple-Click an individual signs to select. Use the Alternate-Click on the same sign for a menu to copy. An individual sign may or may not appear selected.
  • 14. CSMW Proposal for Unicode 10 Multiple Sign Copy and Paste Using the mouse, click and drag to select several signs. The FSW will be selected, possibly with plane 4 or 16 characters.
  • 15. CSMW Proposal for Unicode 10 with Vertical Layout and Lanes HTML FSW source coordinates Unicode Plane 4 or 16 for S2ff00 http://codepen.io/Slevinski/pen/zqGNqz
  • 16. Plain Text Unicode Standard: Chapter 2 Plain text must contain enough information to permit the text to be rendered legibly, and nothing more. Plain text is a pure sequence of character codes; Formal SignWriting is Plain Text.
  • 17. Rich Text Unicode Standard: Chapter 2 Rich text carries complex formatting information as well as text context. Rich Text is any text representation consisting of plain text plus added information such as a language identifier, font size, color, hypertext links, and so on. Given that rich text equals plain text plus added information, the extra information in rich text can always be stripped away to reveal the “pure” text underneath.
  • 18. Size and color within a sign. Settings for all symbols Settings for specific symbols Styling String -D_blue_ Styling String --D03_blue_ After Formal SignWriting The Styling String
  • 19. Defining Colors CSS color names or hex values CSS Color Names • red • green • blue Hex Values (3 or 6 long) • FF0 • FF0000
  • 20. SignWriting Styling String using color and size within a sign - Adjusting all symbols • C - Colorize • P - Padding • G - Background • D - Detail colors • Z - Zoom level -- Adjusting specific symbols • D - Detail colors • Z - Zoom level
  • 21. Colorize - All Symbols Styling String -C
  • 22. Padding - All Symbols Styling String -P10 Signs default with a tight bounding-box. Padding value must be a 2 digit string, from 01 to 99.
  • 23. Background - All Symbols Styling String -G_lightblue_ Signs default with a transparent background
  • 24. Detail Colors - All Symbols Styling String -D_red_ Signs default with a black line and white fill
  • 25. Detail Colors - All Symbols Styling String -D_red,yellow_ Signs default with a black line and white fill
  • 26. Zoom Level - All Symbols Styling String -Z6.4 Signs default with a size of 1 Zoom level can be any integer or decimal value.
  • 27. Combinations - All Symbols Styling String -CP10G_lightblue_Z4 Styling String -P10G_lightblue_D_red,yellow_Z4 The order of the styling options is important.
  • 28. Detail Colors - Specific Symbols Styling String --D01_red,yellow_ Styling String --D02_red,transparent_ Styling String --D03_red_ Specific symbols are identified using a 2 digit string, from 01 to 99.
  • 29. Zoom Level - Specific Symbols Styling String --Z01,2 Styling String --Z02,2,480x490 Styling String --Z03,2,510x500 The zoom level for specific symbols allows for an optional adjustment coordinate, with 500x500 meaning no adjustment.
  • 31. SignWriting in Unicode and Rich Text Considerations by Stephen E Slevinski Jr http://signpuddle.com slevinski@signwriting.org http://www.signwriting.org/symposium/presentation0061.html