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
2016 PIXNET HACKATHON Lightning talk - 做網站不是只有一...
Search
Anna Su
August 13, 2016
Technology
0
66
2016 PIXNET HACKATHON Lightning talk - 做網站不是只有一個人的事
2016/08/13
@ 2016 PIXNET HACKATHON Lightning talk
Anna Su
August 13, 2016
Tweet
Share
More Decks by Anna Su
See All by Anna Su
從 Styled System 看下一代 CSS 技術
annasu
2
2k
We need a better UI component library - Styled System
annasu
0
5.9k
What’s FullStory?
annasu
0
110
serverless - send email and update status
annasu
0
71
PWA 應用與價值
annasu
0
76
初探 DevOps 的世界
annasu
0
210
Why Redux-Observable?
annasu
0
39
PWA 與 Service Worker
annasu
0
36
Other Decks in Technology
See All in Technology
OSMnx Galleryの紹介
mopinfish
0
150
オープンソースのハードウェアのコンテストに参加している話
iotengineer22
0
490
AIの電力問題を概観する
rmaruy
1
210
他チームへ越境したら、生データ提供ソリューションのクエリ費用95%削減へ繋がった話 / Cross-Team Impact: 95% Off Raw Data Query Costs
yamamotoyuta
0
200
面接を通過するためにやってて良かったこと3選
sansantech
PRO
0
120
“新卒らしさ”を脱ぎ捨てて 〜1年を経て学んだこと〜
rebase_engineering
0
130
GitHub Coding Agent 概要
kkamegawa
1
1.4k
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.2k
積み上げられた技術資産と向き合いながら、プロダクトの信頼性をどう守るか
plaidtech
PRO
0
530
toittaにOpenTelemetryを導入した話 / Mackerel APM リリースパーティ
cohalz
1
470
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
360k
金融システムをモダナイズするためのAmazon Elastic Kubernetes Service(EKS)ノウハウ大全
daitak
0
120
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
Done Done
chrislema
184
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
650
We Have a Design System, Now What?
morganepeng
52
7.6k
Raft: Consensus for Rubyists
vanstee
137
7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Site-Speed That Sticks
csswizardry
7
590
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Code Review Best Practice
trishagee
68
18k
Designing Experiences People Love
moore
142
24k
Transcript
狶翕ᒊ 犋ฎݝ磪Ӟ㮆ՈጱԪ 獮ᒒૡ纷䒍 Anna Su
֦襑ᥝ蚤盄ग़Ո传蝢 PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 2
ࢩ傶ྯ㮆Ոమጱ᮷犋Ӟ䰬 PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 3
None
ইຎ֦犋䨝蝢覄!! ᮎெ讕旰珌牫
䷱橕狌ӗ傶ԧ虏翕ᒊ狶ๅঅ ࣁ樄ত 䁆ᤈԏ獮 ض肗肗މ 6
PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 磪綍讕奞℄ฎ౯㮉襑ᥝضဳጱ牫 䌕礯樄তԏ獮 7
PM 戔懯䒍 ૡ纷䒍 ਮ䜛 ֵአᘏ 䌕礯樄তԏ獮 戔懯䒍ૡ纷䒍襑ᥝੂ獥ݳ֢ 8
戔懯䒍మጱฎ牫 Ḓض 9
౯మᥝ蝡愊磪Ջ讕硳ຎ牧ᮎ愊አՋ讕㵕眲 ֦疰䚣眤憽獥疰অࠩ ౯犥傶蝡圵硳ຎ盄墋㻌 盄墋㻌!? 盄墋㻌...㻟?? ௮௮牦অࡂ অ㮆疵 ࠡ牦牦౯మکԧ牦牦 ౯犥傶ૡ纷䒍螵蜉᮷盄অ牐 অࡂঅࡂ
౯㮉肯肯ૡ纷䒍ฎெ讕మጱ牫 ٚ㬵 11
㪐Ӟ㮆向ᶎ㬵疰ᥝ౯ኞRWD牫 Ջ讕牫֦አ犥向der? 傶Ջ讕秂懿px䨝磪ੜ碍讨牫 蝡犋ฎ盄चጱଉ蘷㻟牫 縄ᐟ稴ӗ ౯犥傶戔懯䒍 sense ᮷盄অ牐 ౯犋Ꭳ螇֦ጱกጮ 藶妔౯嘦獥ጱ碍独অ㻟牫
OK??
Ӟ㮆አ螵蜉狶Ԫ Ӟ㮆覎眤憽藯扖
ಅ犥... ᥝெ讕狶牧 ݢ犥虏戔懯䒍ૡ纷䒍ݳ֢ๅ磪认瓼牫 14
֦ጱ襑穩ٍ誢ጱ蚤戔懯䒍拻牧拻กጮݷ憒㳷牧纷ୗ褖ګ...缛 ૡ纷䒍蝡讕狶 15
ૡ纷䒍藯ก物 RWD ᛗ獋㮆粚ࣳ向ᶎ 16
ૡ纷䒍藯ก物 獥瑽䲆礯ݷᒧݳ承嬝 纷ୗ嘨犖ๅฃ褂捝 17
手茐ԧ薹獮ᒒጱ承ဩ奾䯤膏螵蜉牧訅౮矾褸虻碘ጱ聜䙼牧褰碻褰瑿懵抷牧 戔ਧڡྍጱGuideline虏ૡ纷䒍磪螵蜉螞盌...缛 戔懯䒍蝡讕狶 18
戔懯䒍ݢ犥蝡讕狶物 Guideline / 秂纈氅ᜋ 19
珿አૡٍ / 秂纈氅ᜋ 戔懯䒍蝡讕狶ๅঅ物 20
戔懯䒍ݢ犥蝡讕狶物 Guideline / 秂纈疳ੑ 21
戔懯䒍蝡讕狶ๅঅ物 珿አૡٍ / 秂纈疳ੑ 22
ଉᤩኼጱੜ瑿ො 绚制眲 禅褖独 梊藮殷ᶎ ٌ䋿螭磪盄ग़牧碢耆犋现猋斉... ೲ衔制眲 23
ೲ衔制眲 NORMAL NORMAL HOVER PRESSED PRESSED DISABLED SELECTED SELECTED 24
绚制眲 25
绚制眲 26
禅褖独 3 999+ 碍独ጱ禅褖 27
Д 禅褖独 秂氂獉ጱ禅褖 28
Д 禅褖独 虻碘斉獈ጱ禅褖 29
梊藮殷ᶎ 梊藮砺֢纈 30
梊藮殷ᶎ ತ犋ک翕殷 31
梊藮殷ᶎ 32 ֑๐瑊梊藮
梊藮殷ᶎ 33 螭ݢ犥蝡䰬氥纈 ֑๐瑊梊藮
ےӤӞ犚㵕眲硳ຎ牧虏ֵአᘏ誢涢虋ๅঅ ੜ奞℄ 34
㵕眲硳ຎ 35
㵕眲硳ຎ 36
ݢ犥ع݄Ӟ犚犋ᥝጱ讔簡牧虏ૡ֢ๅ殼䧒 獮传蝢 37
狶翕ᒊ... 襑ᥝ蝚螂ஂ種ጱ䌕禂牏Ӟ蚏ۘێ牦 38
狶翕ᒊ... 襑ᥝ犋䥁ጱ传蝢牧ፘ䋊聜牦 39
ࢩ傶... 碻樌磪褖牏襑穩篷褖 ݈Ӟፗ硬虋 40
౯㮉... ᮷ฎࣁݶӞ臀膫Ӥࠡ牦 琓ӗ ᘒӬ
ಅ犥ᥝଘو蒂牧螪ݻ聅অጱ๚㬵珆ӗ Hi, My name is Anns Su, nice to meet
you.
眤蘛肔肯 ❤
http://www.uplabs.com/posts/oops-something-went-wrong Photo Credits http://vide.tw/3828 http://skygene.blogspot.tw/2012/12/life-of-pi.html https://material.google.com/components/buttons.html#buttons-flat-buttons http://www.uplabs.com/posts/empty-card http://www.uplabs.com/posts/empty-states http://www.freepik.com/ http://www.chaxun8.cn/tonglingshu/index_2.html
http://www.citytalk.tw/cue/1368/photo/ https://dribbble.com/shots/2296102-Error-500-page
http://www.uplabs.com/posts/404-page-37f5d281-e33e-4812-b25e-085cbb664e7c Photo Credits http://assets.materialup.com/uploads/9f4a9c0b-b75a-4875-8620-1a2fee78d34e/preview.png