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.

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.

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.

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/

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!

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.

Dank der Seite http://www.bravenewcode.com/wptouch/ ist nun mein blog auch iPhone tauglich. Einfach mit dem iPhone auf meine Seite gehen und ihr habt ein konfortables Design und Navigation für den Safari Browser. Coole Sache und gibt für das Rating 5 Sterne.

Ich habe mir erlaubt, meine zuhause.li wieder einmal neu zu gestalten. Dazu habe ich ein Framework Namens Mocha UI verwendet, das auf dem Mootool basiert. Schauts euch an und wäre um Feedback froh.

Link: www.zuhause.li

Hallo miteinander. Ich hatte seid einiger Zeit Probleme meinen Hintergrund des iPhones zu ändern und habe eine gute Lösung dafür gefunden. Bevor wir beginnen müsst ihr 3 Dinge haben.

Fürs iPhone:

• iPhone mit installiertem BSD und openSSH
• Wi-Fi Netzwerk inkl. Schlüssel (Zugangsdaten)

Für Mac

• CyberDuck 2.8.5

Vorgehen Verbindung zu iPhone:

Die Anleitung findet ihr hier in diesem Forum

Vorgehen nach Verbinung mit CyberDuck

1. Geht in diesen Folder: /private/var/mobile/library
2. Löscht das Bild: lockbackground.jpg (oder so ähnlich, einfach das .jpg löschen)
   
3. Und schon könnt ihr bei eurem iPhone wieder selber Hintergrundbilder auswählen
   

Wie ihr alle ja schon mitbekommen habt, ist der Mozilla Firefox 3 draussen. Wer nun das Addon Firebug installiert habt, wird merken, dass dieses nicht mehr Funktioniert. Ich habe gerade eine neue Firebug Version gefunden, die ohne Probleme mit Firefox 3.0 funktioniert. Einfach herunterladen und los gehts.
Direkt Download Firebug 1.2.0b6

Besuche die Addon Seite von Firefox