Dynamische Stylesheets

Ich habe einen interessanten Artikel auf css-tricks.com gelesen. Es geht um eine Technik, die je nach Fenstergrösse des Browsers, ein dafür entwickeltes CSS anwendet. Um solche Umsetzungen zu erzeugen, braucht es Javascript.

Der Trick ist ganz einfach: Man nutzt Javascript (im Beispiel wird das Framework jQuery verwendet) um die Fenstergrösse zu ermitteln. Je nach Ergebnis ersetzt man das aktuelle CSS.

Man stelle sich ein iPhone vor, das nur begrenzt „Platz“ auf dem Display bietet. Es könnte „Unwichtiges“ mittels eines – extra für niedrige Auflösungen – angepassten CSS unsichtbar gemacht und damit auf das Wesentliche beschränkt werden.

Den vollständigen Artikel findest du unter http://css-tricks.com/resolution-specific-stylesheets/.

Kannst du dir weitere Anwendungsbeispiele vorstellen? Wenn ja, dann freue ich mich auf deine Ideen.

Ext Designer Release 1.0

Der Ext Designer ermöglich einem ExtJs Code einfach und schnell zu produzieren. Sicherlich müssen viele von euch sich immer wieder durch den Code wühlen, und überprüfen ob auch wirklich alle Klammern und Kommas gesetzt worden sind. Mit dem Ext Designer wird das nun leichter. Er kann visuell alle Komponenten die es in Ext gibt zusammenstellen, konfigurieren und den Datasource wählen. Danach kann bequem das ganze Projekt exportiert werden. Viele neue Features sind integriert worden und viele Bug Fixes wurden behoben. Wem also das viele Schreiben von Code nicht mehr passt versucht es einmal damit.

Den Ext Designer gibt es aber leider nicht gratis. Die ersten 15 Tage können voll umfänglich genutzt werden doch danach muss gezahlt werden. Die Preise sind von 219 Dollar bis zu 15689 Dollar anzutreffen. Je nach dem für was man den Designer braucht. Ihr könnt den Designer auf der Seite http://www.extjs.com/products/designer/download.php herunterladen. Und wer wissen will wie viel das ganze Kostet gibt es auf http://www.extjs.com/store/designer/ die Preispolitik.

Browservergleich im Performance Test

Habe auf Six Revisions einen Artikel gefunden, welcher verschiedene Kriterien von Browsern getestet hat. Folgende Browser wurden gestetet: Mozilla Firefox 3.5, Google Chrome 3.0, Microsoft Internet Explorer 8.0, Opera 10.0, and Apple Safari 4.0. Kriterien wie Javascript Speed, CPU Belastung, CSS, Page Load und noch weitere wurden unter die Lupe genommen. Der Gewinner war klar Google Chrome 3.0 und wie könnte es anders sein, auf dem letzten Platz IE 8.

Den vollständigen Bericht könnt ihr unter http://sixrevisions.com/infographics/performance-comparison-of-major-web-browsers/ nachlesen.

Design Studie – Smashing Magazine

Ich habe einen interessanten Artikel über eine Designstudie von Smashing Magazine gefunden. Es geht um den Aufbau, Layout und Elemente die viele Websites momentan anwenden. Richtlinien, die sich jeder Webdesigner oder Programmierer zu Herzen nehmen sollte.

Die Zusammenfassung hat bei der Studie folgendes ergeben:

• 82% of the portfolio websites we analyzed have a light design, with neutral, calm colors,
• 79% have traditional “block” layouts, with two to three columns clearly separated and a simple, conveniently located navigation menu,
• 79% of websites have some kind of introductory block in their upper area,
• 89% have horizontally centered layouts,
• 80% have large horizontal navigation,
• 51% have horizontal navigation with right-aligned elements,
• 89% do not have search functionality,
• Only 3.7% use Flash heavily throughout the website,
• A contact link appears in the upper-right corner 71% of the time, and/or in the footer 45.4% of the time,
• 89% have the link to the “about us”-page in the main navigation,
• Only 47.2% have a client page,
• 67.2% of portfolios have some form of standalone services page,
• 63.6% have a detailed page for every project, including case studies, testimonials, slideshows with screenshots, drafts and sketches,
• 74.5% of websites have no workflow page,
• The contact page should contain driving directions, a phone number, email address, postal address, vCard and online form.

Wenn ihr mehr lesen wollt, könnt ihr dies auf dem untenstehenden Link tun. Viel Spass beim lesen.

http://www.smashingmagazine.com/2009/09/17/portfolio-design-study-design-patterns-and-current-practices/

Facebook App auf zuhause.li

Ich habe ein bisschen rumgebastelt und versuchte eine Facebook App auf WordPress zu bauen. Ihr könnt euch nun auf dieser Seite zu Facebook einloggen, Freunde einladen und Kommentare werden automatisch auf Facebook veröffentlicht.

Hoffe es gefällt euch.

See you soon!

WordPress Hilfe – Bedienung

Für alle die, die bei der Administration von WordPress nicht so ganz klar kommen, habe ich auf der WordPress Webseite eine kleine Doku gefunden. Vielleicht nützt sie dem einen oder anderen.

Hier findest du die Anleitung für den Administrationsbereich auf Deutsch.