Chromebooks for Work entsprechen den Chrome-Geräten für Privatanwender, mit folgendem Unterschied: Mit dem Erwerb der Chrome for Work Management Console, können Administratoren die Chrome-Geräte Ihrer Organisation über die Verwaltungskonsole per Remote-Zugriff verwalten. Damit lassen sich rund 120 Sicherheits- und Geräterichtlinien konfigurieren. Mit der Chrome-Geräteverwaltung lassen sich in Unternehmen Chrome-Funktionen für die Nutzer konfigurieren, Zugriff von Chrome-Geräten auf VPNs und WLAN-Netzwerke einrichten, Chrome-Gerätelieferungen nachverfolgen, Chrome-Apps und -Erweiterungen vorinstallieren und vieles mehr. Administratoren können jede Einstellung auf eine Organisationseinheit oder auf die gesamte Organisation anwenden. Die meisten Einstellungen beinhalten die Option, eine bestimmte Konfiguration festzulegen oder dem Nutzer die Wahl zu überlassen.
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsGregor Biswanger
HTML5 ist langsam, oder? Nein, in der Tat zeigt sich die grundlegende Geschwindigkeit von Cross-Plattform-HTML5-Anwendungen heutzutage in einem sehr positiven Licht. Es gibt aber doch ein paar Fallstricke, in denen sich der Entwickler schnell verfängt, wenn er nicht auf ein paar Punkte achtet. Der Vortrag geht zuerst auf die Vorgehensweise der Performancemessung ein. Anschließend werden die Top Performance-Tipps gezeigt, um nochmal einen ordentlichen Schub an Power herausholen zu können. Lassen Sie uns Gas geben!
Electron.NET: Cross-Platform Desktop Software mit ASP.NET CoreGregor Biswanger
HTML5 ist überall - im Web, Mobile und natürlich auch auf den Desktop. Die große Stärke an HTML5 ist nicht nur, dass diese Plattform übergreifend unterstützt wird, sondern dass es immer mehr Features aus der Desktop-Welt bietet. Dennoch erfordert die Entwicklung von Desktop Anwendungen auf Basis von HTML & JavaScript neue Frameworks und Sprachen. Das Open Source Projekt Electron.NET verbindet ihr bekanntes C# & ASP.NET Core KnowHow mit den Möglichkeiten von Electron. In Kombination von C# und HTML5 können hoch performante Desktop Geschäftsanwendung für Windows, Mac und Linux entwickelt werden. Sie steigen mit den Grundlagen von Electron.NET ein und werden dann mit den wichtigsten Tools und Vorgehensweisen vertraut gemacht. Mit diesen Infos steigen Sie rasch zum versierten Cross-Platform Entwickler mit .NET auf.
Die Sebastian Blum GmbH betreibt seit einigen Jahren eine Multisite-Installation für eine Vielzahl an Kunden und für eigene Projekte. Durch das Hosting auf einem eigenen Server nur für WordPress läuft das System stabil, sicher und deutlich schneller als bei einem Shared Hosting.
In diesen Folien werden die Erfahrungen und Einsatzmöglichkeiten eines solchen Systems erklärt.
WordPress bietet mehr als “nur” eine Funktion zum Bloggen. In meinem WordPress Trainings kommt oft die Frage auf, was man alles mit WordPress umsetzen kann. Viele Webseiten von kleinen und mittelständischen Unternehmen (KMU) basieren auf dem Contentmanagement System WordPress.
Daher haben wir im Rahmen des WP Camp 2012 in Berlin für alle Interessierten eine Session angeboten, die neben den Grundlagen auch die Einsatzgebiete von WordPress aufzeigt. Damit sollte auch vermitteln werden, wie leicht es sein kann, die eigene Webseite mit WordPress zu betreiben und das auch ohne tiefgreifende Programmierkenntnisse.
Angefangen beim privaten Webtagebuch, Foto- und Videologs über die klassische Unternehmens-Webseite bis hin zu multiplen Webseiten in einem Multisite-Netzwerk basierend auf einer einzigen Installation von WordPress. WordPress wird immer beliebter für Vereine, Coaches und Trainer, kleine Onlineshops und natürlich für den Handwerker um die Ecke.
Jeder, der sich über die Einsatzmöglichkeiten von WordPress informieren möchte, war herzlich eingeladen nach dem Impulsvortrag auch an der Frage-und-Antwort-Runde teilzunehmen.
▸ Security
WordPress und Plugins aktuell halten – ein Muss?
▸ Performance
Geschwindigkeit & WP als eierlegende Wollmilchsau – ein
Widerspruch?
▸ Qualitäts-Offensive für SEO und bessere UX
PNG, JPG und SVG richtig verwenden
Vortrag "WordPress Professional II" von Sebastian Blum
Vortrag WordPress Professional II
Seit Jahren betreiben wir eine große WordPress-Multi-Installation mit über 50 Domains, gehostet auf einem ausfallsicheren Server-Cluster mit vielen selbstentwickelten Plugins & Themes.
Dieses Know-How möchten wir mit Euch teilen und geben im Vortrag tiefe Einblicke in die folgenden zwei Themengebiete:
WordPress Sicherheit – Wie sichere ich meine Installation ab und was sollte ich beachten?
Learnings aus Themes & Plugins – Wie baue ich eine zukunftssichere und wartbare WordPress-Anwendung auf?
Chromebooks for Work entsprechen den Chrome-Geräten für Privatanwender, mit folgendem Unterschied: Mit dem Erwerb der Chrome for Work Management Console, können Administratoren die Chrome-Geräte Ihrer Organisation über die Verwaltungskonsole per Remote-Zugriff verwalten. Damit lassen sich rund 120 Sicherheits- und Geräterichtlinien konfigurieren. Mit der Chrome-Geräteverwaltung lassen sich in Unternehmen Chrome-Funktionen für die Nutzer konfigurieren, Zugriff von Chrome-Geräten auf VPNs und WLAN-Netzwerke einrichten, Chrome-Gerätelieferungen nachverfolgen, Chrome-Apps und -Erweiterungen vorinstallieren und vieles mehr. Administratoren können jede Einstellung auf eine Organisationseinheit oder auf die gesamte Organisation anwenden. Die meisten Einstellungen beinhalten die Option, eine bestimmte Konfiguration festzulegen oder dem Nutzer die Wahl zu überlassen.
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsGregor Biswanger
HTML5 ist langsam, oder? Nein, in der Tat zeigt sich die grundlegende Geschwindigkeit von Cross-Plattform-HTML5-Anwendungen heutzutage in einem sehr positiven Licht. Es gibt aber doch ein paar Fallstricke, in denen sich der Entwickler schnell verfängt, wenn er nicht auf ein paar Punkte achtet. Der Vortrag geht zuerst auf die Vorgehensweise der Performancemessung ein. Anschließend werden die Top Performance-Tipps gezeigt, um nochmal einen ordentlichen Schub an Power herausholen zu können. Lassen Sie uns Gas geben!
Electron.NET: Cross-Platform Desktop Software mit ASP.NET CoreGregor Biswanger
HTML5 ist überall - im Web, Mobile und natürlich auch auf den Desktop. Die große Stärke an HTML5 ist nicht nur, dass diese Plattform übergreifend unterstützt wird, sondern dass es immer mehr Features aus der Desktop-Welt bietet. Dennoch erfordert die Entwicklung von Desktop Anwendungen auf Basis von HTML & JavaScript neue Frameworks und Sprachen. Das Open Source Projekt Electron.NET verbindet ihr bekanntes C# & ASP.NET Core KnowHow mit den Möglichkeiten von Electron. In Kombination von C# und HTML5 können hoch performante Desktop Geschäftsanwendung für Windows, Mac und Linux entwickelt werden. Sie steigen mit den Grundlagen von Electron.NET ein und werden dann mit den wichtigsten Tools und Vorgehensweisen vertraut gemacht. Mit diesen Infos steigen Sie rasch zum versierten Cross-Platform Entwickler mit .NET auf.
Die Sebastian Blum GmbH betreibt seit einigen Jahren eine Multisite-Installation für eine Vielzahl an Kunden und für eigene Projekte. Durch das Hosting auf einem eigenen Server nur für WordPress läuft das System stabil, sicher und deutlich schneller als bei einem Shared Hosting.
In diesen Folien werden die Erfahrungen und Einsatzmöglichkeiten eines solchen Systems erklärt.
WordPress bietet mehr als “nur” eine Funktion zum Bloggen. In meinem WordPress Trainings kommt oft die Frage auf, was man alles mit WordPress umsetzen kann. Viele Webseiten von kleinen und mittelständischen Unternehmen (KMU) basieren auf dem Contentmanagement System WordPress.
Daher haben wir im Rahmen des WP Camp 2012 in Berlin für alle Interessierten eine Session angeboten, die neben den Grundlagen auch die Einsatzgebiete von WordPress aufzeigt. Damit sollte auch vermitteln werden, wie leicht es sein kann, die eigene Webseite mit WordPress zu betreiben und das auch ohne tiefgreifende Programmierkenntnisse.
Angefangen beim privaten Webtagebuch, Foto- und Videologs über die klassische Unternehmens-Webseite bis hin zu multiplen Webseiten in einem Multisite-Netzwerk basierend auf einer einzigen Installation von WordPress. WordPress wird immer beliebter für Vereine, Coaches und Trainer, kleine Onlineshops und natürlich für den Handwerker um die Ecke.
Jeder, der sich über die Einsatzmöglichkeiten von WordPress informieren möchte, war herzlich eingeladen nach dem Impulsvortrag auch an der Frage-und-Antwort-Runde teilzunehmen.
▸ Security
WordPress und Plugins aktuell halten – ein Muss?
▸ Performance
Geschwindigkeit & WP als eierlegende Wollmilchsau – ein
Widerspruch?
▸ Qualitäts-Offensive für SEO und bessere UX
PNG, JPG und SVG richtig verwenden
Vortrag "WordPress Professional II" von Sebastian Blum
Vortrag WordPress Professional II
Seit Jahren betreiben wir eine große WordPress-Multi-Installation mit über 50 Domains, gehostet auf einem ausfallsicheren Server-Cluster mit vielen selbstentwickelten Plugins & Themes.
Dieses Know-How möchten wir mit Euch teilen und geben im Vortrag tiefe Einblicke in die folgenden zwei Themengebiete:
WordPress Sicherheit – Wie sichere ich meine Installation ab und was sollte ich beachten?
Learnings aus Themes & Plugins – Wie baue ich eine zukunftssichere und wartbare WordPress-Anwendung auf?
Webtechnologien für das Frontend & Javascribt( AJAX ) vs Flash( Flex )guest9606ac
Welche aktuellen Webtechnologien gibt es, wie kann man sie vergleichen, was ist am besten für X
Vergleich Javascript vs Actionscript, wie funktioniert was und was sind die Vorteile/Nachteile wo sollte man was benutzen
Schlangenhochzeit in-der Wolke - Pyramid auf Google AppengineJens Klein
Googles Appengine steht für hochskalierbare Anwendungen in der Cloud. Locandy ist unser Startup für mobile Location based Games.
Auf der Cloud-Platform mit ihrer sehr restriktiven Python-Umgebung haben wir das Portal für Spieler, Autoren und Business Kunden umgesetzt. Browser, Mobile-App und PDF-Server werden damit bedient.
Dabei ist nicht alles so rund gelaufen, wie wir es gerne gehabt hätten. Die Probleme wurden gelöst - dank Python mit seinem starken Werkzeugkasten.
Der Vortrag geht kurz auf die Anforderungen ein, zeigt auf welche Probleme es gab und wie wir sie gelöst haben. In einem Github Repository stelle ich ein Buildout inkl. kleiner Beispielapplikation mit den meisten dieser Lösungen zur Verfügung.
Webanwendungen - Installation, Konfiguration und AdministrationThomas Siegers
Web-Anwendungen sind Programme, die auf einem Server im Internet laufen und über einen Web-Browser bedient werden. Dazu gehören Blogs, Foren, Foto-Gallerien und Redaktionssysteme (CMS).
(Aktualisiert am 12.08.2015)
Pünktlich zum Release der Version TYPO3 Neos 2.0.0 habe ich ein über 350 Seiten starkes Kompendium zum Thema Neos CMS veröffentlicht. Als Early-Adopter und Technologie-Junkie muss und will ich mich natürlich sehr früh ausführlich mit neuen Technologien auseinandersetzen - daher gibt es das Kompendium bereits seit der Alpha-Version. Das Ergebnis allerdings will ich schnell wieder in die Community zurückfließen lassen. Denn wenn um Neos CMS eine große Community entsteht und wir dazu beitragen können, profitieren alle Parteien davon.
Diese auf dem Markt einzigartige Zusammenstellung auf über 350 Seiten behandelt alle Aspekte von Neos CMS in ausführlicher, übersichtlicher und didaktischer Form. Sobald eine neue Version von Neos CMS veröffentlicht wird, erfährt auch das Kompendium eine Aktualisierung, sodaß sicher gestellt ist, dass sich jeder Interessierte mit Hilfe des Kompendiums mit Neos anfreunden und die ersten Gehversuche machen kann.
Viel Spaß mit dem Kompendium!
Patrick
In diesem Artikel vergleichen wir die Zwei Content Management Systeme "WordPress" und "TYPO3". Wir möchten damit einen kleinen Einblick geben, was die Systeme genau können. Wir möchten damit die Wahl des richtigen CM-Systems ein wenig vereinfachen.
Burberry: Digitale Küsse mit Google verschickenTWT
Die Modemarke Burberry hat ein Web-Tool in Zusammenarbeit mit Google
aufgesetzt, das es ermöglicht Küsse via Smartphone oder Google
Browser Chrome an die Liebsten zu verschicken
Webtechnologien für das Frontend & Javascribt( AJAX ) vs Flash( Flex )guest9606ac
Welche aktuellen Webtechnologien gibt es, wie kann man sie vergleichen, was ist am besten für X
Vergleich Javascript vs Actionscript, wie funktioniert was und was sind die Vorteile/Nachteile wo sollte man was benutzen
Schlangenhochzeit in-der Wolke - Pyramid auf Google AppengineJens Klein
Googles Appengine steht für hochskalierbare Anwendungen in der Cloud. Locandy ist unser Startup für mobile Location based Games.
Auf der Cloud-Platform mit ihrer sehr restriktiven Python-Umgebung haben wir das Portal für Spieler, Autoren und Business Kunden umgesetzt. Browser, Mobile-App und PDF-Server werden damit bedient.
Dabei ist nicht alles so rund gelaufen, wie wir es gerne gehabt hätten. Die Probleme wurden gelöst - dank Python mit seinem starken Werkzeugkasten.
Der Vortrag geht kurz auf die Anforderungen ein, zeigt auf welche Probleme es gab und wie wir sie gelöst haben. In einem Github Repository stelle ich ein Buildout inkl. kleiner Beispielapplikation mit den meisten dieser Lösungen zur Verfügung.
Webanwendungen - Installation, Konfiguration und AdministrationThomas Siegers
Web-Anwendungen sind Programme, die auf einem Server im Internet laufen und über einen Web-Browser bedient werden. Dazu gehören Blogs, Foren, Foto-Gallerien und Redaktionssysteme (CMS).
(Aktualisiert am 12.08.2015)
Pünktlich zum Release der Version TYPO3 Neos 2.0.0 habe ich ein über 350 Seiten starkes Kompendium zum Thema Neos CMS veröffentlicht. Als Early-Adopter und Technologie-Junkie muss und will ich mich natürlich sehr früh ausführlich mit neuen Technologien auseinandersetzen - daher gibt es das Kompendium bereits seit der Alpha-Version. Das Ergebnis allerdings will ich schnell wieder in die Community zurückfließen lassen. Denn wenn um Neos CMS eine große Community entsteht und wir dazu beitragen können, profitieren alle Parteien davon.
Diese auf dem Markt einzigartige Zusammenstellung auf über 350 Seiten behandelt alle Aspekte von Neos CMS in ausführlicher, übersichtlicher und didaktischer Form. Sobald eine neue Version von Neos CMS veröffentlicht wird, erfährt auch das Kompendium eine Aktualisierung, sodaß sicher gestellt ist, dass sich jeder Interessierte mit Hilfe des Kompendiums mit Neos anfreunden und die ersten Gehversuche machen kann.
Viel Spaß mit dem Kompendium!
Patrick
In diesem Artikel vergleichen wir die Zwei Content Management Systeme "WordPress" und "TYPO3". Wir möchten damit einen kleinen Einblick geben, was die Systeme genau können. Wir möchten damit die Wahl des richtigen CM-Systems ein wenig vereinfachen.
Burberry: Digitale Küsse mit Google verschickenTWT
Die Modemarke Burberry hat ein Web-Tool in Zusammenarbeit mit Google
aufgesetzt, das es ermöglicht Küsse via Smartphone oder Google
Browser Chrome an die Liebsten zu verschicken
TripleHard - Trivalent Based Hard Chrome - Case TecnocromSavroc Ltd
A case example of integration of TripleHard trivalent based hard chromium coating technology into Tecnocrom Industrial's existing electroless nickel plating line. TripleHard allows cost-efficient manufacturing of hard and wear-resistant coatings for demanding conditions without the carcinogenic chromic acid used in traditional hexavalent based hard chromium.
Read more information and contact Savroc to get a license to use TripleHard method at: www.savroc.com
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...Daniels Training Services
The Trivalent Chromium Wastes Exclusion from Regulation as a Hazardous Waste
40 CFR 261.4(b)(6) excludes Trivalent Chromium Waste, a solid waste, from regulation as a hazardous waste if the requirements of the regulations are met. This presentation briefly summarizes the requirements of this RCRA exclusion from regulation.
Those in the leather tanning industry, leather product manufacturing industry, shoe manufacturing industry, and titanium dioxide manufacturing industry should be aware of this RCRA exclusion and its possible impact on their operations.
Chromium is a metal that exists in several oxidation
• Chromium is a metal that exists in several oxidation or valence states, ranging from chromium (-II) to chromium (+VI).
• Chromium compounds are very stable in the trivalent state and occur naturally in this state in ores such as ferrochromite, or chromite ore.
• Chrome III is an essential nutrient for maintaining blood glucose levels
• The hexavalent, Cr(VI) or chromate, is the second most stable state. It rarely occurs naturally.
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESSJournal For Research
Protection of aluminium alloys is most commonly done by forming anodic films. Anodic films can also be formed on metals like titanium, zinc, magnesium, niobium, and tantalum. Aluminium alloy parts are anodized to greatly increase the thickness of the natural oxide layer for corrosion resistance. A thin aluminium oxide film, that seals the aluminium from further oxidation when it is exposed to air. The anodizing process increases the thickness of the oxidized surface. Anodizing is accomplished by immersing the aluminium into an acid electrolyte bath and passing an electric current through the medium. In an anodizing cell, the aluminium work piece is made the anode by connecting it to the positive terminal of a dc power supply and the cathode is connected to the negative terminal of the dc source. Sealing is needed to seal the pores in oxide layer to prevent further corrosion. Oxide layer on the anodized aluminium has a highly ordered, porous structure that allows for secondary processes such as dyeing, printing and sealing. Nanowires and nanotubes can be made by using the pores in the oxide layer as templates.
Protection des métaux contre la corrosionCHTAOU Karim
Cette présentation présentent tout d’abord les principaux types de la corrosion et il présente une description détaillée des trois grandes méthodes, préventives et curatives, utilisées en anticorrosion.
This lecture describes the process of anodic oxidation of aluminium, which is one of the most unique and commonly used surface treatment techniques for aluminium; it illustrates the weathering behaviour of anodized surfaces. Some familiarity with the subject matter covered in TALAT This lectures 5101- 5104 is assumed.
Warum die Recruiting Qualität einzelner alle Recruiter betrifft!Barbara Braehmer
Das Web deckt auf - schonungslos. Auch die Arbeitsqualität einzelner Recruiter, da diese nicht selten zum Fachkräftemangel führt. Von allem zuviel: Zuviele Stellenanzeigen in zuvielen Jobbörsen, zuviele Anschreiben im proaktiven Recruiting / Active Sourcing - und schon ist der da, der selbstgemacht Fachkräftemangel. Als hätten wir Recruiter und in HR nicht schon genug Probleme mit der Demographie und anderen Werteveränderungen.
Wenn es um Recruiting Qualität geht, dann sind wir alle in der Zwischenzeit betroffen. In vielen Branchen gibt es eine Zertifizierung, die für die Durchführungskompetenz der Berufsgruppe steht – (Active) Sourcing ist noch ein relativ neuer Aufgabenbereich, die Grenzen um ‘Proactiven Recruiting’ sind fließend. Angesichts der Tragweite der Handlungen der Online-Sourcer und Recruiter im bereits engen Kandidatenmarkt, die alle anderen Recruiter und Kandidaten treffen, ist das Wie und Wo ein wichtiges – Qualitäts und Erfolgs – Thema geworden.
Der österreichische Entschdiungsträger: was verdient er, was liest er, welche sozialen Netzwerke nutzt er?
Eine kurze Zusammenfassung der Ergebnisse 2014.
Webtechnologien fuer das Frontend und Flash( Flex ) Vs Js( Ajax )grosser
Welche aktuellen Webtechnologien gibt es, wie kann man sie vergleichen, was ist am besten für X
Vergleich Javascript vs Actionscript, wie funktioniert was und was sind die Vorteile/Nachteile, wo sollte man was benutzen
PageSpeed Extreme für das große Speed Update 2021SEARCH ONE
Googles Page Experience Update steht vor der Tür. Im kommenden Jahr wird die Ladezeit zum Rankingfaktor und damit zum Optimierungsgegenstand für Suchmaschinenoptimierer. Kai Spriestersbach zeigt in seinem Vortrag einige fortgeschrittene Methoden, mit denen er, über die bekannten Basics hinaus, die Ladezeit moderner Webseiten effektiv verbessert.
Mehr und mehr entscheidet sich die Performance von Webanwendungen nicht mehr auf dem Server, sondern im Browser des Users. Die Session zeigt auf, warum nicht nur PHP-Performance eine Rolle spielt, sondern was wirklich zu einer schnellen Website beiträgt und welche Hilfsmittel man in der PHP-Welt zur Verfügung hat.
Presentation at IPC 2010 in Berlin, Germany. Frank Kleine and me talked about how to accelerate page speed in general with a detailed look at PHP solutions.
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...Karionis
Auch wenn die Spezifikation von HTML5 noch nicht abgeschlossen ist, werden die Features dieses neuen Standards der Auszeichnungssprache HTML das Internet der unmittelbaren Zukunft bestimmen. Erfahren sie, wie nun semantisches HTML, Geolocation, Offline-Webanwendungen, Video- und Audio-Elemente, Drag and Drop und Vektorgrafiken in Webseiten integriert werden können.
Vortrag zum Thema "Ladezeiten Verbessern - CSS und JavaScript Komprimierung". Entwickelt wurde die Präsentation für die Vortragsreihe im Rahmen der WebDevFulda-Treffen.
Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...Christian Wenz
Kommunikation mit JavaScript war lange Zeit sehr überschaubar: HTTP-Anfragen waren dank Ajax möglich, aber auch nur an den Ursprungsserver und mit weiteren Einschränkungen. Dies hat sich mittlerweile geändert: JavaScript-Code kann jetzt auch mit fremden Browsertabs und Servern reden, sofern diese mögen; ebenfalls ist eine bidirektionale Kommunikation anstelle des altbackenen Pull-Modells möglich. Auch Zugriff auf Kamera und Mikrofon sind (nach Nutzerbestätigung) möglich. Diese Session zeigt zahlreiche bekannte und weniger bekannte Kommunikationsmöglichkeiten mit JavaScript und HTML5 auf und beleuchtet Vor- und Nachteile aus dem Projektalltag.
3. World Wide Web Consortium Web Hypertext Application
Technology Working Group
Richtlinien für HTML 4.01
und XHTML (1.0, 1.1 + 2) Zusammenschluss von
Mitarbeitern bei Apple,
der Mozilla Foundation
und Opera.
4. Was ist an HTML5 anders?
Semantische Struktur
Audio und Video ohne Plugin
Neue Formulartypen mit Eingabeunterstützung
Inline SVG und MathML (XML-Elemente)
12. Audio und Video
Native Unterstützung, d.h. Videos können ohne
Plugin im Browser abgespielt werden.
Unterstütztes Video-Format je nach Browser
unterschiedlich.
Für ältere Browser benötigt man weiterhin ein Flash
als Fallback.
13. Audio und Video
Das <video>-Tag kann
mehrere Quellen auf-
nehmen.
Das <audio>-Tag
ebenfalls.
14. Audio und Video
Implementierung in modernen Browsern
Typ Webkit 5.3 Gecko 1.9.1 Presto 2.5 Trident 5.0
(Safari 5, (Firefox 3.6+) (Opera ~10+) (IE9+)
Chrome 17)
video
audio
source
(Safari >= 5.1)
15. Formulare
Neue Typen für das <input>-Tag,
Neue Attribute, z.B.
zur Validierung der Eingabe von Mail-Adresse oder URLs,
für Pflichtfelder,
oder als Hinweistext.
19. Grafik
Canvas
Umgebung für die User-Eingabe von Bitmap-Grafiken,
Aktionen nur mit Unterstützung durch z.B. Javascript möglich
SVG – Scalable Vector Grafic
ist ein XML-Konstrukt,
das bereits seit Jahren existiert,
wird in HTML5 nativ unterstützt und
bereits in modernen Browsern angezeigt.
20. Canvas + SVG
Implementierung in modernen Browsern
Typ Webkit 5.3 Gecko 1.9.1 Presto 2.5 Trident 5.0
(Safari 5, (Firefox 3.6+) (Opera 11.6+) (IE9+)
Chrome 17)
Canvas * (teilweise) (teilweise) (teilweise) (teilweise)
SVG (teilweise) (teilweise) (teilweise) (teilweise)
* z.B. wird WebGL (3D) nur in Chrome ab Version 18 vollständig unterstützt
21. Javascript mit HTML5
Fallback für ältere Browser das Javascript von
Remy Sharp:
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Muss im <head>-Bereich der Seite stehen!
24. Bisher:
ein oder mehrere Hintergrundbilder und verschachtelte Divs
Schlagschatten
(box-shadow)
25. Bisher:
Hintergrundverlauf als Kachel oder Vollbild
(belegte bereits 1 Container-Hintergrund)
Farbverläufe
(gradient)
26. Bisher:
Nur 1 Hintergrundbild pro Container möglich
Mehrfache
Hintergrundbilder
Merke:
Die Angabe “background-color”
muss am Ende stehen, um nicht
von “url” überschrieben zu
werden.
31. CSS3-Elemente
Implementierung in modernen Browsern
Typ Webkit (Safari ~5+, Gecko Presto Trident
Chrome ~4+) (Firefox 4+) (Opera ) (IE9+)
column
>= Safari 5 u. >= 3.6 teilweise >= 11.6 >= 10
Chrome 17 teilweise mit -moz
mit -webkit
transition
>= Safari 5 u. >= 9 mit -moz >= 11.6 mit -o >= 10
Chrome 17 mit - mit -ms
webkit
transform
>= Safari 5 u. >= 10 mit -moz Keine Angaben >= 10
Chrome 17 mit - mit -ms
webkit
32. CSS Media Queries
CSS-Angaben (Layout) gemäß Bildschirmbreite
anpassen:
Einbindung als externe CSS-Datei:
<link rel="stylesheet" media="screen and (max-width: 1024px)"
href="small.css">
oder inline per @media:
@media:@media screen and (max-width : 1024px)
{ hier stehen die CSS-Angaben}
33. CSS Media Queries
Skalierbarkeit beeinflussen:
(Angabe im <head>-Bereich)
Ohne Zoom beim Start:
<meta name="viewport" content="width=device-width, initial-
scale=1.0, maximum-scale=1.0, user-scalable=no"/>
Mit Zoom beim Start:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
35. Einbindung ins CSS:
font-family: Droid Sans, Verdana,Arial,Helvetica,sans-serif;
Webfonts als Link
Steht im <head>-Tag
der HTML-Datei.
Online-Fonts unter
http://www.google.com/webfonts
36. Einbindung ins CSS:
font-family: Droid Sans, Verdana,Arial,Helvetica,sans-serif;
Webfonts mit
@import
Steht im <head>-Tag
der HTML-Datei.
37. Einbindung ins CSS:
font-family: Droid Sans, Verdana,Arial,Helvetica,sans-serif;
Webfonts mit
@font-face
Steht in der CSS-Datei
unbedingt am Anfang.
Webfont-Pakete unter
http://www.fontsquirrel.com/
39. Barrieren abbauen mit WAI-ARIA Rollen
ARIA = Accessible Rich Internet Applications
WAI = Web Accessibility Initiative
Ergänzung der HTML5-Semantik (auch in HTML4.01/XHTML)
um beschreibende Zusatzinformationen als Information für
Screenreader und assistive Techniken – auch für Suchmaschinen
Teilbereich => Landmark-Rollen
Deutsche Übersetzung der Richtlinie
http://www.hessendscher.de/wai-aria/