Tweet
Tweet

Slide 1

Slide 1 text

Yaku Han JP “Yakumono-Hankaku” Only Web Fonts Qrac Design Ninja

Slide 2

Slide 2 text

Design & Code ࣗݾ঺հ

Slide 3

Slide 3 text

Design 2016 06 2013 Code Yaku Han JP ࣗݾ঺հ

Slide 4

Slide 4 text

Agenda 1.:BLV )BO +1ͱ͸ʁ 2.࡞ͬͨཧ༝ 3.ϝΠΩϯά 4.࠷ޙʹ

Slide 5

Slide 5 text

1. :BLV)BO +1ͱ͸ʁ

Slide 6

Slide 6 text

1.:BLV)BO +1ͱ͸ʁ ೔ຊޠͷ ʮ໿෺ ʢΧοί΍۟ಡ఺ʣ ʯ ͷΈ ʂ ʂ ʮ໿෺൒֯ઐ༻ͷ8FCϑΥϯτʯ ɺ ɻ ʂ ʁ ʪʫ ʬʭ ʮʯ ʰʱ ʲʳ ʤʥ ɾ ʢʣ ɿʀ ʦʧ ʨʩ

Slide 7

Slide 7 text

2. ࡞ͬͨཧ༝

Slide 8

Slide 8 text

2.࡞ͬͨཧ༝ ʮ೔ຊޠจࣈ٧Ί͕ਏ͔ͬͨʯ 8FCͷ ͔ΒͰ͢ɻ

Slide 9

Slide 9 text

2.࡞ͬͨཧ༝ σβΠφʔ͕࢖͏ *MMVTUSBUPS ʹ͸ɺ ศརͳઃఆ͕͋Γ·͢ɻ

Slide 10

Slide 10 text

2.࡞ͬͨཧ༝ ໿෺൒֯ ͜ΕҰൃͰɺ ໿෺ͷจࣈؒΛ٧ΊΒΕ·͢ɻ

Slide 11

Slide 11 text

2.࡞ͬͨཧ༝ ྫ͑͹ʮ͔ͬ͜ʯ΍ʰೋॏ͔ͬ͜ʱɺʲόοδʹ ࢖͍ͦ͏ͳ͔ͬ͜ʳͳͲΛ൒֯ʹͰ͖·͢ɻ ྫ͑͹ ʮ͔ͬ͜ʯ ΍ ʰೋॏ͔ͬ͜ʱ ɺ ʲόοδʹ࢖͍ͦ ͏ͳ͔ͬ͜ʳ ͳͲΛ൒֯ʹͰ͖·͢ɻ $44ʹ͸ɺ ίϨ͕ແ͍͔Βਏ͍ 

Slide 12

Slide 12 text

2.࡞ͬͨཧ༝ Ͱ͖Δ͚ͩ؆୯ͳํ๏Ͱɺ ͜ͷ໰୊Λղܾ͍ͨ͠ɻ

Slide 13

Slide 13 text

2.࡞ͬͨཧ༝ ͦ͏ݴ͑͹ɺ ϒϩάͷݟग़͠ͱ͔ͬ ͯ

Slide 14

Slide 14 text

2.࡞ͬͨཧ༝ Ԥจ͚ͩผͷϑΥϯτʹͳ͍ͬͯΔ 

Slide 15

Slide 15 text

2.࡞ͬͨཧ༝ CSS GPOUGBNJMZ BQQMFTZTUFN )FMWFUJDB/FVF )JSBHJOP,BLV(PUIJD1SP/ .FJSZP ϝΠϦΦ 0TBLB ̢̨̥ΰγοΫ  .41(PUIJD BSJBM TBOTTFSJG ແ͔ͬͨΒ͕࣍͋ͨΔͷͰ

Slide 16

Slide 16 text

2.࡞ͬͨཧ༝ CSS GPOUGBNJMZ BQQMFTZTUFN )FMWFUJDB/FVF )JSBHJOP,BLV(PUIJD1SP/ .FJSZP ϝΠϦΦ 0TBLB ̢̨̥ΰγοΫ  .41(PUIJD BSJBM TBOTTFSJG ೔ຊޠͷલʹɺ ൒֯ͷ໿෺Λ ઌʹ͋ͯͪΌ͏ :BLV )BO +1

Slide 17

Slide 17 text

3. ϝΠΩϯά

Slide 18

Slide 18 text

3.ϝΠΩϯά ϑΥϯτΤσΟλ (MZQIT ϑΥϯτ /PUP4BOT IUUQTHMZQITBQQDPN IUUQTXXXHPPHMFDPNHFUOPUPGBNJMZOPUPTBOTKQBO

Slide 19

Slide 19 text

3.ϝΠΩϯά  จࣈ  จࣈ ೔ຊޠଟ͗͢ 

Slide 20

Slide 20 text

จࣈ จࣈ 3.ϝΠΩϯά ໿෺Ҏ֎Λ͢΂ͯ࡟আ

Slide 21

Slide 21 text

3.ϝΠΩϯά ͜ͷ༨നͷ͍͔ͤ

Slide 22

Slide 22 text

3.ϝΠΩϯά ༨നΛ൒෼ҎԼʹௐ੔

Slide 23

Slide 23 text

3.ϝΠΩϯά ʮ(MZQITʯ ͸Ұׅௐ੔͕؆୯

Slide 24

Slide 24 text

3.ϝΠΩϯά ௐ੔ˠॻ͖ग़͠Λ̓΢ΣΠτ෼܁Γฦ͢

Slide 25

Slide 25 text

3.ϝΠΩϯά $44 ϑΝΠϧΛ࡞੒ͨ͠Β׬੒

Slide 26

Slide 26 text

3.ϝΠΩϯά Before

Slide 27

Slide 27 text

ॕ 3.ϝΠΩϯά After

Slide 28

Slide 28 text

3.ϝΠΩϯά 'BDFCPPL Ͱ ʮ ͍͍Ͷʯ ͳͲɺ ࢥͬͨҎ্ʹ൓ڹ͸ྑ͘ɺ ڻ͖·ͨ͠ɻ 8FC ΞϓϦͳͲʹ΋ ʂ ʢIUUQTZPOYIBUFOBCMPHDPNFOUSZʣ

Slide 29

Slide 29 text

4.࠷ޙʹ

Slide 30

Slide 30 text

4.࠷ޙʹ :BLV)BO+1 Λ࡞ͬ ͯΈͯࢥͬͨͷ͸

Slide 31

Slide 31 text

ʮ୭΋΍͍ͬͯͳ͍͜ͱͰ΋ɺ ΍ͬͯΈͨΒྑ͍͜ͱ͋Δʯ ͱ͍͏͜ͱɻ ॕ 4.࠷ޙʹ

Slide 32

Slide 32 text

ࣗ෼͕΍ͬͨ͜ͱ͕׬ᘳͰͳͯ͘΋ɺ ଞͷਓʹӨڹΛ༩͑ͯɺ ΋ͬͱྑ͍΋ͷ͕ؼͬͯ͘ Δ͔΋ ʂ 4.࠷ޙʹ

Slide 33

Slide 33 text

Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ

Slide 34

Slide 34 text

@Qrac_jp https://qrac.jp Qrac Design Ninja