Lesbare Seiten per Tastendruck

Ein sehr zu empfehlenden Browsershortcut habe ich heute gefunden. Es handelt sich um ein Anwendung die das Design von Seiten so anpaßt, dass sie einfacher zu lesen sind. Im Grunde wird alles was nicht zum Content, wie Werbung Sideboxen etc., gehört entfernt und der Text angenehm lesbar angeordnet. Diese Funktion kennt man bereits von diversen Brwoser-AddOns, mit denen man die Stylesheets selbst anpassen kann. Allerdings macht uns dieses AddOn die Sache besonders einfach.
Damit es noch etwas Individualität gibt, kann man sich auf der Seite Readability seine bevorzugte Ansicht auswählen und einen Link als Favorite in der Browserzeile abspeicheren. Ein Klick genügt und die Seite wird umgewandelt in dem das aktuelle Stylesheet überschrieben wird.

Im Beispiel zeigt sich die SPON-Seite in der normalen Ansicht sehr überladen und nach der Umwandlung, für die nur ein Klick genügte, wird sie einfach lesbarer.

Geschrieben in Web 2.0, Webdesign | Keine Kommentare

HTWK - neues Design aber Typo3

Die HTWK-Leipzig, Ihres Zeichen Fachhochschule, verschafft Ihrem Internetauftritt nach 10 Jahren endlich ein neues Gesicht. Das nüchterne Design ist jetzt nicht der große Wurf, aber wird seine Aufgabe gut meistern. Ich bin gespannt auf die Funktionalitäten in den einzelnen Bereichen, vor allem im Absolventenbereich, da ich ja ein solcher bin.

Bedauerlich das es nicht nach Innovation schnuppert, das macht sich ebenso im CMS bemerkbar. Schade find ich, dass für den Betrieb Typo3 verwendet wird, das Urgestein der CMSysteme wird wie schon den Mediencampus auch die neuen Seiten der HTWK antreiben. Da hätte man doch bestimmt was anderes finden können (Ist eigentlich ein ordentlicher Benchmark gemacht wurden?).

Ich möchte gar keine Diskussion lostreten sondern nur mein Unmut über diesen Dinosaurier kundtun (Große Masse kleines Hirn), dem meiner Meinung nach völlig unverhältnismäßig viel Beachtung in unserem Land geschenkt wird.

Schön fand ich seinerzeit die Anmerkung von Jemanden: „Typo3 wird doch nur deswegen so gerne als CMS vertrieben, da man gleichzeitig zum System aufwendige Schulungen verkaufen kann.”

Zum Thema Typo3 ein paar schöne Zusammenfassungen hier und hier.

Geschrieben in Leipzig, Webdesign | Keine Kommentare

Ornamente - Schriften verfeinern

Wie man Schriften mit Ornamenten verfeinert, kann man im Tutorial Portal von abduzeedo nachlesen. Wenn man mal viel Zeit hat, sollte man dies ausprobieren. Wer noch weitere Resourcen und Inspiratienen für Ornamente benötigt, kann sich bei cameronmoll ein Auge und die notwendigen Downloadlinks holen. Viel Spaß! (gelesen beim Webdoc)

Geschrieben in Inspiration, Webdesign | Keine Kommentare

Filme und Kinoprogramme noch leichter finden

Ganz frisch entdeckt und gleich die Frage: Warum erst jetzt? Vermute es gab diese Funktion schon früher, oder? Jedenfalls kann man das aktuelle Kinoprogramm der umliegenden Kinos über eine einfache Suche bei Google finden. Mir ist es aufgefallen als ich nach der Rezension eines Titels gegoogelt habe. Bei der Ergebnisansicht taucht als erstes ein kleines Formular (1), neben ein paar Metainformationen, auf in dem man das Kinoprogramm zum Film in seiner Umgebung finden kann. Genial! Und Funktioniert!

Löste man die Anfrage aus, werden einem zu seiner Umgebung die Kinos angezeigt die diesen Film im Programm haben (2). Das Ganze funktioniert aus der normalen Suche heraus für alle aktuell Laufenden Filme, allerdings die aus dem Programmkinos nicht zu hundert Prozent obwohl sich auch Filme aus Sommerkinoprogrammen finden lassen.
Noch besser ist die Funktion einfach das Kinoprogramm aus seiner Umgebung finden zu lassen, mit dem Aufruf der URL http://www.google.de/movies kommt man zum Formular der speziellen Suche und nach Eingabe seiner PLZ, kann man sich das Programm seiner Umgebung ausgeben lassen. Dann kann man sich die Anzeige auch als Link speichern und hat immer das aktuelle Programm zu Hand (Kinoprogramm zur PLZ 04275).
So dann kann ich meinen optimierten Link bei leipzig-info.net löschen.

Geschrieben in Webdesign, Werbung und Marketing | Keine Kommentare

scrollen vs. klicken

Finnische TageszeitungHeute lese ich eine wohltuende Bestätigung meiner Auffassung zum Thema Scrollen vs. Klicken lassen. Von meiner eigenen Userbequemlichkeit und des Genervt-Seins von klicken auf die nächste Seite habe ich immer verbreitet, dass scrollen doch viel einfacher ist als klicken. Zumal jede Maus ein Scrollrad mit sich bringt, okay es gibt da gewisse Probleme bei Laptops aber es ist doch so schön einfach das Rädchen rotieren zu lassen als müßig den Link zu finden und drauf zu hämmern. Außerdem finde ich es einfacher die Seite scrollender Weise zu scannen.

Gewisse Tageszeitungen (siehe links) verdienen da scheinbar noch mehr Geld als mit der Klickvariante. Denke mal das sollte man nicht so einfach schlucken, denn es kommt auch immer an den Endverbraucher an. Ich verweise bei Gesprächen immer gerne auf das entweder Masse oder Klasse Prinzip, mit beiden Systemen lassen sich Erträge erzielen, aber es muss auf das Einsatzgebiet abgestimmt sein.

