Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
fitme
Search
namikuguri
December 31, 2013
Design
0
70
fitme
2013年頃に考えたブラウザのUI
namikuguri
December 31, 2013
Tweet
Share
More Decks by namikuguri
See All by namikuguri
実例から学ぶ CSSアニメーション
namikuguri
1
1.3k
かるくCalc()
namikuguri
0
130
SVG Basic
namikuguri
0
190
SVG Graph Animation
namikuguri
0
190
石
namikuguri
0
78
僕はあの日夕暮れ時に書いたスタイルガイドを忘れない
namikuguri
0
820
誰と作るデザイン?
namikuguri
0
590
CSS の構造化、その目的
namikuguri
0
96
About color
namikuguri
0
95
Other Decks in Design
See All in Design
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
440
Night Shift (beginning sequence)
cpineda57
0
870
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
660
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
680
portfolio
amitnk
1
120
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
800
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
170
Карта процесса-опыта. Презентация метода
ashapiro
0
310
アクセシビリティのはじめかた デザイナー編
tokimari
3
1.3k
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
1.9k
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
260
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.7k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
The Pragmatic Product Professional
lauravandoore
31
6.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
What's in a price? How to price your products and services
michaelherold
243
12k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
Code Reviewing Like a Champion
maltzj
519
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
14
2k
Designing Experiences People Love
moore
138
23k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Statistics for Hackers
jakevdp
796
220k
Transcript
W
/FX#SPXTFS'JU.F ৗੜ׆ʹ༻͢ΔαʔϏεͷ૿ՃɺσόΠεͷ ଟ༷ԽɺϢʔβʔͷଐੑʹ߹Θͤͯɺ࠷దͳ6*ͷ มߋΛՄೳʹ͢ΔͨΊʹ࡞Γ·ͨ͠ɻ
None
'JU.Fͱ ࣗͷར༻έʔεʹ߹ͬͨΠϯλʔϑΣʔεΛ࣮ݱ͍ͨ͠ %FTLUPQϒϥβΛ͏Ϣʔβʔ͚ͷɺ 'JU.Fͱ͍͏ϓϩμΫτɺ %FTLUPQ্Ͱಈ࡞͢Δ8&#ϒϥβΞϓϦέʔγϣϯͰ͋Δɻ ͜Εϒϥβͱͯ͠ͷ࠷ݶͷػೳΛআ͖ɺλϒͷΧςΰϦΛ Γସ͑Δ͜ͱ֦ுΛߦ͏͜ͱͰɺϢʔβʔͷར༻༻్ʹ߹ͬͨϒ ϥβΛ࣮ݱ͢Δ͜ͱ͕Ͱ͖ɺ 0QFSBͱҧͬͯɺ ࠨαΠυόʔͷػೳΛվྑ͠ɺαΠυόʔͷ໊લΛzύωϧzͱͯ͠
ओ࣠ʹஔ͍ͨΠϯλʔϑΣʔε͕උΘ͍ͬͯΔɻ
None
1. ϒϥβදࣔྖҬͷ 2. σόΠεؒͷಉظɺදࣔՕॴͷ 3. ΧελϚΠζͷෆศ͞ͷ ϒϥβͷ3ͭͷɺFit Me ͷઓ
1. ϒϥβදࣔྖҬͷ 2. σόΠεؒͷಉظɺදࣔՕॴͷ 3. ΧελϚΠζͷෆศ͞ͷ ϒϥβͷ3ͭͷɺFit Me ͷઓ
1. ϒϥβදࣔྖҬͷ Լهͷཧ༝͔ΒϒϥβͷදࣔྖҬॎΛ͘͢Δ ͜ͱΛҙࣝͨ͠΄͏͕͍͍ɻ - ਓߦͷจࣈ͕ଟ͍จষΛಡΉͱർΕΔ - ଟ͘ͷϒϥβ͕ԣ෯ʹ༨ͳ༨നΛ͍࣋ͬͯΔ
1. ϒϥβදࣔྖҬͷ ·ͨɺλϒΛ্ʹऔΔ͜ͱͰ … - title ͷจࣈ͕λϒΛ։͘͜ͱͰݟ͑ʹ͘͘ͳ Δɻ࠷ऴతʹ favicon
title දࣔ͞Εͳ͍ɻ - λϒͷදࣔྖҬ͕ڱ·Δ͜ͱͰɺλϒͷΫϦοΫ ͕ߦ͍ʹ͘͘ͳΔɻ
1. ϒϥβදࣔྖҬͷ Google Chrome λϒ Firefox λϒ
1. ϒϥβදࣔྖҬͷ Fit Me ͷղܾํ๏ શͯͷλϒΛѲͰ͖ΔΑ͏ʹ͢ΔҝɺදࣔྖҬΛ ݮΒ͞ͳ͍ҝʹλϒΛύωϧʹදࣔ͢Δɻ λϒΛύωϧʹදࣔ͢Δ͜ͱͰҰఆͷදࣔྖҬɺ ΫϦοΫྖҬΛ֬อ
1. ϒϥβදࣔྖҬͷ λϒΛύωϧʹදࣔ͢Δ͜ͱͰҰఆͷදࣔྖҬɺ ΫϦοΫྖҬΛ֬อ
1. ϒϥβදࣔྖҬͷ 2. σόΠεؒͷಉظɺදࣔՕॴͷ 3. ΧελϚΠζͷෆศ͞ͷ ϒϥβͷ3ͭͷɺFit Me ͷઓ
ՈձࣾͰDesktopɺ֎ͰTabletMobileΛ ͏ͳͲɺϢʔβʔ͕ར༻γʔϯʹ߹ΘͤͯσόΠε ΛΓସ͍͑ͯΔɻ طଘͷϒϥβͰɺಉظΛ࣮ߦ͢ΔػೳͷஔՕ ॴɺಉظޙͷ༻ํ๏͕Θ͔Γʹ͍͘ɻ 2. σόΠεؒͷಉظɺදࣔՕॴͷ
σόΠεΛΓସ͑ͨ࣌ʹλϒཤྺɺϒοΫϚʔ Ϋ͕ಉظ͞Εͳ͍ͷෆศɻDesktop্Ͱશͯཧ Ͱ͖ΔΑ͏ʹ͢Δɻ σόΠεͷΓସ͑πʔϧͷൃݟ͘͢͠ɺ͍ ͍͢ॴʹஔ͘ɻ 2. σόΠεؒͷಉظɺදࣔՕॴͷ
2. σόΠεؒͷಉظɺදࣔՕॴͷ Google Chrome ಉظʢ৽͍͠λϒ Footerʣ Firefox ಉظʢελʔτϖʔδ Footerʣ
2. σόΠεؒͷಉظɺදࣔՕॴͷ Fit Me ͷղܾํ๏ DashboardΟϯυλϒʹDesktopɺ TabletɺMobileͰΓସ͑ද͕ࣔ༰қʹͰ͖ΔΑ͏ ʹ͢Δɻ
2. σόΠεؒͷಉظɺදࣔՕॴͷ μογϡϘʔυ
2. σόΠεؒͷಉظɺදࣔՕॴͷ ύωϧʢΟϯυʣ
1. ϒϥβදࣔྖҬͷ 2. σόΠεؒͷಉظɺදࣔՕॴͷ 3. ΧελϚΠζͷෆศ͞ͷ ϒϥβͷ3ͭͷɺFit Me ͷઓ
3. ΧελϚΠζͷෆศ͞ͷ Ϣʔβʔͷଐੑ͕֦େ͢Δத 1ͭͷΠϯλʔϑΣʔεͰຊʹ͍͍͢ͷΛ ࡞Δͷ͍͠ɻ
3. ΧελϚΠζͷෆศ͞ͷ ϢʔβʔʹϒϥβͷػೳΛֶशͯ͠Β͍ɺ ࣗʹ߹ͬͨΠϯλʔϑΣʔεΛϢʔβʔ͕ࣗ࡞ Γ্͛Δඞཁ͕͋Δɻ
3. ΧελϚΠζͷෆศ͞ͷ Firefox ΧελϚΠζ
3. ΧελϚΠζͷෆศ͞ͷ Firefox ͷΑ͏ʹͯ͢Λදࣔ͠ɺॎͷྖҬΛڱΊ Δ͜ͱ͚ͩ͠ͳ͍Α͏ʹ͢Δɻ
3. ΧελϚΠζͷෆศ͞ͷ Fit Me ͷղܾํ๏ ݱࡏɺଞͷϒϥβͰόʔͱͯ͠ѻΘΕ͍ͯΔ ͷΛύωϧʹؚΊɺ୳͍ͯ͠Δͷ͕ҰఆͷதͰ ݁͢ΔΑ͏ʹ͢Δɻ
3. ΧελϚΠζͷෆศ͞ͷ Οϯυ
3. ΧελϚΠζͷෆศ͞ͷ ϒοΫϚʔΫ
3. ΧελϚΠζͷෆศ͞ͷ App
3. ΧελϚΠζͷෆศ͞ͷ ཤྺ
3. ΧελϚΠζͷෆศ͞ͷ ϝϞ
3. ΧελϚΠζͷෆศ͞ͷ μϯϩʔυʢ্෦ʣ
3. ΧελϚΠζͷෆศ͞ͷ μϯϩʔυʢԼ෦ʣ
1. ϒϥβදࣔྖҬͷ 2. σόΠεؒͷಉظɺදࣔՕॴͷ 3. ΧελϚΠζͷෆศ͞ͷ ϒϥβͷ3ͭͷɺFit Me ͷઓ
ࣗʹͽͬͨΓͳϒϥβΛ͋ͳͨʹ 'JU.F
࡞ऀ