Im Jahr 2010 wählten sich rund 16% der Internetnutzer über das Handy ein. Nach Angaben des Statistischen Bundesamtes hat die mobile Internetnutzung damit im Vergleich zum Vorjahr um 78% zugenommen: 2009 lag der Anteil der Internetnutzer per Handy noch bei 9%. Der Nutzen ist stark altersabhängig. Den höchsten Anteil an Internetnutzern hatten im Jahr 2010 die 16- bis 24-Jährigen mit 98%. Insgesamt nutzten drei Viertel (75%) aller Personen ab zehn Jahren das Internet (2009: 73%).

Websites die für mobile Geräte konzipiert sind, werden somit immer wichtiger. Zurzeit investieren viele Marken in Apps, jedoch wird dies bei steigender Anzahl von Betriebssystemen und Gerätehersteller immer aufwendiger und teuerer alle Geräte abzudecken. Deshalb denken wir, dass die Zukunft mobilen Websites gehört welche für dessen Gebrauch konzipiert sind. Die Aufwände für die Entwicklung und Maintenance können stark reduziert werden. Zudem sind die Möglichkeiten welche HTML5, CSS3 und JavaScript bieten enorm (Offline Modus, Embedded Content, Video, etc. ). Bei der Recherche zu diesem Artikel ist uns aufgefallen, dass die mobilen Websites noch sehr rar gesät sind. Doch wir sind optimistisch dass sich dies in den nächsten Jahren ändern wird.

Um die Websites in diesem Artikel anzuschauen, lohnt es sich diesen Artikel über unsere Mobile Website aufzurufen oder allenfalls einen Mobile Phone Emulator zu verwenden, da die meisten mobilen Websites das Betriebssystem erkennen und den Benutzer auf die entsprechende Seite umleiten. Nachfolgend findet ihr eine Auswahl von mobilen Websites die uns ziemlich beeindruckt haben.

Eine Website kann übrigens ganz einfach als Icon dem Bildschirm hinzugefügt werden. Einfach im iPhone Safari Browser auf das Plus-Zeichen tappen und “Zum Home-Bildschirm” anwählen. Name geben und hinzufügen. Am besten gleich ausprobieren.

Was ist eure Meinung zu der Zukunft des mobilen Webs? Wer macht das Rennen, die Apps oder Mobile Websites? Sagt es uns im Kommentar.

Toi Soldier

Diesel

Sevnthsin

Threadless

Jet Films

Please fix the iPhone

Eroi

Tumblr

Mail Chimp

M1K3

Victoria Secret

DPTO

Auxiliary Design

Zootool

MOS Creative

Yiibu

Vimeo

Analogue

Hugetype

Das iPhone ist mehr als nur ein Telefon. Es kombiniert drei Geräte in einem: ein revolutionäres Mobiltelefon, einen Widescreen iPod und ein wegweisendes Internetgerät.

Das iPhone wird mit großartigen Apps geliefert. Und im App Store kannst du aus tausenden weiteren wählen, die du mit einem Fingertipp laden kannst. Und mit jeder neuen App wird dein iPhone noch besser. Spielen. Produktiver arbeiten. Spaß haben. Ganz egal, was du mit dem iPhone machen willst, es gibt für fast alles eine App.

Wir haben euch nun eine Selektion von über 40 Apps herausgepickt welche ihr zum Coden, Designen und zum Planen euer Projekte optimal einsetzen könnt. Ihr werdet überrascht sein was das iPhone alles kann!

Fonts & Design

WhatTheFont – Hast du schon mal eine Schrift in einem Magazin, auf einem Poster gesehen und dich gefragt welche Schrift das sein könnte. Mit dieser App kannst du nun ein Photo davon machen und WhatTheFont identifiziert sie in Sekunden.

FontShuffle – FontShuffle ist die schnellste Inspirationsquelle für Schriften. Über 650 Schriftfamilien sind wie ein Stammbaum nach Ähnlichkeiten sortiert oder stelle deine Lieblingsschrift mit eigenem Mustertext dar.

Fonts Preview – Die App ermöglicht es iPhone Entwicklern eine Vorschau aller  Schriften für das iPhone OS 3.0 zu erhalten. Dies macht es um einiges einfacher die Schrift für das nächste Projekt zu wählen.

