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

Tinklapių dizainas, 6 paskaita. CSS šriftai, an...

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

Tinklapių dizainas, 6 paskaita. CSS šriftai, animacijos ir kitos galimybės.

Lecture for web design course in Vilnius College of Design.

Avatar for Jonas Lekevicius

Jonas Lekevicius

October 14, 2014
Tweet

More Decks by Jonas Lekevicius

See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
Avatar for Jonas Lekevicius lekevicius
0
300
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
85
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
150
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
Avatar for Jonas Lekevicius lekevicius
0
190
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
Avatar for Jonas Lekevicius lekevicius
1
560

Other Decks in Design

See All in Design
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
310
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
130
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
1
1.4k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
450
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
170
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
130
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
0
450
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
900
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
210
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M

Featured

See All Featured
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
680
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
370
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
110
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
350
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
61
49k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k

Transcript

  1. V I PA S K A I TA CSS šriftai,

    animacijos ir kitos galimybės Tinklapių dizainas Jonas Lekevičius, 2014

  2. Šiandien matysite!

  3. Šiandien matysite! • CSS šriftai

  4. Šiandien matysite! • CSS šriftai • CSS perėjimai ir animacijos

  5. Šiandien matysite! • CSS šriftai • CSS perėjimai ir animacijos

    • Kitos CSS galimybės ir praktiniai patarimai

  6. Šiandien matysite! • CSS šriftai • CSS perėjimai ir animacijos

    • Kitos CSS galimybės ir praktiniai patarimai • Savaitės užduotis

  7. CSS šriftai

  8. 13 saugių šriftų

  9. CSS Web Fonts

  10. Nemokami servisai

  11. https://www.google.com/fonts

  12. https://edgewebfonts.adobe.com

  13. Savo šriftų generavimas

  14. http://www.fontsquirrel.com/tools/webfont-generator

  15. Mokami servisai

  16. https://typekit.com

  17. http://www.fonts.com/web-fonts

  18. http://www.fontspring.com

  19. http://www.myfonts.com/licensing/webfont/

  20. http://vdk.lekevicius.com/get/5.zip

  21. None

  22. CSS perėjimai

  23.   

  24. http://vdk.lekevicius.com/get/6.zip

  25. None

  26. Užduotis

  27. SAVAITĖS UŽDUOTIS Susikurkite puslapį!

  28. Atsakymų ir pagalbos valandėlė!

  29. Pradėkite daryti

  30. Lėtai ir tvarkingai

  31. Kopijuokite mano puslapį, savo užduotis, Google.

  32. Bootstrap

  33. Iš esmės, pradėkite daryti.

  34. PUSL APIO DARBŲ SĄR AŠAS ☐ Struktūra ir turinys ☐

    Dizainas ant popieriaus ☐ Išdėstymas ☐ Turinio įdėjimas ☐ Spalvos, šriftai, grafika ☐ Įdomybės: animacijos, efektai…

  35. Iki!