SlideShare a Scribd company logo
Die Zukunft des Web beginnt jetzt
 EB RAUTS | Martin Kliehm und Eric Eggert
Die Zukunft des Webs
    beginnt jetzt
    Eric Eggert, @yatil, yatil.de
HTML5
HyperText Markup Language?
W3C N WHAT WG
   “The WHATWG was founded by individuals of Apple, the Mozilla
Foundation, and Opera Software in 2004, after a W3C workshop. Apple,
 Mozilla and Opera were becoming increasingly concerned about the
  W3C’s direction with XHTML, lack of interest in HTML and apparent
 disregard for the needs of real-world authors. So, in response, these
organisations set out with a mission to address these concerns and the
  Web Hypertext Application Technology Working Group was born.”
Retro:
XHTML2 FAIL!
http://yatil.posterous.com/1092829
<!DOCTYPE html>
Semantik
http://html5doctor.com/designing-a-blog-with-html5/
http://html5doctor.com/designing-a-blog-with-html5/
http://html5doctor.com/designing-a-blog-with-html5/
<article>
<section>
<header>
<footer>
  <nav>
 <figure>
<audio>/<video>
   <canvas>
    <mark>
    <time>
   <meter>
<input type="*">

    tel | search | url
   email | datetime
 date | month | week
time | datetime-local
number | range | color
Demo

http://shwetankdixit.com/testpages/
        webforms2demo.htm
Demo

http://shwetankdixit.com/testpages/
        webforms2demo.htm
Browser APIs
  HTML5 & !HTML5
JavaScript
Geolocation
Geolocation
http://3liz.com/geolocation/
localStorage
localStorage
http://people.w3.org/mike/localstorage.html
Orientation
Orientation
http://people.mozilla.com/~prouget/demos/
           orientation/test1.html

     http://www.tapper-ware.net/stable/
PerspectiveWith6LinesOfXML-CanvasEnhanced/
                index.xhtml
CSS
+
+
Borders & Boxes
+
Borders & Boxes
   Laaaaaaaaaaaaangweilig!
@font-face
You’re reading Nice Web Type likes,
a series of CSS @font-face examples
and typesetting advice. Follow.       Try Bello and Proxima Nova           Try Museo and Sans                    Try Graublau Sans with Lucida



             Nice Web Type likes Museo and Sans • Check the footer for colophon and additional notes. Here’s how this page should look.




ALL ABOARD
ALL ABOARD
    THE EXLJBRIS EXPRESS: MUSEO AND SANS
    THE EXLJBRIS EXPRESS: MUSEO AND SANS
     FREIGHTAGE                         ROLLING STOCK                              COUPLING                            RAIL GAUGE
 Museo and Museo Sans are              Web layouts, like railroads,          Linking serif with sans can           You might as well buy that
 available in several freights.        must oblige a hodgepodge              be difficult, but typefaces           as-seen-on-TV locomotive
 Er, weights. Use these to             of constituent aesthetics.            designed as siblings make             alarm clock at this point,
 your advantage by setting             Our job is crud mitigation.           things much easier! Use               because there’s no hope of
 display text in light weights         Helvetica can understudy              the free Museo Sans italic,           graceful recovery from this
 for even typographic color,           both Museo and Sans, but it           for instance, in your 500-            metaphor. Relax with your
 or heavier weights for pop.           isnʼt a perfect choice.               weight Museo. And more.               hobo soup and read on…

 Rail gauge is like leading, especially for Museo with its transitive pipelike serifs. The ideal distance between two lines of Museo
 depends on factors like its typeset size and measure, of course, but you’ll find long lines of Museo set surprisingly well with
 tight line-height, probably because individual words and letters connect well horizontally and keep the reader’s eye on track.
WRITING        WORK                   WORDS                   ABOUT                 CONTACT



What You See Is What You Mean

