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
340
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
270
AI and Designer Collaboration
lekevicius
0
180
Treatwell — the business and the app
lekevicius
0
1.2k
The Dissatisfied Thief
lekevicius
0
78
Hack @ SmallPlanetAirlines
lekevicius
0
120
Interface Fiction
lekevicius
0
170
Introduction to Apps for Atomic Garden
lekevicius
2
150
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
lekevicius
0
190
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
lekevicius
1
510
Other Decks in Design
See All in Design
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
130
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
810
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
The Spectacular Lies of Maps
axbom
PRO
1
270
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
250
freee + Product Design FY25Q4
freee
4
16k
株式会社Muture_ソーシャル推進事業
muture
PRO
0
150
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
It's Worth the Effort
3n
187
28k
GraphQLとの向き合い方2022年版
quramy
49
14k
Faster Mobile Websites
deanohume
309
31k
Navigating Team Friction
lara
189
15k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
BBQ
matthewcrist
89
9.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
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!