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
How to design the individual page
Search
Masateru YOSHIMURA
May 28, 2021
Design
1
89
How to design the individual page
Masateru YOSHIMURA
May 28, 2021
Tweet
Share
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
360
Digital Design 2022-01
mathatelle
0
250
Yoshimura Lab. 2022
mathatelle
0
1.3k
create-website-html-2021
mathatelle
0
130
Multiple pages
mathatelle
0
680
CodePen: Making your portfolio 2021
mathatelle
0
130
single page
mathatelle
0
860
How to optimize images for Better Web Design
mathatelle
0
2.1k
What is the design
mathatelle
2
280
Other Decks in Design
See All in Design
Dinosaur Mayhem
storyartist
0
140
横断組織デザイナーの働き方
mixi_design
PRO
0
330
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.5k
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
320
Rayout Pattern 01
one0
0
1.5k
Dive Deep into Communication
yomtsu
0
210
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
120
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
780
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
190
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
Featured
See All Featured
Building an army of robots
kneath
302
45k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Designing Experiences People Love
moore
139
23k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Facilitating Awesome Meetings
lara
51
6.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
It's Worth the Effort
3n
184
28k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
How GitHub (no longer) Works
holman
313
140k
Transcript
ৄࡉϖʔδͷϨΠΞ τ
͜Ε·ͰओʹҰཡϖʔδͷ࡞ΓํΛ࿅श͖ͯ͠·ͨ͠
ϖʔδʹҰཡͱৄࡉ͕͋Δ ͜Ε·Ͱ ͬͪ͜Ͱྑ͘͏ ฒΔϨΠΞτΛ த৺ʹֶΜͩ ࠓճ ͬͪ͜Ͱྑ͘͏ ಡΉϨΠΞτΛ ֶͼ·͢
IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ྫ ཉ͍͠Λ ୳ͯ͠ɺ ৄ͘͠ ݟΔɻ ങ͏ɻ
IUUQTXXXZPVUVCFDPNDIBOOFM6$4)QSYC5*8(,;[L3D"WJEFPT Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻௌ͘ɻ ݟ͍ͨ ಈըΛ ୳ͯ͠ɺ
Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ ࣄྫΛ ୳ͯ͠ɺ IUUQTNSISKQXPSLT
Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ هࣄΛ ୳ͯ͠ɺ IUUQTNSISKQCMPH
ৄࡉϖʔδͷߏ )5.- ਤ <div class="content-header"> </div> ίϯςϯπΛʮ಄ɾମʯͷͭͷ෦ʹ͚Δɻ <div class="content-body"> </div>
େݟग़͠ w ϨΠΞτ͍͢͠Α͏ʹίϯςϯπ ͱͳΔཁૉΛʮശʯʹೖΕΔɻ w ശEJWλάʴDMBTT໊Ͱ࡞Δɻ w DMBTT໊ࣗͰܾΊΔ͜ͱ͕Ͱ͖Δɻ w Θ͔Γ໊͍͢લΛఆٛ͢Δɻ ಄ ମ w େݟग़͠I w ϦʔυจQ w UJNF w ը૾JNH ɹͳͲ w ຊจQ w தݟग़͠I w ը૾JNH w :PV5VCF(PPHMFϚοϓJGSBNF ɹͳͲ ͜͜ʹೖΔͷ ͜͜ʹೖΔͷ ˞͜ΕҰྫͰ͢