Nachlesbar hier und hier.

Geschrieben in Webdesign | Keine Kommentare

Frames unterbinden

Kleines interessantes Problem vor dem ich letztens stand und mir so noch nicht untergekommen war. Eine Webseite wird über einen gesponserten Domainhostingvertrag angezeigt, dafür wird eine Frameansicht genutzt in der in einem Frame die Seite und in dem anderen die (Werbe)informationen des Hosters angezeigt werden. Das ist manchmal nicht wirklich wünschenswert auch wenn man nichts für das Hosting bezahlen möchte. (Frames? Sowas gibt’s noch? Hab ich auch nicht geglaubt! )

Eine Möglichkeit ist es, einen kleinen Javascript Code auf die eigene Seite zu platzieren um zu checken ob die Seite in einem Frame geladen wird oder nicht. Ist dies der Fall, überprüft das Script ob die aktuelle Seite als oberstes Element geladen ist, wenn nicht wird die Seite so geladen dass die Bedingung erfüllt ist, damit verschwindet der unerwünschte Frame.

Einfach gesagt: es wird unterbunden dass die Seite in einem Frame geladen wird (SelfHTML).

(Suchstring: Frames – unterbinden – löschen – verhindern - aufheben )

Geschrieben in Webdesign | Keine Kommentare

Blog db-backup via Plugin oder ohne

Das Thema Backup kann man eigentlich nie genug penetrieren, da man meistens erst daran denkt wenn eh schon alles zu spät ist. Aus diesem Grund habe ich bei einem Kollegen ein automatisches Backup eingerichtet. Für die Wordpressmaschine gibt’s auch das passende Plugin dafür, flux runtergalden und dafür den Downloadlink auf dem Wordpressblog benutzt, denkt man sich doch, dass da alles relativ aktuell ist – denkste.

Irgendwie hatte das Plugin auch tolle Backups erstellt, aber beim versenden an seine Email-Adresse wurde das angehängt sql.gz-File glatt mal aufgelöst und mit seinem kompletten Code in den Textbereich gepastet. Mist!

Die Recherche nach der Problemlösung brachte mich nicht wirklich weiter (war einfach zu ungeduldig) ich habe dann umgeschwenkt und nach einer eventuellen aktuelleren Version gesucht und dann auch gefunden. Jetzt klappst auch mit dem versenden und empfangen der Mails… nur noch den Spamfilter anpassen und alles ist gut. Jetzt bekommt er jeden Tag sein automatisches Backup.

Wer es gerne anders haben möchte kann sich auch von extern ein Backup schicken lassen.

Der Dienst Blockbackupr bietet eine simple Möglichkeit seinen Blog backuppen zu lassen, hierfür wird der RSS-Feed gezogen. Wer seine Blogaccountdaten mit Passwort und Zugang freigibt, kann sich die komplette Blogumgebung mit allen Bilder, Styles Kommentaren und und und… sichern lassen.

Klar geht auch… aber in meiner Version hab ich alle Stricke unter meinem Kommando

Geschrieben in Web 2.0, Webdesign | Keine Kommentare

AJAX für Wordpress

Möchtest du tolles Ajax auch für deinen Blog haben, so check die Liste von Max Kiesler auf Varianten für deine Blogmaschine. Für Wordpress stehen da: Live Spell Checker,
imgViewJX Wordpress Plugin, AJAX’d Wordpress, WP Ajax Edit Comments, AJAX Comments WPMUified, Ajax Calendar, AJAX Page Loader, WP-Polls 2.21, WP AJAX Edit Comments, Plug ‘n’ Play Google Map, Inline Ajax Page, AJAX Login, AJAX WordPress Search v2. Weitere Ajax Plugins für Expression Engine und Moveable Type gibts natürlch auch.

Geschrieben in Webdesign | Keine Kommentare

Was geht in HTML-EMails

Da ich mich gerade mit Newslettern und HTML-EMails beschäftige, fand ich das “EmailStandards Project” ganz hilfreich. Hier werden die unterschiedlichen WebClients auf deren Möglichkeiten zu Darstellung und Unterstützung von bestimmten Designelementen wie Background-image, Background-image-position, Background-image-position a:hover, Border, Color/background-color, Descendant-selectors, Float/clear, Font family/size/weight/style, Font-family names with quotes, Font inheritance, Line-height, List-style-image, Margin, Padding, Varying link-colors, Width/height getestet.

Das Testszenario und die ausführlichen Testberichte mit Screenshots und Empfehlungen kann man natürlich dazu einsehen. Zu jedem getesteten MailClient gibt es eine ausführliche Besprechung und Entsprechende Hinweise. Absolut empfehlenswert.

Geschrieben in Webdesign, Werbung und Marketing | Keine Kommentare

Der andere Blindtext

Blindtexte ala Lorem Ipsum nutzt man gerne, wenn bei Projekten noch der entsprechenden Content fehlt aber man für eine Voransicht schon mal ein paar Zeilen Text benötigt. Das Nikolaustürchen vom Kalender der Webkrauts hat heute einen etwas anderen Blindtext vorgebracht der sich sogar selbst erklärt:

 

[...] der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahr genommen werden.
Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. [...]

copy ‘n’ paste bei Webkrauts

Ich selbst bin je mehr ein Fan der Geschichte der kleinen Zeile Lorem Ipsum die hinter den Wortbergen an der Küste der Semantik in Buchstabenhausen wohnt und dort eine Copy traf….

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. [...]

copy ‘n’ paste bei PeeWee

Geschrieben in Webdesign | Keine Kommentare