Palettes – Palettes ist ein Tool um Farbpaletten zu erstellen oder zu unterhalten. Du kannst Farben aus Fotos, Websites herauspicken oder aus 5 Farbmodellen die gewünschte Farbpaletten zusammenstellen.

cliqcliqColors – Designer oder Entwickler welche mit CSS/HTML/Flex, Flash oder anderen Technologien arbeiten verwenden eine menge Zeit um die korrekten Farben zu finden und diese entspechend in RGB, HSB oder Graustufen zu konvertieren.

Brushes – Brushes ist eine Mal-App welche von Grund auf für das iPhone oder den iPod Touch entwickelt wurde. Features sind ein Farbpicker, diverse Brushes, Layers, Zooming und ein einfaches Interface welches erlaubt kreative Kunstwerke zu kreieren.

CameraBag – Diese App erlaubt es verschiedene Kamera Stile und Formate auf ein Foto anzuwenden. Zu Beispiel kann auf ein bestehendes oder neu aufgenommenes Foto ein Fisheye, Infrafrot oder Mono Effekt angewendet werden.

ColorSplash – Füge deinen Fotos mit ColorSplash schnell und einfach einen coolen Effekt hinzu. Konvertiere die Fotos in schwarz/weiss und belasse einige Stellen mit Farbe, dies erhöht die Aufmerksamkeit auf die farbigen Stellen auf dem Foto.

HEX RGB Colors Guide – Eine praktische Referenz passend für Webdesigner, Blogger, Print-Designer oder anderen welche mit Farben arbeiten. HEX RGB Colors Guide gibt eine einfache Referenz zu allen RGB und HEX Farbcodes.

Pixelpipe – Lade jetzt mit einem Fingertipp all deine Fotos, Videos und Messages über dein iPhone direkt auf deine Lieblings-Social Networks, Micro-Blogs wie Flickr, Youtube, Vimeo, Twitter, Blogger, WordPress, etc.

Coding & Development

HTML Cheat Sheet – Eine Kollektion aller HTML-Tags immer in der Tasche. Eine Referenz für Themen die du mal gelernt hast, jedoch Auffrischungsbedarf herrscht oder für Beginner welche die Möglichkeiten von HTML besser verstehen wollen.

CSS Kochbuch – Mit dem CSS Kochbuch erfahrt ihr Wissenswertes über den Einsatz von Klassen- und ID-Selektoren, Positionierung und Tipps rund um die Typografie fürs Web.

CSS Cheat Sheet – Jeder erfahrene Web-Entwickler braucht von Zeit zu Zeit eine Auffrischung in die Möglichkeiten von CSS. Genau dies bietet diese App. Es hat ein einfaches Interface mit Suchfunktion.

Learning PHP, MySQL, and JavaScript – Diese APP erklärt jede dieser Technologien einzeln, zeigt wie man sie miteinander kombiniert und zeigt wertvolle Web Programmierungs-Konzepte, wie Objekte, XHTML, Cookies und Session-Management.

PHP Cheat Sheet – Eine Kollektion der PHP Syntax immer in der Tasche. Benutze es um Funktionen die du mal gelernt aber gerade nicht zur Hand hast, aufzufrischen und Beginnern fällt der Einstieg in PHP einfacher.

PHP Ref – PHP Ref bietet PHP Entwicklern eine Referenz aller 5149 Standardfunktionen von PHP. Suche einfach nach der gewünschten Funktion, wähle sie und schau was sie macht und wie sie ausschaut.

RegEx Cheat Sheet – Mit dieser App können Regular Expressions nachgeschlagen werden und direkt in der App geschrieben und getestet werden. Es bietet eine Referenz aller Regular Expressions.

jQuery Cheat Sheet – Jeder erfahrene Web-Entwickler braucht von Zeit zu Zeit eine Auffrischung in die Möglichkeiten von jQuery. Genau dies bietet diese App. Es hat ein einfaches Interface mit Suchfunktion.

Ruby on Rails: Up and Running – Dieser Guide hilft dir die Basics der Installation zu verstehen sowie die Ruby Scriptsprache und das Rails Framework für die Entwicklung von Web Applikationen zu benutzen.

Ruby Helper – Mit dieser Applikation kannst du nach Klassen, Modulen und Methoden von Ruby on Rails suchen. Es werden jeweils die Beschreibung zu jeder Klasse, Modul und Methode angezeigt.

