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
90
0
Share
2016 PIXNET HACKATHON Lightning talk - 做網站不是只有一個人的事
2016/08/13
@ 2016 PIXNET HACKATHON Lightning talk
Anna Su
August 13, 2016
More Decks by Anna Su
See All by Anna Su
從 Styled System 看下一代 CSS 技術
annasu
2
2.3k
We need a better UI component library - Styled System
annasu
0
6.3k
What’s FullStory?
annasu
0
150
serverless - send email and update status
annasu
0
100
PWA 應用與價值
annasu
0
99
初探 DevOps 的世界
annasu
0
270
Why Redux-Observable?
annasu
0
67
PWA 與 Service Worker
annasu
0
73
Other Decks in Technology
See All in Technology
EdgeプロファイルでAWSアカウントを安全に使い分ける
jhashimoto
0
110
AI時代に改めて考える、ドメイン駆動設計 - モデリングが「AIへの共通言語」になる
littlehands
8
2.4k
TSKaigi 2026 - enumよ、さようなら
teamlab
PRO
3
550
データ分析基盤の信頼を支える視点と設計
yuki_saito
1
680
エンジニアは生成AIと どのように向き合うべきか? ことばの意味という観点から
verypluming
3
220
形式手法特論:公平性制約の位相的特徴づけ #kernelvm / Kernel VM Study Kansai 12th
ytaka23
1
290
基礎から解説!Icebergで紐解くSnowflake×Databricks連携の現在地
cm_yasuhara
0
320
【禁断】Obsidianの第二の脳に「知の巨人」と呼ばれた師匠の脳をロードしてみた
nagatsu
0
6.6k
大規模環境でどのように監視を実現する?
yuobayashi
1
150
RubyでRuby拡張を書いたらRubyより35倍速になったってどういうこと??
kazuho
3
620
『家族アルバム みてね』における インシデント対応との向き合い方 / Approach incident response in Family Album
kohbis
2
200
その英語学習、AWSで代替できませんか?
suzutatsu
1
250
Featured
See All Featured
We Are The Robots
honzajavorek
0
230
It's Worth the Effort
3n
188
29k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Faster Mobile Websites
deanohume
310
31k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
310
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
Ruling the World: When Life Gets Gamed
codingconduct
0
240
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
230
Making the Leap to Tech Lead
cromwellryan
135
9.8k
Done Done
chrislema
186
16k
How STYLIGHT went responsive
nonsquared
100
6.1k
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