Guymon

Webbased Code Editing

Beeindruckend was mit JavaScript möglich ist. Ein verdammmt cooles Beispiel ist Bespin aus den Mozilla Labs:

Bespin is a Mozilla Labs experiment that proposes an open, extensible web-based framework for code editing that aims to increase developer productivity, enable compelling user experiences, and promote the use of open standards.

Ok, ich gebe zu ich sehe mich noch nicht meinen Desktop Editor gegen Bespin zu tauschen, aber das Projekt ist zum einen beeindruckend von der Technik und es gibt einige sehr nette Ideen in dem Editor.

Eine Video Einführung gibt es bei vimeo.

Online Favicon Generator

Der Favicon Generator erlaubt es online Favicons zu erstellen oder Bilder in das ICO Format zu konvertieren.

Although many modern web browsers support favicons saved as GIFs, PNGs or other popular file formats all versions of Internet Explorer still require favicons to be saved as ICO files (a Microsoft icon format). This tool provides an easy way to convert any GIF, PNG or JPEG to ICO which is supported by all modern web browsers. It also enables you to create favicons from scratch via a handy online editor. Additionally the editor lets you manually tweak generated favicons to ensure the best possible result.

Barrierefreiheit im Web

Im Chaosradio Express sprechen Tim Pritlove, Tomas Caspers und Jan Eric Hellbusch knapp 2 Stunden über Accessibility.

Unter anderem geht es um folgende Themen: Geburt des Web Standards Project, Auswirkung der Farbwahl in Webseiten für Farbenfehlsichtige, Bedeutung der Struktur und semantischem Markup für Blinde, Vorteile von barrierefreiem Design für nicht-behinderte Nutzer, Screenreader-Programme und vergleichbare Funktionalitäten in Betriebssystemen, Aspekte der Gebärdensprache, Aufbau, Anwendung und Testbarkeit der Web Content Accessibility Guidelines der W3C, Gesetzliche Vorgaben und Verpflichtung zur Barrierefreiheit für Behörden und öffentliche Körperschaften und Accessibility für Podcasts.

Formulargestaltung

Bei Web Design Tut gibt es einen ausführlichen Artikel über die Gestaltung von Formularen.

In this post, I want to explore the countless tools and resource for designing forms, and I want to show you how you can use these tools to your benefit to create the perfect form that will help to maximize conversions, sales, subscribers or for whatever else you may be using your form.

Web Design Best Practices

Harry Roberts stellt auf Web Design+ einige Best Practices im Web Design vor.

Welcome to Web Design+. This is, in no particular order, an amalgamation of web-standards solutions for common web development issues and problems — a way to tackle development in the cleanest, most accessible and semantic way possible. By using Web Design+, the aim is to standardise practices throughout an organisation; from accessibility to hacks, Web Design+ covers the best ways to tackle a variety of dev problems.

The idea of Web Design+ is not to force techniques and methods onto developers, but to offer the best known ways of getting round problems, and generally better coding and developing standards in terms of accessibility, maintainability, usability and longevity.

Ich finde die Liste recht gelungen. Und einmal mehr die Umrechung von px nach em, weil ich das immer wieder vergesse:

html{ font-size:16px; }  
body{ font-size:62.5%; }  
p{ font-size:1.2em; }