interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de...

30
// interfaces com sotaques Imagens do livro "Abridores de Letras de Pernambuco"

Transcript of interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de...

Page 1: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

// interfaces com

sotaques Imagens do livro "Abridores de Letras de Pernambuco"

Page 2: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Bruno LimaFront-end Developer & Designer

@ CESAR

#cesarnotdc

Page 3: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Bruno LimaFront-end Developer & Designer

Full Stack Designer@ CESAR

#cesarnotdc

Page 4: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

i18nl10n

#cesarnotdc

Page 5: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

i18nl10n

Internationalization

Localization

#cesarnotdc

Page 6: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

bug do milênio

🐞

#cesarnotdc

Page 7: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

99

#cesarnotdc

Page 8: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

0099

#cesarnotdc

Page 9: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

00991900

#cesarnotdc

Page 10: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

0099190019100

#cesarnotdc

Page 11: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

¿Qué?

#cesarnotdc

Page 12: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

airgeadra

R$ ¥ $ € ل.ل

#cesarnotdc

Page 13: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

airgeadra

R$ ¥ $ € ل.ل

100,00 2.656,10 25,60 22,55 35,16

#cesarnotdc

Page 14: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

culture, symbols, icons and colors#cesarnotdc

Page 15: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

culture, symbols, icons and colors#cesarnotdc

Page 16: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

date, heure et chiffres

15/08/2019 8/15/19 15. 8. 2019 2019-08-15

#cesarnotdc

Page 17: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

date, heure et chiffres

Brasil

USA

Croatia

France

15/08/2019 8/15/19 15. 8. 2019 2019-08-15

#cesarnotdc

Page 18: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

date, heure et chiffres

Brasil

USA

Croatia

France!== fr

15/08/2019 8/15/19 15. 8. 2019 2019-08-15

#cesarnotdc

Page 19: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Why

#cesarnotdc

Page 20: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Expandir e diversificar

Competitividade internacional

Respeito

#cesarnotdc

Page 21: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Como?

#cesarnotdc

Page 22: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Design Unicode CSS RTL and LTR .po Intl

#cesarnotdc

Page 23: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

PO FilesGettext

#cesarnotdc

Page 24: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

# TDC Rec term #: index.php:23; msgid "The Developers Conference" msgstr "Conferência de Desenvolvedores"

pt_BR.po

#cesarnotdc

Page 25: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

<?=__( 'The Developers Conference', 'tdc' )?>

index.php

#cesarnotdc

Page 26: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

IntlEcmaScript Intl API

#cesarnotdc

Page 27: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

const date = Date.now();

new Intl.DateTimeFormat('en-US').format(date); --> "10/12/2019"

new Intl.DateTimeFormat('pt-BR').format(date); --> "12/10/2019"

new Intl.DateTimeFormat('eu').format(date); --> "2019/10/12"

#cesarnotdc

Page 28: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

const number = 123456.789;

new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(number); --> "123.456,79 €"

new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(number); --> "¥123,457"

#cesarnotdc

Page 29: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Firefox 36+ Chrome 29+ Opera 16+ Safari 10+ IE 11+ Node.js 0.12+

#cesarnotdc

Page 30: interfaces com sotaques · 12/10/2019  · sotaques Imagens do livro "Abridores de Letras de Pernambuco" Bruno Lima Front-end Developer & Designer @ CESAR #cesarnotdc. Bruno Lima

Obrigado =]

[email protected] @brunolimawd /in/brunolimawd#cesarnotdc