Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tinklapių dizainas, 4 paskaita. CSS: aprašomasi...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Jonas Lekevicius Jonas Lekevicius
October 08, 2014
Design
0
350

Tinklapių dizainas, 4 paskaita. CSS: aprašomasis dizainas.

Lecture for web design course in Vilnius College of Design.

Avatar for Jonas Lekevicius

Jonas Lekevicius

October 08, 2014
Tweet

More Decks by Jonas Lekevicius

See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
Avatar for Jonas Lekevicius lekevicius
0
310
AI and Designer Collaboration
Avatar for Jonas Lekevicius lekevicius
0
210
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.3k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
88
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
130
Interface Fiction
Avatar for Jonas Lekevicius lekevicius
0
190
Introduction to Apps for Atomic Garden
Avatar for Jonas Lekevicius lekevicius
2
160
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
Avatar for Jonas Lekevicius lekevicius
0
200
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
Avatar for Jonas Lekevicius lekevicius
1
570

Other Decks in Design

See All in Design
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
3
190
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
130
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
160
kintone_aroma
Avatar for kintone kintone
0
1.7k
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.1k
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
170
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
230
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
790
AI時代に求められるUXデザインのアプローチ
Avatar for xtone xtone
0
990
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
7
9.6k
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.4k

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
190
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
320
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
170
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
260
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
230
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
86
How to make the Groovebox
Avatar for あそなす asonas
2
2k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k

Transcript

  1. I V PA S K A I TA CSS: aprašomasis

    dizainas Tinklapių dizainas Jonas Lekevičius, 2014

  2. Šiandien matysite!

  3. Šiandien matysite! • Keli praktiniai dalykai

  4. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

  5. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai

  6. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai • Pagrindinės CSS savybės

  7. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai • Pagrindinės CSS savybės • Kur ieškoti daugiau informacijos

  8. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai • Pagrindinės CSS savybės • Kur ieškoti daugiau informacijos • Savaitės užduotis

  9. 3 praktiniai dalykėliai

  10. vdk.lekevicius.com

  11. Judėkite palengva ir labai tvarkingai

  12. Pasidalinkite progresu per Dropbox

  13. [email protected]

  14. CSS: dizainas per apibūdinimus

  15. CSS HTML JS

  16. CSS

  17. Counter Strike: Source CSS

  18. Cascading Style Sheets CSS

  19. Apibūdinkime dizainą žodžiais (jog net kompiuteris suprastų)

  20. None

  21. Iš ko susideda CSS?

  22. Iš ko susideda CSS? • Įvardinimo apie kuriuos elementus kalbėsime

  23. Iš ko susideda CSS? • Įvardinimo apie kuriuos elementus kalbėsime

    • Tų elementų dizaino apibūdinimo per savybes

  24. CSS selektoriai

  25. Įvardinimas, kuriems elementams priskirsime savybes

  26. <p id="intro">Labas</p>

  27. <p class="description">Labas</p>

  28. Pažaiskime!

  29. http://flukeout.github.io

  30. Pradėkime CSS!

  31. http://lekevicius.github.io/vdk-lectures/get/4.zip

  32. None

  33. Kur ieškoti informacijos?

  34. https://developer.mozilla.org/en-US/docs/Web/CSS

  35. Coda Books

  36. http://docs.emmet.io/cheat-sheet/

  37. Užduotys

  38. SAVAITĖS UŽDUOTYS

  39. SAVAITĖS UŽDUOTYS Susitvarkykite HTML

  40. SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą

  41. SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą

    Pradėkite kurti savo puslapio CSS

  42. SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą

    Pradėkite kurti savo puslapio CSS Pasidalinkite puslapiu per Dropbox

  43. Iki!