四面八方 Directions of the web

Chen Hui Jing
Jing
@hj_chen
🇲🇾 🏀 👩‍💻 📝 🦊
Mozilla TechSpeakers

https://events.mozilla.org/techspeakers

Nexmo Developer Relations

🥑 Developer Advocate 🥑

Nexmo

Let's look at some old pictures...

Illustration of Analytical Engine
Analytical engine by Charles Babbage
Photo of Z1 computer in Konrad Zuse's parents' living room
Z1 by Konrad Zuse
Translation of Turing machine to a state diagram
Turing machine by Alan Turing
Colossus computer
Colossus by Tommy Flowers
Atanasoff-Berry Computer
Atanasoff-Berry Computer by John Vincent Atanasoff and Cliff Berry

What do all these early computers have in common?

Made in western countries

Writing directions on the web

Unicode Bidirectional Algorithm

Unicode Vertical Text Layout

CSS Writing Modes Level 3

Vertical text

Halt and Catch Fire

“Computers aren't the thing. They're the thing that gets us to the thing.”

“How did we all get here today? The choices we made, the sheer force of our will, something like that? Here's another answer... the winds of fate. Random coincidence, some unseen hand just pushing us along. Destiny.”

What are you searching for?

Fun with flexbox directions

1一
2二
3三
4四
5五
6六
7七
8八
9九
10十
11十一
12十二
13十三
14十四
15十五
16十六
17十七
18十八
19十四
20二十

All the directions

Number of different combinations for flex direction is 64

Changing directions with grid

(also density of packing)

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

Thank you!

Websitehttps://www.chenhuijing.com

Twitter@hj_chen

Medium@hj_chen

Codepen@huijing

Font used is Magnetic Pro, by Olivier Gourvat