Es ist noch ein weiter Weg hin zum Semantic Web, so wie das W3C es sich vorstellt. Kleine Schritte gehen können wir heute mit Mikroformaten, RDFa und den erweiterten Möglichkeiten von (X)HTML 5. Dieser Vortrag auf der webinale 09 zeigt praktische Beispiele und den Nutzen der Anwendung dieser Techniken und wagt einen Blick in die nahe Zukunft.
Javascript auf Client und Server mit node.js - webtech 2010Dirk Ginader
node.js erlaubt die Ausführung von Javascript auf dem Server. Zusammen mit YUI3 gibt es jetzt auch noch einen echten DOM und plötzlich macht alles Spass :-)
Es ist noch ein weiter Weg hin zum Semantic Web, so wie das W3C es sich vorstellt. Kleine Schritte gehen können wir heute mit Mikroformaten, RDFa und den erweiterten Möglichkeiten von (X)HTML 5. Dieser Vortrag auf der webinale 09 zeigt praktische Beispiele und den Nutzen der Anwendung dieser Techniken und wagt einen Blick in die nahe Zukunft.
Javascript auf Client und Server mit node.js - webtech 2010Dirk Ginader
node.js erlaubt die Ausführung von Javascript auf dem Server. Zusammen mit YUI3 gibt es jetzt auch noch einen echten DOM und plötzlich macht alles Spass :-)
Aktuelle Webtechnologien - HTML5, CSS3 und mehrYves Hoppe
Aktuelle Webtechnologien wie HTML5, CSS3 im Überblick.
Zielgruppe: Designer, HTML 4 / XHTML User und mehr.
Was kann ich heute schon nutzen? Wie kann ich HTML5 in meine Webseite einbinden?
Vortrag an der Uni Mainz über die Grundlagen der Frontendentwicklung. Wie sollte man fürs Frontend denken? Woran muss man denken? Womit muss man sich beschäftigen?
Meine Präsentation von der SEOCampixx2021 zum Thema "Einstieg in XPath für SEO" stellt die Grundlagen von XPath und deren Anwendung in verschiedenen Tools vor, um gängige Fragen aus dem SEO-Alltag zu beantworten.
Textform unter: https://www.seoseb.de/artikel/texte/xpath-fur-seo-ein-einstieg/
Die Anforderungen für Websites sind heute oft widersprüchlich: verlangt ist ein zeitgemäßes Design und ansprechende Animationen, aber bitte mit offenen Webstandards, damit das ganze auch auf Smartphones und Tablets gut aussieht. Gleichzeitig ist auf Kundenseite aber ein Browser im Einsatz, der seit Jahren nicht mehr aktualisiert wurde. Jonathan Weiß stellt Lösungen vor, um diese Herausforderung zu stemmen und zeigt, welches kaum bekannte Potenzial im Legacy-Browser steckt.
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeldfelixnagel
Vortrag auf dem IKT Forum in Linz zur gleichnahmigen Diplomarbeit.
Bitte die Notizen beachten!
Mehr Infos:
http://www.iktforum.at/
http://www.felixnagel.com
fnagel.github.com/jQuery-Accessible-RIA/
Download: http://www.felixnagel.com/blog/permalink/143/
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEEBenjamin Schmid
Serverseitige Web-Technologien waren lange Zeit das Mittel der Wahl für Java-basierte Webanwendungen. Der Trend jedoch geht immer mehr zu JavaScript-basierten und damit Clientseitigen Web-GUIs. Wir werfen dazu einen Blick auf Google's AngularJS und erläutern an plastischen Beispielen seine Kernkonzepte und Funktionsweise. Was zeichnet AngularJS für die Realisierung der im Java-Umfeld häufig vertretenen, datengetriebenen Anwendungen besonders aus und wie fühlt sich die Entwicklung damit im direkten Vergleich dazu an?
Ein konkretes Fallbeispiel aus der Praxis, bei dem wir durch den Wechsel von einer JSF/Portlet-basierten Portal-Lösung hin zu einem AngularJS-basiertem Ansatz bei identischem JEE-Backend und Funktionalität Performance-Gewinne im Bereich von Zehnerpotenzen realisieren konnte, zeigt dabei auf, daß sich dieser Paradigmentwechsel durchaus lohnen kann!
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.
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.
Aktuelle Webtechnologien - HTML5, CSS3 und mehrYves Hoppe
Aktuelle Webtechnologien wie HTML5, CSS3 im Überblick.
Zielgruppe: Designer, HTML 4 / XHTML User und mehr.
Was kann ich heute schon nutzen? Wie kann ich HTML5 in meine Webseite einbinden?
Vortrag an der Uni Mainz über die Grundlagen der Frontendentwicklung. Wie sollte man fürs Frontend denken? Woran muss man denken? Womit muss man sich beschäftigen?
Meine Präsentation von der SEOCampixx2021 zum Thema "Einstieg in XPath für SEO" stellt die Grundlagen von XPath und deren Anwendung in verschiedenen Tools vor, um gängige Fragen aus dem SEO-Alltag zu beantworten.
Textform unter: https://www.seoseb.de/artikel/texte/xpath-fur-seo-ein-einstieg/
Die Anforderungen für Websites sind heute oft widersprüchlich: verlangt ist ein zeitgemäßes Design und ansprechende Animationen, aber bitte mit offenen Webstandards, damit das ganze auch auf Smartphones und Tablets gut aussieht. Gleichzeitig ist auf Kundenseite aber ein Browser im Einsatz, der seit Jahren nicht mehr aktualisiert wurde. Jonathan Weiß stellt Lösungen vor, um diese Herausforderung zu stemmen und zeigt, welches kaum bekannte Potenzial im Legacy-Browser steckt.
Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeldfelixnagel
Vortrag auf dem IKT Forum in Linz zur gleichnahmigen Diplomarbeit.
Bitte die Notizen beachten!
Mehr Infos:
http://www.iktforum.at/
http://www.felixnagel.com
fnagel.github.com/jQuery-Accessible-RIA/
Download: http://www.felixnagel.com/blog/permalink/143/
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEEBenjamin Schmid
Serverseitige Web-Technologien waren lange Zeit das Mittel der Wahl für Java-basierte Webanwendungen. Der Trend jedoch geht immer mehr zu JavaScript-basierten und damit Clientseitigen Web-GUIs. Wir werfen dazu einen Blick auf Google's AngularJS und erläutern an plastischen Beispielen seine Kernkonzepte und Funktionsweise. Was zeichnet AngularJS für die Realisierung der im Java-Umfeld häufig vertretenen, datengetriebenen Anwendungen besonders aus und wie fühlt sich die Entwicklung damit im direkten Vergleich dazu an?
Ein konkretes Fallbeispiel aus der Praxis, bei dem wir durch den Wechsel von einer JSF/Portlet-basierten Portal-Lösung hin zu einem AngularJS-basiertem Ansatz bei identischem JEE-Backend und Funktionalität Performance-Gewinne im Bereich von Zehnerpotenzen realisieren konnte, zeigt dabei auf, daß sich dieser Paradigmentwechsel durchaus lohnen kann!
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.
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.
Effiziente Fehlersuche In Web 2.0 Anwendungen - Graz EditionMartin Leyrer
Moderne Anwendungen bestehen nicht mehr aus ein wenig HTML sowie Code am Server. Cascading Style Sheets (CSS), JavaScript und AJAX machen die Anwendungen einerseits benutzerfreundlicher, andererseits auch schwerer zu entwickeln und zu pflegen. Mit dem Open Source Browser Firefox und einer Handvoll von Open Source Plug-Ins kann sich der Entwickler sein Leben aber deutlich einfacher machen. Diese Session behandelt Firefox-Erweiterungen, die sich in der Praxis bei der Entwicklung großer Web 2.0 Anwendungen bewährt haben. Gezeigt werden "am lebenden Objekt" unter anderem die Webdeveloper Toolbar sowie Firebug. Der Bogen der vorgestellten Tools erstreckt sich aber noch weiter und beinhaltet u.a. Sicherheitschecks, WAI-Tools und noch viel mehr.
This document summarizes Eric Eggert's presentation on ARIA (Accessible Rich Internet Applications). It provides 5 rules for proper ARIA usage: 1) Use native HTML semantics before ARIA if possible; 2) Do not change native semantics; 3) All interactive ARIA controls must be keyboard accessible; 4) Do not use role="presentation" on focusable elements; 5) All interactive elements must have accessible names. It also gives examples of bad and good ARIA usage, and discusses the complexity of WAI-ARIA and challenges it poses for web developers.
The Education and Outreach Working Group (EOWG) develops support materials to help people understand and implement web accessibility standards. It works to make other WAI groups' deliverables more understandable through liaisons. EOWG engages communities to advance accessibility, identifies and addresses education needs, and maintains over 80 resources on topics like meeting WCAG 2.0, evaluation tools, and tutorials. The group is involved in outreach, resource management, and redesigning W3C's accessibility site for improved findability.
The Education and Outreach Working Group (EOWG) aims to improve the understandability, approachability, and ease-of-use of W3C's web accessibility standards and resources. The EOWG develops support materials to help developers and others implement accessibility standards. It also works to promote standards harmonization internationally and emerging areas like mobile accessibility. The EOWG is involved in outreach to web and disability communities to advance accessibility. It identifies and addresses education needs through a wide range of resources.
This document discusses how to improve a project's accessibility without excessive effort. It provides an overview of key accessibility concepts and guidelines. The document explains that the web is meant to be accessible to all users, regardless of ability. It then discusses how to start with accessibility by following principles of perceivability, operability, understandability and robustness. The document provides resources on the Web Content Accessibility Guidelines (WCAG) and Authoring Tool Accessibility Guidelines (ATAG) and emphasizes that accessibility should be considered from the beginning of a project rather than as an afterthought.
How to improve your website’s accessibility without going crazyEric Eggert
This document provides an overview of how to improve the accessibility of a website without making it overly complex. It begins by defining web accessibility and its importance for people with disabilities. It then addresses common questions about accessibility and provides resources on getting started, following guidelines, and ensuring usability. The key messages are that accessibility should be considered from the beginning, not as an afterthought, and that it leads to a better user experience for all while allowing a website to reach more people.
Github introduction for W3C WCAG WG and EOWGEric Eggert
This document provides an introduction to using Git and GitHub. It explains that Git is a distributed version control system that allows for speed, data integrity, and non-linear workflows. It describes how GitHub provides a GUI interface for remote repositories and how each W3C delivery has its own repository. It outlines how to use branches, commits, pull requests, and issues on GitHub and provides best practices for writing good issues and pull requests.
The document discusses new developments in web accessibility from the World Wide Web Consortium (W3C). It outlines improvements to design, user interface, and usability that make a significant difference for all users. It also provides resources for understanding web accessibility guidelines and techniques, as well as evaluation tools and tutorials to help lower barriers for users and developers.
How I stopped worrying and learned to love with defaults – with NotesEric Eggert
This document discusses defaults and how they can improve workflow. It explains that defaults are decisions made before a decision is necessary, like pre-ordering an iPhone. There are three levels of rules for an individual: general design principles, conventions for teams, and personal defaults. The document advocates carefully considering choices, sticking to decisions, and only changing when truly necessary, citing Apple's long-lasting 30-pin connector as an example. It concludes by recommending considering choices carefully, sticking to decisions, and only changing when needed.
How I stopped worrying and learned to love with defaults — Without notesEric Eggert
I stopped worrying and learned to love defaults by considering users over authors and implementors over theoretical purity. While carefully considering choices and sticking to decisions, be willing to change as needed to prioritize users and implementors.
Fronteers Jam Session: Principles of Accessible Web DesignEric Eggert
This document discusses principles of accessible web design. It notes that everyone may become disabled at some point so websites should be designed for all. Accessible design helps everyone, not just those with disabilities, and allows people to access websites using different input and output mechanisms. The document advocates for using plain HTML5 and the WCAG2 guidelines to create websites that are perceivable, operable, understandable and robust for all users.
CSS3 geht über die bekannten Gestaltungsmöglichkeiten hinaus, mit Transformationen, Transitionen und Animationen können richtige HTML-Elemente beweglich gemacht werden. Viel mehr als nur Borders und Boxes.
Webtech ’09 – Die Zukunft des Webs beginnt jetztEric Eggert
The document discusses the future of the web and HTML5. It summarizes that the WHATWG was founded in 2004 by Apple, Mozilla, and Opera in response to concerns about the W3C's direction with XHTML and lack of interest in HTML. It then outlines new features in HTML5 like semantic elements, multimedia elements, forms, browser APIs, and CSS3 features like fonts, borders, and new input types. It provides examples and links to demonstrate these new capabilities in HTML5.
36. HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel</title>
</head>
<body>
<article>
<h1>Dies ist eine Überschrift</h1>
<p>Dies ist ein Absatz mit Zeilen<br>
umbruch, einfach zu Demonstrationszwecken</p>
</article>
</body>
</html>
37. XHTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Beispiel</title>
</head>
<body>
<article>
<h1>Dies ist eine Überschrift</h1>
<p>Dies ist ein Absatz mit Zeilen<br />
umbruch, einfach zu Demonstrationszwecken</p>
</article>
</body>
</html>
51. Graceful Degradation
WIN!
»Mit Graceful degradation wird die Eigenschaft eines
(Computer)Systems bezeichnet, auf Fehler und
unerwartet eintre!ende Ereignisse sicher und
angemessen zu reagieren: Ein Fehler im Einzelsystem
reduziert die Funktionalität des Gesamtsystems nur
schrittweise, etwa durch eine verminderte Qualität
oder einen reduzierten Funktionsumfang.«
(Wikipedia)