Typography and Punctuation Rules for the Web

•

4 j'aime•1,035 vues

Dmitry Baranovskiy

Technologie Design

Typography
on the Web
•

old hidden art

Trajan column

2000

One of the most annoying
things
is ,of course , punctuation
errors !
Punctuation

One of the most annoying
things
is ,of course , punctuation
errors !
Punctuation

“”≠
‘’≠''
Quotes

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Typography and Punctuation Rules for the Web

Contenu connexe

En vedette

Building for People

Building for People

Building for PeopleMarko Dugonjić

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio APIEduardo Shiota Yasuda

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...Eduardo Shiota Yasuda

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da ProgramaçãoEduardo Shiota Yasuda

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)Ryan LaBouve

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerceEduardo Shiota Yasuda

Web TypographyJason CranfordTeague

Datadesignmeaning

Datadesignmeaning

DatadesignmeaningIdan Gazit

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typographyHalil Eren Çelik

Typography and Grid for Mobile Design

Typography and Grid for Mobile Design

Typography and Grid for Mobile DesignSara Quinn

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zeroEduardo Shiota Yasuda

TypeAlix Fraser

Web Typography Fundamentals

Web Typography Fundamentals

Web Typography Fundamentalsmarkboultondesign

With Great Power, a lecture on web typography

With Great Power, a lecture on web typography

With Great Power, a lecture on web typographyErika Tarte

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutantsMichael Chaize

Typography on Web.

Typography on Web.

Typography on Web. Milind Chaskar

Web Typography Now

Web Typography Now

Web Typography NowTom Lewek Design

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015Michael Chaize

A crash course in typography

A crash course in typography

A crash course in typographyMigle Migle

The State of Web Type

The State of Web Type

The State of Web TypeMatthew Buchanan

En vedette (20)

Building for People

Building for People

Building for People

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da Programação

O Design e a Interface no mundo da Programação

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)

Fake It While We Make It (Data-Driven Prototyping)

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerce

Desafios do Desenvolvimento de Front-end em um e-commerce

Web Typography

Datadesignmeaning

Datadesignmeaning

Datadesignmeaning

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typography

Mobile ui trends present future – meaningful mobile typography

Typography and Grid for Mobile Design

Typography and Grid for Mobile Design

Typography and Grid for Mobile Design

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zero

Criando uma arquitetura de front-end do zero

Type

Web Typography Fundamentals

Web Typography Fundamentals

Web Typography Fundamentals

With Great Power, a lecture on web typography

With Great Power, a lecture on web typography

With Great Power, a lecture on web typography

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutants

FITC Amsterdam 2015 - keynote-adobe - We are mutants

Typography on Web.

Typography on Web.

Typography on Web.

Web Typography Now

Web Typography Now

Web Typography Now

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015

Typography on the Web - FITC Amsterdam 2015

A crash course in typography

A crash course in typography

A crash course in typography

The State of Web Type

The State of Web Type

The State of Web Type

Plus de Dmitry Baranovskiy

JavaScript: enter the dragon

JavaScript: enter the dragon

JavaScript: enter the dragonDmitry Baranovskiy

The Origins of Magic

The Origins of Magic

The Origins of MagicDmitry Baranovskiy

Demystifying Prototypes

Demystifying Prototypes

Demystifying PrototypesDmitry Baranovskiy

RaphaëlDmitry Baranovskiy

Type Recognition

Type Recognition

Type RecognitionDmitry Baranovskiy

Raphaël JS Conf

Raphaël JS Conf

Raphaël JS ConfDmitry Baranovskiy

Obvious Secrets of JavaScript

Obvious Secrets of JavaScript

Obvious Secrets of JavaScriptDmitry Baranovskiy

Your JavaScript Library

Your JavaScript Library

Your JavaScript LibraryDmitry Baranovskiy

CanvasDmitry Baranovskiy

SVGDmitry Baranovskiy

Java Script Workshop

Java Script Workshop

Java Script WorkshopDmitry Baranovskiy

RaphaelDmitry Baranovskiy

Web Vector Graphics

Web Vector Graphics

Web Vector GraphicsDmitry Baranovskiy

Microformats—the hidden treasure

Microformats—the hidden treasure

Microformats—the hidden treasureDmitry Baranovskiy

Advanced JavaScript Techniques

Advanced JavaScript Techniques

Advanced JavaScript TechniquesDmitry Baranovskiy

Plus de Dmitry Baranovskiy (15)

JavaScript: enter the dragon

JavaScript: enter the dragon

JavaScript: enter the dragon

The Origins of Magic

The Origins of Magic

The Origins of Magic

Demystifying Prototypes

Demystifying Prototypes

Demystifying Prototypes

Raphaël

Type Recognition

Type Recognition

Type Recognition

Raphaël JS Conf

Raphaël JS Conf

Raphaël JS Conf

Obvious Secrets of JavaScript

Obvious Secrets of JavaScript

Obvious Secrets of JavaScript

Your JavaScript Library

Your JavaScript Library

Your JavaScript Library

Canvas

SVG

Java Script Workshop

Java Script Workshop

Java Script Workshop

Raphael

Web Vector Graphics

Web Vector Graphics

Web Vector Graphics

Microformats—the hidden treasure

Microformats—the hidden treasure

Microformats—the hidden treasure

