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
97
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
170
SVG Basic
namikuguri
0
220
SVG Graph Animation
namikuguri
0
230
石
namikuguri
0
79
僕はあの日夕暮れ時に書いたスタイルガイドを忘れない
namikuguri
0
850
誰と作るデザイン?
namikuguri
0
610
CSS の構造化、その目的
namikuguri
0
100
fitme
namikuguri
0
72
Other Decks in Design
See All in Design
Storyboard Honey
rocioparronrubio
0
270
PF_濵村ひろみ_202503
maru_design78
0
180
Saudade typeface
tiagoporto
0
320
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
120
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
180
Liquid Iron
mcduckyart
1
110
freee + Product Design FY25Q4
freee
4
14k
「デザイン」を信じるには
iflection
0
260
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
240
株式会社バクタム 会社説明資料
bactum
0
240
harutaka Vision Deck
zenkigenforrecruit
0
130
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Why Our Code Smells
bkeepers
PRO
337
57k
The Language of Interfaces
destraynor
158
25k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Building an army of robots
kneath
306
45k
Side Projects
sachag
455
42k
Automating Front-end Workflow
addyosmani
1370
200k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
Done Done
chrislema
184
16k
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༵