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
About color
Search
namikuguri
March 21, 2013
Design
0
95
About color
About color attributes and color scheme.
namikuguri
March 21, 2013
Tweet
Share
More Decks by namikuguri
See All by namikuguri
実例から学ぶ CSSアニメーション
namikuguri
1
1.4k
かるくCalc()
namikuguri
0
140
SVG Basic
namikuguri
0
190
SVG Graph Animation
namikuguri
0
200
石
namikuguri
0
78
僕はあの日夕暮れ時に書いたスタイルガイドを忘れない
namikuguri
0
830
誰と作るデザイン?
namikuguri
0
590
CSS の構造化、その目的
namikuguri
0
99
fitme
namikuguri
0
70
Other Decks in Design
See All in Design
(第1回) アーキテクト・テックリード育成講座
masakaya
0
110
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
root COMPANY DECK / We are hiring!
root_recruit
1
16k
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
570
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
600
Карта реализации историй — убийца USM
ashapiro
0
260
Haruki_Konaka_Portforio.pdf
haruki556
0
780
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
180
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
太田博三(@usagisan2020)
otanet
0
200
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
410
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
180
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1366
200k
Site-Speed That Sticks
csswizardry
2
190
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
How to train your dragon (web standard)
notwaldorf
88
5.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
Unsuck your backbone
ammeep
669
57k
What's in a price? How to price your products and services
michaelherold
243
12k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
A Modern Web Designer's Workflow
chriscoyier
693
190k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
Transcript
৭࠼ʹ͍ͭͯ ৭ͷଐੑͱ৭૬ௐͷߟ͑ํ 133݄21༵
࣍ ৭ͷ࿈ͱ ৭ͷଐੑͱγεςϜ ৭૬ௐͷߟ͑ํ ࢀߟ 133݄21༵
৭ͷ࿈ͱ 133݄21༵
৭ͷ࿈ͱ ৭ͷࡾଐੑͱΧϥʔΦʔμʔγεςϜ ৭ͷܾఆ ৭͕ҧͬͯݟ͑Δཧ༝ ࠞ৭ ৭࠼จԽ ࢀߟ ৭ͷ࿈ ۩ମత࿈ ݱ࣮ͷࣄʹܨ͕Δ࿈ɻ
ˠଠཅɺΠνΰɺফंͳͲ ԫˠϨϞϯɺόφφͳͲ நత࿈ ਓͷײੑʹܨ͕Δ࿈ɻ ˠɺউརɺѪͳͲ ԫˠتͼɺշָɺஊͳͲ 133݄21༵
৭ͷ ؟ʹݟ͑ͳ͍நత֓೦ ࣄΛɺܗ৭Λ࣋ͬͨଞͷ ͷͰײతʹΘ͔Γ͘͢ ද͢͜ͱɻ ࿈ͷΠϝʔδ͕ࣾձͷதͰ ҰൠԽɺݻఆԽ͞Εͨͷɻ 133݄21༵
৭૬ͷ৺ཧతޮՌ ৭૬ɺओʹ৺ཧతͳפஆײʢפ͍ɾஆ͔͍ʣਐग़ɾޙ ୀޮՌʢඈͼग़ΔɾҾͬࠐΉʣʹӨڹΛ༩͑Δɻ ໌ͷ৺ཧతޮՌ ໌ɺܰॏײʢ͍ܰɾॏ͍ʣͱߗೈײʢ͔͍ͨɾΘΒ ͔͍ʣɺுɾऩॖޮՌΛ༩͑Δɻ ࠼ͷ৺ཧతޮՌ ࠼ɺओʹਈ࢜తͳखຯײ༠ੑʹӨڹΛ༩͑ Δɻ ༠ੑɾɾɾ৭͕ਓΛҾ͘ੑ࣭
৭ͷࡾଐੑ͕ද͢৺ཧతޮՌ 133݄21༵
פஆײʢ৭૬ʣ ுɾऩॖޮՌʢ໌ʣ 133݄21༵
৭ͷଐੑͱγεςϜ 133݄21༵
৭૬ ɺ㐋ɺɺ੨ɺࢵ ໌ ໌Δ͍㲗҉͍ ࠼ ͔͋͟㲗͘͢Μͩ ৭ͷଐੑ ৭ʹ৭૬ɺ໌ɺ࠼ͷଐੑ͕͋Γ·͢ɻ 133݄21༵
ΧϥʔΦʔμʔγεςϜʹɺϚϯηϧγεςϜɺ $$*$ʢձٞॴίʔσΟωʔγϣϯνϟʔτʣɺ /$4ʢ/BUVSBM$PMPS4ZTUFNʣɺ1$$4ʢຊ৭ݚ৭ମ ܥʣͱ༷ʑͰ͕͢ɺࠓճݱࡏ൪͘༻͍ΒΕͯΔϚϯη ϧγεςϜΛྫʹऔΓѻ͍·͢ɻ ΧϥʔΦʔμʔγεςϜ 133݄21༵
৭૬ جຊ৭૬छͱதؒ৭૬छͷ ߹ܭछͷ७৭৭૬ɻ ͞Βʹ֤৭૬Λஈ֊ʹ ͚ɺΛද৭૬ͱ͢Δɻ 133݄21༵
໌ ࠷໌Δ͍৭ͷʮനʯͱ࠷ ҉͍৭ͷʮࠇʯΛஈ֊ʹ ׂɻ ໌ͱࣹମͷ໌Δ͞Λ ࣔ͢ɻςϨϏͱ͔1$ͷޫ ݯͷ໌Δً͞Ͱࣔ͢ɻ 133݄21༵
࠼ ࠼ͱ৭ͷ͔͞Λද͢ ֓೦Ͱ͢ɻ ৭ۭؒͷத৺࣠Λͱ͠ɺ ͔ͦ͜Β७৭·ͰΛ࠷େͱ͠ ·͢ɻ 133݄21༵
৭૬ௐͷߟ͑ํ 133݄21༵
৭૬ࠩʹΑΔ৭ྨ ৭૬ྨࣅܥ ಉҰ৭૬ͷ৭ʢ৭૬ࠩʣ ྡ৭૬ͷ৭ʢ৭૬ࠩʣ ྨࣅ৭૬ͷ৭ʢ৭૬ࠩɺʣ ৭૬ରরܥ தࠩ৭૬ͷ৭ʢ৭૬ࠩdʣ ରর৭૬ͷ৭ʢ৭૬ࠩdʣ ิ৭৭૬ͷ৭ʢ৭૬ࠩdʣ 133݄21༵
ಉҰ৭૬ͷ৭ ৭૬ࠩͷ৭ɻ ໌ͱ࠼Ͱ৭ͷมԽΛ͚ͭ Δɻ ແ࠼৭ͱ༗࠼৭ͷ৭ಉҰ ৭૬ͷ৭ʹؚ·ΕΔɻ 133݄21༵
ྡ৭૬ͷ৭ ৭૬ࠩͷ৭ɻ ಉҰ৭૬ͷ৭ͱಉ༷ɺ໌ ͱ࠼Ͱ৭ͷมԽΛ͚ͭΔɻ 133݄21༵
ྨࣅ৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ࠷ௐͷऔΓ͍͢৭ɻ 133݄21༵
தࠩ৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ΞδΞͷ౷తͳ৭͍Ͱ༻ ͍ΒΕɺૉͳΠϝʔδΛग़ ͍͢͠ɻ ຽௐͳσβΠϯʹྑ͘Θ ΕΔɻ 133݄21༵
ରর৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ פ৭ͱஆ৭ΛΈ߹Θͤɺ ҟͳΔΠϝʔδͷ৭ʹͳΓ ͍͢ɻ ௐΛͱΔͨΊʹɺ࠼ͷௐ અΛߦ͏ɻ 133݄21༵
ิ৭৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ࠼Λ߹ΘͤͯௐΛͱΔɻ ߴ࠼Λ༻͢ΔͱɺݟΔਓ ʹ׆ಈతͳΠϝʔδΛ༩͑Δ ͜ͱ͕ग़དྷΔɻ 133݄21༵
৭૬ͰྨΛදͨ͠ਤ 133݄21༵
໌ࠩʹΑΔ৭ྨ Ϛϯηϧ໌ʹ͓͚Δྨ ߴ໌ɾɾɾϚϯηϧ໌Ҏ্ த໌ɾɾɾϚϯηϧ໌Ҏ্ະຬ ໌ɾɾɾϚϯηϧ໌ະຬ 133݄21༵
໌ࠩʹΑΔ৭ྨ ໌ʹ͓͚Δ৭ ໌ྨࣅܥͷ৭ɾɾɾ໌ࠩఔͷ໌͕ࠩখ͞ ͍৭ɻ৭Ͳ͏͠ͷ໌ྎੑ͍ɻ ໌ରরܥͷ৭ɾɾɾ໌ࠩҎ্ఔͷ໌͕ࠩ େ͖͍৭ 133݄21༵
࠼ࠩʹΑΔ৭ྨ Ϛϯηϧ࠼ʹ͓͚Δྨ ߴ࠼ɾɾɾϚϯηϧ࠼Ҏ্ த࠼ɾɾɾϚϯηϧ࠼Ҏ্ະຬ ࠼ɾɾɾϚϯηϧ࠼ະຬ 133݄21༵
࠼ࠩʹΑΔ৭ྨ ࠼ʹ͓͚Δ৭ ࠼ྨࣅܥͷ৭ɾɾɾ࠼ࠩલޙͷ࠼͕ࠩখ͍͞ ৭ɾಉҰ࠼Λ༻͢Δͱ౷Ұײͷ͋Δ৭ޮՌ͕͋ ΓɺखɺຯײΛग़͍͢͠ɻ ࠼ରরܥͷ৭ɾɾɾ࠼ࠩҎ্ఔͷ࠼͕ࠩେ ͖͍৭ɻҰൠʹ໌ྎੑ͕ߴ͘ͳΔɻେ͖ͳ໘ੵʹ࠼ ৭Λ͍ɺখ͞ͳ໘ੵʹߴ࠼৭Λ͠Α͏͢Δ͜ͱͰΞΫ ηϯτΧϥʔͱͯ͠׆༻͞ΕΔɻ 133݄21༵
ࢀߟ ͜ΕͰ߹֨ʂΧϥʔίʔσΟωʔλʔڃ ճͰ߹֨ʂ৭࠼ݕఆڃ 133݄21༵