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

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

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
87
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
560

Other Decks in Design

See All in Design
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
1
230
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
570
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
160
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
940
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
440
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
710
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
520
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
790
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.2k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
170
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON Design vivion
3
9.6k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.3k

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
11k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
130
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
150
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
140
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.1k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.1k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
260
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k

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!