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
66
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
180
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
lekevicius
1
430
Other Decks in Design
See All in Design
ZKK_001.pdf
nicholaspegu
0
1.5k
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
570
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
110
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
130
クライアントワークにおける UXリサーチの実践
kozotaira
0
340
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
270
プロダクトデザインの「守破離」の「破」について
hayashirine
0
310
マンガで分かるサービスデザインガイドライン
senryakuka
1
640
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
430
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
130
Museum Heist
allykae
0
140
(第1回) アーキテクト・テックリード育成講座
masakaya
0
160
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
How to Ace a Technical Interview
jacobian
276
23k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
A better future with KSS
kneath
238
17k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Become a Pro
speakerdeck
PRO
26
5.1k
Writing Fast Ruby
sferik
628
61k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
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!