Datenbanken

iMy – iMy ist ein kompletter MySQL Client für das Iphone. Es bietet die Möglichkeit komplexe Queries zu generieren ohne dabei nicht mal die Tastatur zu benutzen. Diese können direkt in Google Spreadsheet exportiert werden.

MobileCan – MobileCan ist ein Query und Datenbank Management Tool für PostgreeSQL Datenbanken. Es bietet die Möglichkeit dynamisch aus Tabellen, Feldern or SQL Statements Queries zu bilden.

MySQL Cheat Sheet – Jeder erfahrene Web-Entwickler braucht von Zeit zu Zeit eine Auffrischung in die Möglichkeiten von MySQL. Genau dies bietet diese App. Es hat ein einfaches Interface mit Suchfunktion.

Database Viewer Plus – Database Viewer Plus bietet dir die Möglichkeit jede Datenbank über Wireless anzuschauen und upzudaten . Folgende Datenbanken werden unterstützt: MS Access, MS Excel, FilePro, Oracle, SQL Server, DB2, MySQL, PostgreSQL, etc.

Blogging

WordPress 2 – WordPress 2 ist eine iPhone App mit welcher du auf dem WordPress Blog Posts schreiben, Fotos uploaden oder deine Seiten editieren, Kommentare beantworten und bearbeiten kannst.

BlogPress – BlogPress ist schnell, einfach zu handhaben und hat viele Features um von unterwegs zu bloggen. Es werden viele Blogs wie Blogger / MSN Live, WordPress, Movable Type, TypePad, Livejournal, Drupal, Joomla, etc. unterstützt.

iBlogger – iBlogger bringt Mobile Blogging auf dein iPhone. Kompatibel mit fast allen Blogs (WordPress, ExpressionEngine, Movable Type, TypePad und vielen weiteren) kannst du Bloggen, Photos uploaden, Taggen, Kategorien erstellen und vieles weiteres.

Pingle – Pingle ist eine App für das Ping.fm Social Netzwerk. Mit Pingle kannst du Text posten, Fotos uploaden und deine Blogs updaten. Support für Facebook, Twitter, MySpace, FriendFeed, Flickr, WordPress, Blogger, Brightkite, Livejournal, Linkedin und weitere.

Website Monitoring

Ego – Ego gibt dir eine zentrale Anwendung um deine Webstatistiken unter Kontrolle zu haben. Unterstützt werden Ember, Feedburner, Google Analytics, Mint, Squarespace, Twitter, Vimeo und weitere.

OSCStats – Mit OSCStats hat man immer die aktuellsten Auswertungen der OSCommerce Shops dabei. Tägliche, monatliche und jährliche Auswertungen des aktuellen Jahres, sowie vergangener Jahre können abgerufen werden.

Network Utility – Mit Nework Utility kann der Server Status jederzeit abgerufen werden, unterstützt werden Ping, TCP/IP Port Scan, GeoIP lookup, Geotargeting, Whois, IP Address Information, Speichern von Hostnamen/IP’s.

Analytics App – Mit der Analytics App hat man nun jederzeit Zugriff auf sein Google Analytics Konto. 46 Reports zeigen bis zu 100 Zeilen Daten, detaillierte Übersicht aller Reports und eine sichere Connection zu Google sind inbegriffen.

FileSharing

ZumoDrive – Mit ZumoDrive bringst du all deine Photos, Musik und Dokumente auf dein iPhone. Die Grösse des Speicherplatzes spielt keine Rolle da die Files auf dem ZumoDrive Server liegen.

Air Sharing – Mit Air Sharing kann das iPhone als WLAN-Laufwerk unter Mac, Windows oder Linux eingerichtet werden. Die Dateien zwischen iPhone bzw. iPod touch können per Drag&Drop auf den Computer verschoben werden.

Files - Speichere oder betrachte Dokumente auf deinem iPhone oder iPod touch, übertrage die Dateien schnell und einfach von jedem Mac oder PC. Die Dokumente können direkt als E-Mail-Anhang versendet werden und Bilder haben eine Voransicht.

ReaddleDocs – ReaddleDocs ist eine Dokument und File-Management Lösung für das iPhone und iPod touch. Files können von Mac, Windows oder Linux Maschinen, sowie Websites, E-Mail attachements und MobileMe Accounts geholt werden.

