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
54
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
1.9k
We need a better UI component library - Styled System
annasu
0
5.7k
What’s FullStory?
annasu
0
86
serverless - send email and update status
annasu
0
61
PWA 應用與價值
annasu
0
64
初探 DevOps 的世界
annasu
0
160
Why Redux-Observable?
annasu
0
28
PWA 與 Service Worker
annasu
0
28
Other Decks in Technology
See All in Technology
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
30
13k
強いチームと開発生産性
onk
PRO
38
12k
セキュリティ運用って包括的にできていますか?SaaSを使って次のステップへ / Comprehensive Cyber Security Operations for Cloud Services Using SaaS
sakaitakeshi
0
190
複雑なState管理からの脱却
sansantech
PRO
1
180
アジャイルチームがらしさを発揮するための目標づくり / Making the goal and enabling the team
kakehashi
4
350
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
1.1k
Amazon Forecast亡き今、我々がマネージドサービスに頼らず時系列予測を実行する方法
sadynitro
0
190
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
330
SSMRunbook作成の勘所_20241120
koichiotomo
3
190
安心してください、日本語使えますよ―Ubuntu日本語Remix提供休止に寄せて― 2024-11-17
nobutomurata
1
1k
Is Go A Good Language to Build Compilers?
kennethanceyer
0
100
TypeScript100%で作るMovable Typeプラグイン
usualoma
2
100
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
140
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
KATA
mclloyd
29
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
How to train your dragon (web standard)
notwaldorf
88
5.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Designing the Hi-DPI Web
ddemaree
280
34k
Thoughts on Productivity
jonyablonski
67
4.3k
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