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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Jonas Lekevicius Jonas Lekevicius
October 08, 2014
Design
350
0

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

More Decks by Jonas Lekevicius

See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
Avatar for Jonas Lekevicius lekevicius
0
320
AI and Designer Collaboration
Avatar for Jonas Lekevicius lekevicius
0
220
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.3k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
90
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
140
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
590

Other Decks in Design

See All in Design
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.7k
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.5k
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
390
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
890
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
160
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
120
Frontier
Avatar for Renny Wang rwang05
0
130
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
6.5k
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
120
Tendências de UX Research 2026
Avatar for Viviane Delvequio videlvequio
0
110
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.8k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.4k

Featured

See All Featured
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
260
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
7.6k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
140
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
10
37k

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!