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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Eric Eggert Eric Eggert
September 27, 2011
Education
98
1

Beyond Borders and Boxes – CSS für Fortgeschrittene

Avatar for Eric Eggert

Eric Eggert

September 27, 2011

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
62
Accessible Widgets Class 4/4
Avatar for Eric Eggert yatil
0
88
Accessible Widgets Class 2/4
Avatar for Eric Eggert yatil
0
84
New Developments in Web Accessibility
Avatar for Eric Eggert yatil
0
970
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
720
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によるWebアプリケーションのデプロイ / 07-github-deploy
Avatar for kaityo256 kaityo256
PRO
1
230
モブ社員がモブエンジニアを名乗って得られたこと_20260413
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
2
110
Alumnote inc. Company Deck
Avatar for Alumnote yukinumata
1
15k
SSH_handshake_easy_explain
Avatar for KenBo kenbo
0
960
LinkedIn
Avatar for Matleena Laakso matleenalaakso
0
4k
[2026前期火５] 論理学（京都大学文学部 前期 第1回）「ハルシネーションを外部世界との対応を考えずに見分ける方法」
Avatar for Shunsuke Yatabe yatabe
0
410
事業紹介資料（トレーナー養成講座）
Avatar for 須藤賢太郎 kentaro1981
0
140
Lenguajes de Programacion (Ingresantes UNI 2026)
Avatar for Abraham Zamudio robintux
0
150
コマンドラインの使い方 / 01-d-cli
Avatar for kaityo256 kaityo256
PRO
0
130
悩める リーダー達に 届けたい書籍|レジリエントマネジメント 書籍イントロダクション-260126
Avatar for mimoza60 mimoza60
1
420
Gitの中身 / 03-a-git-internals
Avatar for kaityo256 kaityo256
PRO
0
170
演習：GitHubの基本操作 / 06-github-basic
Avatar for kaityo256 kaityo256
PRO
0
260

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
110
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
890
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
440
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
410
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
350
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.9M
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
330

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