iPhones erobern das Web – Designanleitungen
Die Grundlage – ein PSD zur Gestaltung.
iPhone-Basteln: GUI als PSD — datenkind/blog.
http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
12 Tipps für iPhone Development
Entwicklungstipps auf deutsch mit Scripten
http://rootserver-blog.de/javascript/webentwicklung-fur-den-iphone-safari/
Lass dich inspirieren – ein Verzeichnis.
Bildbearbeitung ohne Bildbearbeitung – mypictr
Eben bei Mr.Wong entdeckt. Ein Service um aus bestehenden Bilder Ausschnitte zu extrahieren.
Derzeit verfügbar für Xing, Mr.Wong, Last.fm, Facebook – aber auch für dein Social Network!
mypictr – we make your profile picture.
Woran man Amateure erkennt | Fehler, Webdesign | Dr. Web Magazin
Schon 2003 war dem Macher von Dr.Web und Smashing Magazine klar was schlechtes Webdesign bedeutet. Daran hat sich bis heute nichts geändert – geht es doch um grundlegenden Dinge wie Gestaltung und Benutzbarkeit /Usability/.
Woran man Amateure erkennt | Fehler, Webdesign | Dr. Web Magazin.
Trotzdem finde ich dass man das ganze locker sehen sollte und auf gutes Design zu recht stolz sein kann.
CSS Transparenz by Tobias Otte
Super Tutorial zum Thema CSS Transparenz:
CSS Transparenz | Tobias Otte.
Von Tooltips, dem Title tag – das mal raus und mal rein soll
Tooltips sind eine schöne Sache um platzsparend Hinweise im Text unterzubringen. In allen Browsern werden diese automatisch erzeugt sobald das Attribut “title” einem Link hinzugefügt wird. Man kann so weitere Informationen zu einem Link bei Bedarf sichtbar machen. Diese Informationen werden bei der verweildauer von einigen Sekunden angezeigt und verschwinden dann wieder.
Darüber hinaus gibt es Tooltips auch bei lokaler Software wie Wikipedia weiss: http://de.wikipedia.org/wiki/Tooltip.
Es gibt Freunde der Tooltips die diese sogar vergrößern und mit css formatieren wollen:
- per Javascript: http://www.walterzorn.de/tooltip/tooltip.htm
- http://webmatze.de/wirklich-einfache-javascript-tooltips/
- Mit Javascript Bibliotheken wie jQuery lassen sich diese ebenfalls darstellen: http://flowplayer.org/tools/tooltip.html
- Geht aber auch mit css: http://www.webbe.de/index.shtml?CONTENT=script_css_tooltip;LANG=de
Es wäre alles so einfach wenn jeder diese Features, die aufwändig eingebaut und entworfen wurden auch mögen würde. Ist aber nicht so.
Das Smashing Magazine geißelt die Tooltips besonders bei der Verwendung in Menüs. Durchaus verständlich wenn sie keine zusätzlichen Funktionen sondern nur eine Wiederholung des Menüpunkts darstellen. Hier mehr dazu ….
Remove Tooltips – Tooltips entfernen
Also weg mit dem Zeug, aber wie?
Die einzig durchschlagenden Möglichkeit sehe ich im radikalen Entfernen des title Attributs.
Tooltips bei Joomla
In Joomla fehlen die Title tags, solange man das Standard Menü verwendet. Des einen Freud’ ist des anderen Leid, daher gibt es auch eine sehr ausführliche Anleitung wie man diese reinkriegt: http://www.gn-webdesign.de/joomla-tutorials/mainmenu-title-attribut.html.
Templates für alle möglichen und unmöglichen CMS
Auf dem http://www.themeswiki.org/ finden sich Anleitungen zum Erstellen von Templates von vielen verbreiteten Content Management Systemen.
Eine wunderbare Sammlung, wenn auch nur auf englisch.
Besondere Schriften mit HTML und CSS oder javascript einbinden
Oft wollen Kunden Ihre Schrift auf der Homepage und nicht irgend so eine normale Schrift wie Arial oder Verdana oder so. Die Zeiten als man das dann als Bild einfügte sollten vorbei sein, Flash will auch nicht jeder benutzen, daher ist ein CSS basierte Lösung auf jeden Fall erste Wahl.
Wer wenn nicht Stu Nicholls von CSSplay wüsste dazu eine Lösung? Lauffähig unter IE6, 7, 8, Firefox, Opera und Safari – ansonsten Darstellung der Schrift mit Arial.
HTML und CSS
Hier die Idee: http://www.cssplay.co.uk/menu/fonts.html, umgesetzt mit den FontKits von Fontsquirrel.com http://www.fontsquirrel.com/fontface, dort kann man verschiedenste Schriften, jeweils mit Muster HTML&CSS herunterladen.
Ausserdem ist es dort möglich mit dem Fontfacegenerator eigene opentypes und truetypes herzunehmen!
Javascript, Flash und CSS
Eine weitere Variante ist das cufon script, das es hier: http://wiki.github.com/sorccu/cufon/ gibt. Es nutzt javascript um Flashfonts einzubinden – allerdings ohne das Plugin zu benötigen. Eigene Fontfiles können mit dem Generator von vorhandenen ttf otf oder pfb files erstellt werden. Eine nette Sache wie ich finde…
Eigene Tabs auf Facebook Seiten
Vielleicht haben Sie schon Facebook-Seiten gesehen auf denen Tabs zu finden waren die Sie nicht einfach hinzufügen können? Zum Beispiel mein Schmuckladen : http://www.facebook.com/pages/pixelhorse-grafik-und-webdesign/187139934400?v=app_4949752878 ?
Zunächst ist es nicht möglich, dies auf einer Profilseite zu machen – es geht nur bei Seiten.
Mehrere Schritte sind nötig:
- Hinzufügen der Application Static FBML zur entsprechenden Seite
- Seite zum bearbeiten öffnen
- FMBL bearbeiten
- Der Titel enthält die Bezeichnung des Tabs, das Feld darunter kann mit HTML Code gefüllt werden – wobei auch Stile eingefügt werden können. Bilder und Links sollten immer absolute Verweise haben.
- Weitere Seiten lassen sich über den Link Weiteres FBML-Feld hinzufügen am unteren Rand einrichten.
Woher ich das alles weis? Nun, 10e20.com beschreibt das auf Englisch und etwas detaillierter searchengineland.com … und auch bei kampagne20.de wird auf deutsch darüber berichtet – allerdings etwas textlastig.
Neuer Blog für Rasso K – aus Mambo wird Wordpress
Nach der Erstellung der Rasso K Seite mit dem CMS Mambo ca. 2003 und diversen Updates folgte nun ein Blog mit Wordpress.
Die alten Seiten sind noch über old.rasso-k.de zu erreichen.
Template für CMS
Preis | 135,00 €
Jetzt kaufen |
Webdesignhelfer
Skype Online Status
Das Spiel mit CSS ist noch lange nicht vorbeipixelhorse on flickr
-
Kommentare
- admin
bei Alles Blind oder Text?! - isa
bei Startseiten und allerlei anderes im Dezember
- admin
-
