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

Beyond Borders and Boxes – CSS für Fortgeschrit...

Avatar for Eric Eggert Eric Eggert
September 27, 2011
Education
1
95

Beyond Borders and Boxes – CSS für Fortgeschrittene

Avatar for Eric Eggert

Eric Eggert

September 27, 2011
Tweet

More Decks by Eric Eggert

See All by Eric Eggert
What is EOWG?
Avatar for Eric Eggert yatil
0
100
Accessible Widgets Class 2/4
Avatar for Eric Eggert yatil
0
60
Accessible Widgets Class 4/4
Avatar for Eric Eggert yatil
0
88
Accessible Widgets Class 2/4
Avatar for Eric Eggert yatil
0
82
New Developments in Web Accessibility
Avatar for Eric Eggert yatil
0
960
How I stopped worrying and learned to love defaults — with notes
Avatar for Eric Eggert yatil
0
440
How I stopped worrying and learned to love defaults
Avatar for Eric Eggert yatil
0
710
Fronteers11 Jam Session: a11y goes to 11
Avatar for Eric Eggert yatil
1
910
Accessibility 101 – Ignite Frankfurt
Avatar for Eric Eggert yatil
0
140

Other Decks in Education

See All in Education
演習：GitHubの基本操作 / 06-github-basic
Avatar for kaityo256 kaityo256
PRO
0
200
GitHubによるWebアプリケーションのデプロイ / 07-github-deploy
Avatar for kaityo256 kaityo256
PRO
1
170
【ベテランCTOからのメッセージ】AIとか組織とかキャリアとか気になることはあるけどさ、個人の技術力から目を背けないでやっていきましょうよ
Avatar for Toshiaki Baba netmarkjp
2
3.9k
演習：Gitの応用操作 / 05-git-advanced
Avatar for kaityo256 kaityo256
PRO
0
210
2025-12-19-LT
Avatar for Shigeki Shoji takesection
0
110
✅ レポート採点基準 / How Your Reports Are Assessed
Avatar for YassLab yasslab
PRO
0
290
Padlet opetuksessa
Avatar for Matleena Laakso matleenalaakso
12
15k
国際卓越研究大学計画｜Science Tokyo（東京科学大学）
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
48k
Measuring your measuring
Avatar for Jono Alderson jonoalderson
2
730
Railsチュートリアル × 反転学習の事例紹介
Avatar for YassLab yasslab
PRO
3
170k
Information Architectures - Lecture 2 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
1
1.9k
160人の中高生にAI・技術体験の講師をしてみた話
Avatar for ShuntaToda shuntatoda
1
380

Featured

See All Featured
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
970
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
310
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
380
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
850
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
220
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
300
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
670
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.7k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
97

Transcript

  1. Beyond Borders and Boxes

  2. CSS für Fortgeschrittene

  3. Freier Webdesigner/-entwickler Eric Eggert, Essen

  4. Freier Webdesigner/-entwickler (freie Kapazitäten) Eric Eggert, Essen

  5. @font-face

  6. None
  7. None

  8. Syntax @font-face { font-family: "Schriftname"; src: url(schriftname.otf); } h1 {

    font-family: Schriftname, Helvetica, sans-serif; }

  9. kR Einfach Preiswert Cross-Browser (IE4+, FF3.5+, Sf3.1+) Weit verbreitet kS

    Relativ große Dateien Schriftdateien weitgehend ungeschützt (kein DRM) Lizenzprobleme
  10. None
  11. None
  12. None
  13. None

  14. Transitionen

  15. :hover 0N Transition

  16. :hover 0N Transformation

  17. Demos

  18. Demos Hover Scaling Bar Charts Demo-Seite Gowalla Kiwi 24ways Demo,

    Max Voltar

  19. Danke Eric Eggert yatil.de @yatil