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
77
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
Cyber Heart Online Book
hjnasby
0
170
Installing and Running decksh/pdfdeck
ajstarks
1
840
Findyのプロデチームの 歩みとこれから
satty9556
0
260
What makes a great Director?
_limex_
0
190
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
780
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
300
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
300
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2.9k
The Spectacular Lies of Maps
axbom
PRO
1
260
AIで加速するアクセシビリティのこれから
magi1125
3
660
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
Yumika Yamada Portfolio
yumii
0
1.3k
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
GraphQLとの向き合い方2022年版
quramy
49
14k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Producing Creativity
orderedlist
PRO
347
40k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Unsuck your backbone
ammeep
671
58k
Fireside Chat
paigeccino
39
3.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
910
Code Reviewing Like a Champion
maltzj
525
40k
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!