Quickoffice Files - Mit Quickoffice Files kannst du über RemoteAccess direkt auf deinen MobileMe iDisk Account zugreiffen, Files via Wifi direkt auf deinen Mac oder PC laden und das alles per Drag&Drop.

Allgemeines

Twitterfic – Der einzig wahre Mobile-Twitter Dienst der einfach zu handhaben ist. Viele Features wie das managen mehrerer Twitter-Accounts, Anzeige von Direct Messages, RT, URL-Shortener, E-Mail, Text, etc.

NetNewsWire – NetNewsWire ist ein RSS Reader für das iPhone. Damit kannst du alle News der Blogs und Websites welche einen RSS Feed anbieten lesen. NetNewsWire synchronisiert über GoogleReader, deshalb ist ein Google Account notwendig.

Delicious Bookmarks – Öffne und speichere einfach deine Bookmarks über den Delicious Account. Suche und Tagge deine Bookmarks, speichere direkt aus dem Safari Browser oder schaue die Websites direkt im implementierten Browser an.

iBlueSky (mindmapping) – iBlueSky ist eine Mindmapping App welche es erlaubt unterwegs Mindmapps zu erstellen. Diese können über Novamind, Freemind oder OPML Formate importiert werden und via E-Mail in diversen Formate exportiert werden.

OmniFocus – OmniFocus ist ein Task-Management Tool mit welchem man seine Projekte, Orte, Personen und Termine organisieren kann. Die Daten können über Wi-Fi mit dem Mac abgeglichen werden.

CalenGoo – CalenGoo ermöglicht einen einfachen und schnellen Zugriff auf den Google Kalender über das iPhone oder den iPod Touch. Es kann auch ohne permanente Internetverbindung benutzt werden.

Jobs – Time Sheet + Tracking – Mit Jobs können TimeSheets ganz einfach erstellt werden. Einfach Job Name eingeben und den Tracker starten. Die Timesheets können als CSV oder via E-Mail versendet werden.

Der Usability Experte Jakob Nielson lies auf seinem Blog verlauten:

Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures.

Unrecht hat er damit sicher nicht. Die User sind sich nicht sicher was sie genau eintippen, dies führt dazu das Schreibfehler passieren, oder die Benutzer simple Passwörter benutzen. Komplexe Kombinationen werden mit Copy/Paste kopiert was die Sicherheit sogar markant verschlechtert.

Die Chance, dass euch jemand beim eintippen eines Passworts zuschaut ist ziemlich klein. Die meisten Leute sitzen alleine an ihrem Arbeitsplatz, und wenn sich nicht eine geheime Kamera hinter mir in der Pflaze am Ecken befindet, was ich nicht hoffe – so ist die Chance sehr gering das mir jemand zuschaut. Warum also nicht die Usability für den Benutzer erhöhen.

Einen guten Ansatz hat Apple mit dem Iphone/Ipod und deren Eingabe der Passwörter gefunden. Jeweils nach Drücken eines Buchstabens wird dieser angezeigt und verschwindet bei der nächsten Eingabe wieder. Dies ist ein ziemlich eleganter Weg die Sache zu handeln.

Wir haben uns nun gefragt, warum diese Technologie nicht auch bei Web-Anwendungen verwendet werden soll. Schlussendlich sind die Benutzer zufriedener und erhalten ein besseres Gefühl beim einloggen. Nach einer Recherche wurden wir fündig; die Internetagentur DECAF in Berlin hat uns bereits die Arbeit abgenommen ein eigenes Plugin für jQuery zu schreiben.

Features
1. Es muss nichts am HTML Code verändert werden. Das Plugin erkennt die Felder am Input Type
2. Unkompliziert – sogar Nicht-JavaScriptler können das Plugin einsetzen
3. Copy&Paste wird unterstütz
4. Optionsmöglichkeiten: Interval, Verzögerung, Ersetzungs-Charaktere, Prefix, Debug-Mode

Installation
Ist ziemlich easy :–)

1. jQuery runterladen und einbinden (Tutorial hier)
2. Plugin hinzufügen
3. dPassword Funktion aufrufen

Und das Ding läuft bereits.

Hier findet ihr eine Demo.
Hier gehts direkt zum Download.