Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for Jonas Lekevicius Jonas Lekevicius
October 08, 2014
Design
360
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
340
AI and Designer Collaboration
Avatar for Jonas Lekevicius lekevicius
0
250
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.4k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
100
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
150
Interface Fiction
Avatar for Jonas Lekevicius lekevicius
0
200
Introduction to Apps for Atomic Garden
Avatar for Jonas Lekevicius lekevicius
2
180
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
630

Other Decks in Design

See All in Design
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
Avatar for Findy findyinc
14
150k
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
Avatar for miyayou miyayou
0
100
test deck title
Avatar for Shota Matsuo shotamatsuo
0
1.6k
Where Imagination Ends AI Begins
Avatar for R-524 r5ni4
0
450
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
520
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
110
SERVICE PAMPHLET
Avatar for M-HAND,Inc. mhand01
0
3.6k
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
320
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
720
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
200
AI-Slopなデザインを生まないためのデザインプロセス戦略
Avatar for takanorip takanorip
10
6.1k
AVI 2026 Keynote "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
180

Featured

See All Featured
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
310
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
310
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.8k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.9k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.7k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
550
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
240
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
46k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
300

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!