NOV 11, 2009      On Donald Knuth and when WYSIWYG transforms to WYSIWYM:

                     As opposed to industry-standard page layout programs that implement a “What You
                     See Is What You Get” (WYSIWYG) paradigm, TeX produces “What You See Is What
                     You Mean” (WYSIWYM) by using plain text files and a semantic mark-up language
                     compiled on-the-fly to produce final pages.

                  Then:

                     This is where the moral objection comes in. Once the typographic decisions have been
                     passed over to software, then the information no longer is tied to any one specific
                     form. The possibilities multiply.

                  Also:

                     Plato reminds us that the very tool used to create books — writing — may have placed
                     us in this double bind for good, between remembering and forgetting, information on
                     or off, from zero to one and back.

                  (I still think he just needed a thank you note.)



Composition in performance, the future

NOV 11, 2009      Robin Sloan asks, what if the magazine article of the future, the album of
Register      Sign in


Feature Tour        Pricing          Browse Fonts     About Typekit       Blog       Support




                                                                                                         This will change the way
                                                                                                         you design websites.
                                                                                                         Add a line of code to your pages and
                                                                                                         choose from hundreds of fonts.
                                                                                                         Simple, bulletproof, standards
                                                                                                         compliant, accessible, and totally
                                                                                                         legal.


                                                                                                           Feature Tour        Try it for Free



Bello Pro by Underware                         The sample above uses real fonts in newer browsers.


A snap to set up                                       Fast and reliable                                 All your favorites
                        We've worked hard to                                 Your fonts will be                               We're working with
                        make Typekit easy to                                 served from a robust                             foundries to bring the
                        use. Add and use fonts                               network built with                               best possible fonts for
                        the way you want to.                                 hundreds of servers                              your website.
                                                                             worldwide.
                        Try it for free                                                                                       Browse fonts
                                                                             How it works




© Copyright 2009 Small Batch, Inc.     Browse Fonts   Support   Terms & Conditions    Contact Us     Typekit on Twitter
presents                                                                                                                   LOG IN

                                                                                                                                        JOIN US

                                                                                                                                             BLOG




                                        No more bullshit. Join the revolution.
     We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise
     our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.

     Like any revolution, we aim to make progress, and we need help. If you want to be a part of this free, open-source type
     movement , you should join us and contribute. If you have any questions about The League or the movement, get in touch .

                                                          READ OUR MANIFESTO




NEW FONTS
OpenType
Transitions
Our master-classes      For A Beautiful Web,   Master-classes and   Blogging on And All     Contact us about For
and upcoming dates      yours to own on        DVD reviews          That Malarkey           A Beautiful Web
                        DVD




Master-class workshops and DVDs that make learning the most
up-to-date web design & development information creative.

                     Three new master-classes, yours to own on DVD




        DESIGNING WITH                         DESIGNING WITH CSS                    DESIGNING WEB ACCESSIBILITY
        MICROFORMATS
Danke
Follow me: @yatil

More Related Content

Similar to Webtech ’09 – Die Zukunft des Webs beginnt jetzt

New Web Typography
New Web TypographyNew Web Typography
New Web Typography
Monotype
 
new fonts for the web
new fonts for the webnew fonts for the web
new fonts for the web
Marc Tobias Kunisch
 
Successful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's AmpersandwichSuccessful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's Ampersandwich
Jenn Lukas
 
10 tips for a usable website
10 tips for a usable website10 tips for a usable website
10 tips for a usable website
Bart De Waele
 
Website design2
Website design2Website design2
Website design2
robclarkson
 
SmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers AmpersandwichSmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers Ampersandwich
Jenn Lukas
 
Web Typography5 090725053013 Phpapp02
Web Typography5 090725053013 Phpapp02Web Typography5 090725053013 Phpapp02
Web Typography5 090725053013 Phpapp02
F Blanco
 
