WebDevTeam’s Blog

Schaut euch einfach mal das Video an. Fetzt oder?

Ich habe das ganze mal probiert, für Firefox braucht man Google Gears, im portablen Google Chrome ging es auch nicht. ABER im (Windows) Safari ging es sofort und genauso einfach wie im Video gezeigt.

Die Samples bietet eine ganze Menge von Beispielen. Die Gründe für Gears, die allgemeine Benutzung und die Weiterverwendung nach den ganzen Änderungen (Deploying) ist sehr gut beschrieben.

Hier mal ein paar Links, die ich in den letzten Wochen gefunden habe und durchaus lesenswert finde:

Browser

• Definitive Guide to Taming the IE6 Beast
• ie6nomore

CSS

• CSS Tip #2: Structural Naming Convention in CSS
• CSS Filter Hacks
• 5 Important CSS Hacks for IE That You Should Know
• The Definitive Guide to Using Negative Margins

E-Commerce

• 13 Tips For A Better E-Commerce Website

JavaScript

• What You Need To Know About JavaScript Scope
• Event Driven Programming with jQuery Tutorial

Wireframes

• Using Wireframes to Streamline Your Development Process
• The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes
• Better Perspective in WireFraming

ecommr “a collection of e-commerce interface and design elements” bietet – wie die Beschreibung schon – sagt eine (wirklich sehr gute und) kategorisierte Zusammenstellung vom Interface-, Interaction und Designelementen, die auf E-Commerce Seiten eine Rolle spielen.

Wenn man schnell mal einen Wireframe machen möchte, empfehle ich Pencil (Homepage), ein kostenloses Firefox Addon “Pencil is a free and opensource tool for making diagrams and GUI prototyping that everyone can use”.

Quelle: https://addons.mozilla.org/en-US/firefox/addon/8487

Man kann auch weitere “user-defined stencils” ergänzen.

Ich habe gerade von einem Kollegen eine sehr schöne Seite als Link bekommen, die sich mit UI Pattern befasst:

Infragistics Quince UX Design Patterns Explorer.

Quince (pronounced kwinse) is a rich, interactive user experience (UX) design patterns library produced for the software community by Infragistics at no charge.

Der nächste Mini Artikel mit nur einem Link: CartFrenzy is a Showcase of Excellence in eCommerce Web Design. CartFrenzy listet alle möglichen eCommerce Seiten auf.

Schade, dass der Server wegen Überlastung scheinbar down ist, das hätte ich mir doch zugern mal angesehen. Und zwar haben koreanische Entwickler einen Generator für Mashups komplett mit YUI gebaut. Den Artikel dazu findet man bei Ajaxian: Uizard – a web mashup generator written in YUI.

Wer Inspirationen und Beispiele für Wireframes braucht, sollte hier mal vorbeischauen: I love Wireframes.

Update 24.04.:

Grace Smith hat einen interessanten Artikel zu Wireframes geschrieben: Get Wireframing: The All-In-One Guide.

Wenn man auf der Suche nach Inspirationen für Slideshows, Alternativen für Browser Scrollbars und Paging ist, dann ist diese Liste vielleicht hilfreich:

• Slideshows In Web Design: When And How To Use Them
• MopBox
• jQuery Content Gallery Plugin
• Ultra versatile slider for websites
• A Better Pagination
• 70 New, Useful AJAX And JavaScript Techniques – Abschnitt “6. Slideshow Examples and Demos”
• Adobe Flex PagedList
• Apple Product Gallery with jQuery Slider Gallery
• Cover Flow

Update:

• Content Slider Demonstration

Mockups bzw. Wireframes sind im Interaction Design für die Visualisierung das A und O. Dazu bedarf es auch der richtigen Tools. Vor ein paar Tagen habe ich zwei Sachen gefunden:

• Mockups For Desktop direkt im Adobe Air Marketplace (allerdings 79$) und
• iPhone Mockup, was bei mir allerdings nicht funktioniert.