Advanced JavaScript Techniques

Advanced JavaScript Techniques

Advanced JavaScript Techniques

Dernier

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

SIP trunking in Janus @ Kamailio World 2024

SIP trunking in Janus @ Kamailio World 2024

SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero

Search Engine Optimization SEO PDF for 2024.pdf

Search Engine Optimization SEO PDF for 2024.pdf

Search Engine Optimization SEO PDF for 2024.pdfRankYa

DMCC Future of Trade Web3 - Special Edition

DMCC Future of Trade Web3 - Special Edition

DMCC Future of Trade Web3 - Special EditionDubai Multi Commodity Centre

Dev Dives: Streamline document processing with UiPath Studio Web

Dev Dives: Streamline document processing with UiPath Studio Web

Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity

WordPress Websites for Engineers: Elevate Your Brandgvaughan

Artificial intelligence in cctv survelliance.pptx

Artificial intelligence in cctv survelliance.pptx

Artificial intelligence in cctv survelliance.pptxhariprasad279825

Training state-of-the-art general text embedding

Training state-of-the-art general text embedding

Training state-of-the-art general text embeddingZilliz

Advanced Test Driven-Development @ php[tek] 2024

Advanced Test Driven-Development @ php[tek] 2024

Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang

Unraveling Multimodality with Large Language Models.pdf

Unraveling Multimodality with Large Language Models.pdf

Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro

DevEX - reference for building teams, processes, and platforms

DevEX - reference for building teams, processes, and platforms

DevEX - reference for building teams, processes, and platformsSergiu Bodiu

Anypoint Exchange: It’s Not Just a Repo!

Anypoint Exchange: It’s Not Just a Repo!

Anypoint Exchange: It’s Not Just a Repo!Manik S Magar

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

My INSURER PTE LTD - Insurtech Innovation Award 2024

My INSURER PTE LTD - Insurtech Innovation Award 2024

My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer

What's New in Teams Calling, Meetings and Devices March 2024

What's New in Teams Calling, Meetings and Devices March 2024

What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett

DevoxxFR 2024 Reproducible Builds with Apache Maven

DevoxxFR 2024 Reproducible Builds with Apache Maven

DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

Commit 2024 - Secret Management made easy

Commit 2024 - Secret Management made easy

Commit 2024 - Secret Management made easyAlfredo García Lavilla

Dernier (20)

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding Club

Unleash Your Potential - Namagunga Girls Coding Club

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

SIP trunking in Janus @ Kamailio World 2024

SIP trunking in Janus @ Kamailio World 2024

SIP trunking in Janus @ Kamailio World 2024

Search Engine Optimization SEO PDF for 2024.pdf

Search Engine Optimization SEO PDF for 2024.pdf

Search Engine Optimization SEO PDF for 2024.pdf

DMCC Future of Trade Web3 - Special Edition

DMCC Future of Trade Web3 - Special Edition

DMCC Future of Trade Web3 - Special Edition

Dev Dives: Streamline document processing with UiPath Studio Web

Dev Dives: Streamline document processing with UiPath Studio Web

Dev Dives: Streamline document processing with UiPath Studio Web

WordPress Websites for Engineers: Elevate Your Brand

Artificial intelligence in cctv survelliance.pptx

Artificial intelligence in cctv survelliance.pptx

Artificial intelligence in cctv survelliance.pptx

Training state-of-the-art general text embedding

Training state-of-the-art general text embedding

Training state-of-the-art general text embedding

Advanced Test Driven-Development @ php[tek] 2024

Advanced Test Driven-Development @ php[tek] 2024

Advanced Test Driven-Development @ php[tek] 2024

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

Unraveling Multimodality with Large Language Models.pdf

Unraveling Multimodality with Large Language Models.pdf

Unraveling Multimodality with Large Language Models.pdf

DevEX - reference for building teams, processes, and platforms

DevEX - reference for building teams, processes, and platforms

DevEX - reference for building teams, processes, and platforms

Anypoint Exchange: It’s Not Just a Repo!

Anypoint Exchange: It’s Not Just a Repo!

Anypoint Exchange: It’s Not Just a Repo!

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck Presentation

Connect Wave/ connectwave Pitch Deck Presentation

My INSURER PTE LTD - Insurtech Innovation Award 2024

My INSURER PTE LTD - Insurtech Innovation Award 2024

My INSURER PTE LTD - Insurtech Innovation Award 2024

What's New in Teams Calling, Meetings and Devices March 2024

What's New in Teams Calling, Meetings and Devices March 2024

What's New in Teams Calling, Meetings and Devices March 2024

DevoxxFR 2024 Reproducible Builds with Apache Maven

DevoxxFR 2024 Reproducible Builds with Apache Maven

DevoxxFR 2024 Reproducible Builds with Apache Maven

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 Presentation

My Hashitalk Indonesia April 2024 Presentation

Commit 2024 - Secret Management made easy

Commit 2024 - Secret Management made easy

Commit 2024 - Secret Management made easy

Typography and Punctuation Rules for the Web

1. Typography on the Web •

2. old hidden art

3. Trajan column

5. One of the most annoying things is ,of course , punctuation errors ! Punctuation

6. One of the most annoying things is ,of course , punctuation errors ! Punctuation

7. “”≠ ‘’≠'' Quotes