Beautiful Web Typography (#5)
Beautiful Web Typography (#5)Beautiful Web Typography (#5)
Beautiful Web Typography (#5)
Pascal Klein
 
Typography and user experience - UX Craft 2014
Typography and user experience - UX Craft 2014Typography and user experience - UX Craft 2014
Typography and user experience - UX Craft 2014
Me
 
Web authoring conventions
Web authoring conventionsWeb authoring conventions
Web authoring conventions
haverstockmedia
 
Web typography
Web typographyWeb typography
Web typography
glvsav37
 
Prototyping: Helping to take away the suck
Prototyping: Helping to take away the suckPrototyping: Helping to take away the suck
Prototyping: Helping to take away the suck
Harvard Web Working Group
 
Favorite Fonts (a growing collection)
Favorite Fonts (a growing collection)Favorite Fonts (a growing collection)
Favorite Fonts (a growing collection)
Deborah Anderson
 
Fonts on the Web - a guide to web fonts
Fonts on the Web - a guide to web fontsFonts on the Web - a guide to web fonts
Fonts on the Web - a guide to web fonts
Prototype Interactive
 
Web Typography
Web TypographyWeb Typography
Web Typography
Denise Kolodzey
 
UX Playbook - 15 Minutes to Better Performance
UX Playbook - 15 Minutes to Better PerformanceUX Playbook - 15 Minutes to Better Performance
UX Playbook - 15 Minutes to Better Performance
Chris Feix
 
Tool twist newsletter 2010
Tool twist newsletter 2010Tool twist newsletter 2010
Tool twist newsletter 2010
Aravind Naidu
 
What if-your-application-could-speak, by Marcos Silveira
What if-your-application-could-speak, by Marcos SilveiraWhat if-your-application-could-speak, by Marcos Silveira
What if-your-application-could-speak, by Marcos Silveira
Thoughtworks
 
What if-your-application-could-speak
What if-your-application-could-speakWhat if-your-application-could-speak
What if-your-application-could-speak
Marcos Vinícius
 
Typography for WordPress
Typography for WordPressTypography for WordPress
Typography for WordPress
Nile Flores
 

Similar to Webtech ’09 – Die Zukunft des Webs beginnt jetzt (20)

New Web Typography
New Web TypographyNew Web Typography
New Web Typography
 
new fonts for the web
new fonts for the webnew fonts for the web
new fonts for the web
 
Successful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's AmpersandwichSuccessful Web Typography - The Developer's Ampersandwich
Successful Web Typography - The Developer's Ampersandwich
 
10 tips for a usable website
10 tips for a usable website10 tips for a usable website
10 tips for a usable website
 
Website design2
Website design2Website design2
Website design2
 
SmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers AmpersandwichSmashingConf Whister: Developers Ampersandwich
SmashingConf Whister: Developers Ampersandwich
 
Web Typography5 090725053013 Phpapp02
Web Typography5 090725053013 Phpapp02Web Typography5 090725053013 Phpapp02
Web Typography5 090725053013 Phpapp02
 
Beautiful Web Typography (#5)
Beautiful Web Typography (#5)Beautiful Web Typography (#5)
Beautiful Web Typography (#5)
 
Typography and user experience - UX Craft 2014
Typography and user experience - UX Craft 2014Typography and user experience - UX Craft 2014
Typography and user experience - UX Craft 2014
 
Web authoring conventions
Web authoring conventionsWeb authoring conventions
Web authoring conventions
 
Web typography
Web typographyWeb typography
Web typography
 
Prototyping: Helping to take away the suck
Prototyping: Helping to take away the suckPrototyping: Helping to take away the suck
Prototyping: Helping to take away the suck
 
Favorite Fonts (a growing collection)
Favorite Fonts (a growing collection)Favorite Fonts (a growing collection)
Favorite Fonts (a growing collection)
 
Fonts on the Web - a guide to web fonts
Fonts on the Web - a guide to web fontsFonts on the Web - a guide to web fonts
Fonts on the Web - a guide to web fonts
 
Web Typography
Web TypographyWeb Typography
Web Typography
 
UX Playbook - 15 Minutes to Better Performance
UX Playbook - 15 Minutes to Better PerformanceUX Playbook - 15 Minutes to Better Performance
UX Playbook - 15 Minutes to Better Performance
 
Tool twist newsletter 2010
Tool twist newsletter 2010Tool twist newsletter 2010
Tool twist newsletter 2010
 
What if-your-application-could-speak, by Marcos Silveira
What if-your-application-could-speak, by Marcos SilveiraWhat if-your-application-could-speak, by Marcos Silveira
What if-your-application-could-speak, by Marcos Silveira
 
What if-your-application-could-speak
What if-your-application-could-speakWhat if-your-application-could-speak
What if-your-application-could-speak
 
Typography for WordPress
Typography for WordPressTypography for WordPress
Typography for WordPress
 

More from Eric Eggert

ARIA Serious
ARIA SeriousARIA Serious
ARIA Serious
Eric Eggert
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
Eric Eggert
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
Eric Eggert
 
DrupalCamp Vienna 2015
DrupalCamp Vienna 2015DrupalCamp Vienna 2015
DrupalCamp Vienna 2015
Eric Eggert
 
How to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyHow to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazy
Eric Eggert
 
Github introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGGithub introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWG
Eric Eggert
 
Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0
Eric Eggert
 
How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15
Eric Eggert
 
New developments in Web Accessibility
New developments in Web AccessibilityNew developments in Web Accessibility
New developments in Web Accessibility
Eric Eggert
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Eric Eggert
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Eric Eggert
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Eric Eggert
 
Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Eric Eggert
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with Notes
Eric Eggert
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notes
Eric Eggert
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Eric Eggert
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of  Accessible Web DesignFronteers Jam Session: Principles of  Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web Design
Eric Eggert
 
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Eric Eggert
 
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Eric Eggert
 
Nutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzNutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzEric Eggert
 

More from Eric Eggert (20)

ARIA Serious
ARIA SeriousARIA Serious
ARIA Serious
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
DrupalCamp Vienna 2015
DrupalCamp Vienna 2015DrupalCamp Vienna 2015
DrupalCamp Vienna 2015
 
How to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyHow to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazy
 
Github introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGGithub introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWG
 
Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0
 
How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15
 
New developments in Web Accessibility
New developments in Web AccessibilityNew developments in Web Accessibility
New developments in Web Accessibility
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)
 
Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with Notes
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notes
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of  Accessible Web DesignFronteers Jam Session: Principles of  Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web Design
 
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
 
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
 
Nutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzNutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 Linz
 

Recently uploaded

UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
alexjohnson7307
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
flufftailshop
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
HarisZaheer8
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
GDSC PJATK
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Tomaz Bratanic
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Hiike
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 

Recently uploaded (20)

UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 

Webtech ’09 – Die Zukunft des Webs beginnt jetzt

  • 1. Die Zukunft des Web beginnt jetzt EB RAUTS | Martin Kliehm und Eric Eggert
  • 2.
  • 3. Die Zukunft des Webs beginnt jetzt Eric Eggert, @yatil, yatil.de
  • 5. W3C N WHAT WG “The WHATWG was founded by individuals of Apple, the Mozilla Foundation, and Opera Software in 2004, after a W3C workshop. Apple, Mozilla and Opera were becoming increasingly concerned about the W3C’s direction with XHTML, lack of interest in HTML and apparent disregard for the needs of real-world authors. So, in response, these organisations set out with a mission to address these concerns and the Web Hypertext Application Technology Working Group was born.”
  • 14. <audio>/<video> <canvas> <mark> <time> <meter>
  • 15. <input type="*"> tel | search | url email | datetime date | month | week time | datetime-local number | range | color
  • 18. Browser APIs HTML5 & !HTML5
  • 20.
  • 23.
  • 24.
  • 27.
  • 28.
  • 30. Orientation http://people.mozilla.com/~prouget/demos/ orientation/test1.html http://www.tapper-ware.net/stable/ PerspectiveWith6LinesOfXML-CanvasEnhanced/ index.xhtml
  • 31. CSS
  • 32. +
  • 34. + Borders & Boxes Laaaaaaaaaaaaangweilig!
  • 36.
  • 37. You’re reading Nice Web Type likes, a series of CSS @font-face examples and typesetting advice. Follow. Try Bello and Proxima Nova Try Museo and Sans Try Graublau Sans with Lucida Nice Web Type likes Museo and Sans • Check the footer for colophon and additional notes. Here’s how this page should look. ALL ABOARD ALL ABOARD THE EXLJBRIS EXPRESS: MUSEO AND SANS THE EXLJBRIS EXPRESS: MUSEO AND SANS FREIGHTAGE ROLLING STOCK COUPLING RAIL GAUGE Museo and Museo Sans are Web layouts, like railroads, Linking serif with sans can You might as well buy that available in several freights. must oblige a hodgepodge be difficult, but typefaces as-seen-on-TV locomotive Er, weights. Use these to of constituent aesthetics. designed as siblings make alarm clock at this point, your advantage by setting Our job is crud mitigation. things much easier! Use because there’s no hope of display text in light weights Helvetica can understudy the free Museo Sans italic, graceful recovery from this for even typographic color, both Museo and Sans, but it for instance, in your 500- metaphor. Relax with your or heavier weights for pop. isnʼt a perfect choice. weight Museo. And more. hobo soup and read on… Rail gauge is like leading, especially for Museo with its transitive pipelike serifs. The ideal distance between two lines of Museo depends on factors like its typeset size and measure, of course, but you’ll find long lines of Museo set surprisingly well with tight line-height, probably because individual words and letters connect well horizontally and keep the reader’s eye on track.
  • 38. WRITING WORK WORDS ABOUT CONTACT What You See Is What You Mean NOV 11, 2009 On Donald Knuth and when WYSIWYG transforms to WYSIWYM: As opposed to industry-standard page layout programs that implement a “What You See Is What You Get” (WYSIWYG) paradigm, TeX produces “What You See Is What You Mean” (WYSIWYM) by using plain text files and a semantic mark-up language compiled on-the-fly to produce final pages. Then: This is where the moral objection comes in. Once the typographic decisions have been passed over to software, then the information no longer is tied to any one specific form. The possibilities multiply. Also: Plato reminds us that the very tool used to create books — writing — may have placed us in this double bind for good, between remembering and forgetting, information on or off, from zero to one and back. (I still think he just needed a thank you note.) Composition in performance, the future NOV 11, 2009 Robin Sloan asks, what if the magazine article of the future, the album of
  • 39. Register Sign in Feature Tour Pricing Browse Fonts About Typekit Blog Support This will change the way you design websites. Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal. Feature Tour Try it for Free Bello Pro by Underware The sample above uses real fonts in newer browsers. A snap to set up Fast and reliable All your favorites We've worked hard to Your fonts will be We're working with make Typekit easy to served from a robust foundries to bring the use. Add and use fonts network built with best possible fonts for the way you want to. hundreds of servers your website. worldwide. Try it for free Browse fonts How it works © Copyright 2009 Small Batch, Inc. Browse Fonts Support Terms & Conditions Contact Us Typekit on Twitter
  • 40. presents LOG IN JOIN US BLOG No more bullshit. Join the revolution. We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts. Like any revolution, we aim to make progress, and we need help. If you want to be a part of this free, open-source type movement , you should join us and contribute. If you have any questions about The League or the movement, get in touch . READ OUR MANIFESTO NEW FONTS
  • 42.
  • 44. Our master-classes For A Beautiful Web, Master-classes and Blogging on And All Contact us about For and upcoming dates yours to own on DVD reviews That Malarkey A Beautiful Web DVD Master-class workshops and DVDs that make learning the most up-to-date web design & development information creative. Three new master-classes, yours to own on DVD DESIGNING WITH DESIGNING WITH CSS DESIGNING WEB ACCESSIBILITY MICROFORMATS
  • 45.