leine.info » Webdesign

Websockets in JSF 2.0

jleine — Wed, 21 Dec 2011 08:00:55 +0000

HTML5 rückt immer näher und die Unterstützung auf Endgeräten wird allmählich marktreif. Höchste Zeit sich einmal mit JSF 2.0 und Websockets auseinanderzusetzen. Das alles wird einem schön in einer JAX Session näher gebracht.

Building next-generation Web Apps with WebSocket and HTML5 from JAX TV on Vimeo.

Wie andere die eigene Website sehen

jleine — Thu, 17 Dec 2009 08:54:22 +0000

Heute bin ich im Web auf eine interessantes Tool gestoßen. Oftmals frägt man sich ja wie man die eigene Website am besten gestaltet. Wo platziert man welche Controls am besten, damit Sie auch von jedem Besucher wahrgenommen werden. Wie viele Anwender nehmen z.B. meine Tagcloud rechts unten überhaupt noch wahr? Wieviele Anwender können diese überhaupt beim erstmaligen Laden der Seite sehen? Muss man erst scrollen? Welche Rolle spielt die Auflösung? Warum klicken die Besucher so wenig auf meinen Button XY?
Diese Frage versucht Browsersize anschaulich zu beantworten. Dazu legt das Werkzeug eine Grafik über beliebige Webseiten, in der aggregierte Nutzerdaten zur jeweils verwendeten Größe des Browserfensters abgetragen sind. Dazu lädt Browsersize die eigene Website und legt anschließend eine halbtransparente Grafik über die eigene Site.

Google Browser Size

Anhand dieser kann man leicht erkennen wer was wie wahrnimmt. Ich finde es ein ganz nettes Tool und es gibt einem zumindest ein paar Anhaltspunkte wie man seine Website noch ein Stückchen optimiert.

4-teilige Richfaces webinar Serie

jleine — Thu, 28 May 2009 10:02:36 +0000

Heute möchte ich euch auf die richfaces webinar Serie aufmerksam machen. JBOSS hat zu diesem Thema eine 4 teilige Serie gestartet. Die ersten drei davon wurden bereits abgehalten, jedch sind diese auch aufgenommen worden, so das man sich dieses bequem daheim ansehen. Ich finde dies eine sehr coole Sache und kann die webinare nur jedem empfehlen.

Webinar 1: Starting with RichFaces
This session will cover everything you need to start using RichFaces. You will learn the most important concepts and features in RichFaces. We will start with a simple JSF application and then add AJAX features to it. Topics covered include RichFaces installation, how to send an AJAX request, and how to do partial page rendering. After this session, attendees will be able to use RichFaces in their applications.

Webinar #2: More RichFaces Features and Concepts
The second session includes a quick review “Starting with RichFaces”, then covers more advanced features and concepts such as deciding what to process on the server, using the “a4j:region” tag, and looking at various re-rendering options. More “a4j:” tags will be covered as well.

Webinar #3: RichFaces UI Components
The third session will demonstrate and showcase the various UI components from the “rich:” tag library. This library consists of a large number of out-of-the-box ready-to-use AJAX JSF components.

Webinar #4: RichFaces Skins
The fourth session will cover the “skin-ability” features in RichFaces. Attendees will learn how to use built-in skins, how to change skins, and how to load new skins at runtime. Next, we will learn how to create new skins. In addition, standard component “skin-ability” will be covered.

404 Fehlerseiten

jleine — Tue, 24 Mar 2009 07:00:31 +0000

Auf meinem täglichen Streifzug durch das WWW bin ich heute über eine nette Sammlung von 404 Fehlerseiten gestolpert. Im Grunde genommen habe ich mir über das Layout einer 404 Seite kaum Gedanken gemacht, doch wenn man sich diese Sammlung mal anschaut kann man durchaus die ein oder andere schöne Idee übernehmen. Aber seht am besten selbst.

CSS Selektoren für Dummys

jleine — Fri, 27 Feb 2009 07:00:09 +0000

Jeder kennt das. Man versucht sich an CSS Selektoren und man muss immer kurz überlegen wie der jeweilige Selektor aussehen muss, damit nur genau der DOM Baum Teil selektiert wird, den man eigentlich haben will. Wenn man in diesem Bereich nicht wirklich geübt ist, kann dies am Anfang frustrierend sein. Doch genau in diese Lücke springt nun SelectorGadget.

SelektorGagdet ist ein nettes kleines JavaScript Tool, welches einem genau diese Arbeit abnimmt. Alles was man braucht ist ein Bookmark auf deren JS Code und schon lädt der Browser deren Open Source Selektoren Tool. Jetzt kann man sich einfach seinen Selektor bequem zusammenklicken und SelectorGadget generiert den dazu passenden Query.

Ich finde das erleichtert einem die Arbeit ungemein und mal unter uns: Manchmal bin ich auch einfach zu faul den Selektor manuell zu schreiben ;-)

Quick Start: Website Layout

jleine — Thu, 12 Feb 2009 12:24:15 +0000

Heute möchte ich euch auf YAML aufmerksam machen. Immer wieder stehe ich vor dem Problem, daß ich ein grundlegendes Layout benötige, ich mir aber nicht die Mühe machen möchte ein sauberes CSS Layout von Anfang an aufzubauen.

Also bemühte ich ein wenig Google und dort wurde ich auf YAML aufmerksam. YAML ist ein Website Layout Generator, der einem diese unliebsame Arbeit abnimmt. Über eine Layoutgenerator kann man sich sein gwünschtes Layout mit wenigen Klicks zusammenstellen und YAML spuckt am Ende ein sauber strukturiertes XHTML Gerüst samt vorbildlichen CSS Definitionen aus.

Der Webdesigner oder Webentwickler kann sich danach auf das wesentliche konzentrieren, nämlich die Generierung von Content und das für alle Browser, IE6 eingeschlossen :-)