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
Tinklapių dizainas, 4 paskaita. CSS: aprašomasi...
Search
Jonas Lekevicius
October 08, 2014
Design
0
320
Tinklapių dizainas, 4 paskaita. CSS: aprašomasis dizainas.
Lecture for web design course in Vilnius College of Design.
Jonas Lekevicius
October 08, 2014
Tweet
Share
More Decks by Jonas Lekevicius
See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
lekevicius
0
220
AI and Designer Collaboration
lekevicius
0
160
Treatwell — the business and the app
lekevicius
0
1.1k
The Dissatisfied Thief
lekevicius
0
65
Hack @ SmallPlanetAirlines
lekevicius
0
110
Interface Fiction
lekevicius
0
160
Introduction to Apps for Atomic Garden
lekevicius
2
140
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
lekevicius
0
170
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
lekevicius
1
430
Other Decks in Design
See All in Design
発表資料テンプレート / My slide template
thatblue
0
210
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
270
Les petites aventures de CSS, saison 2025
goetter
3
4k
マンガで分かるサービスデザインガイドライン
senryakuka
1
630
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
290
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
520
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
240
Tableau曲線表現講座(2024.11.21)
cielo1985
0
250
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
220
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
200
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
250
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Become a Pro
speakerdeck
PRO
26
5.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
We Have a Design System, Now What?
morganepeng
51
7.4k
Building Your Own Lightsaber
phodgson
104
6.2k
How to Ace a Technical Interview
jacobian
276
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
KATA
mclloyd
29
14k
Transcript
I V PA S K A I TA CSS: aprašomasis
dizainas Tinklapių dizainas Jonas Lekevičius, 2014
Šiandien matysite!
Šiandien matysite! • Keli praktiniai dalykai
Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS
Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS
• CSS selektoriai
Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS
• CSS selektoriai • Pagrindinės CSS savybės
Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS
• CSS selektoriai • Pagrindinės CSS savybės • Kur ieškoti daugiau informacijos
Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS
• CSS selektoriai • Pagrindinės CSS savybės • Kur ieškoti daugiau informacijos • Savaitės užduotis
3 praktiniai dalykėliai
vdk.lekevicius.com
Judėkite palengva ir labai tvarkingai
Pasidalinkite progresu per Dropbox
[email protected]
CSS: dizainas per apibūdinimus
CSS HTML JS
CSS
Counter Strike: Source CSS
Cascading Style Sheets CSS
Apibūdinkime dizainą žodžiais (jog net kompiuteris suprastų)
None
Iš ko susideda CSS?
Iš ko susideda CSS? • Įvardinimo apie kuriuos elementus kalbėsime
Iš ko susideda CSS? • Įvardinimo apie kuriuos elementus kalbėsime
• Tų elementų dizaino apibūdinimo per savybes
CSS selektoriai
Įvardinimas, kuriems elementams priskirsime savybes
<p id="intro">Labas</p>
<p class="description">Labas</p>
Pažaiskime!
http://flukeout.github.io
Pradėkime CSS!
http://lekevicius.github.io/vdk-lectures/get/4.zip
None
Kur ieškoti informacijos?
https://developer.mozilla.org/en-US/docs/Web/CSS
Coda Books
http://docs.emmet.io/cheat-sheet/
Užduotys
SAVAITĖS UŽDUOTYS
SAVAITĖS UŽDUOTYS Susitvarkykite HTML
SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą
SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą
Pradėkite kurti savo puslapio CSS
SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą
Pradėkite kurti savo puslapio CSS Pasidalinkite puslapiu per Dropbox
Iki!