• Hallo, und...

    holger koenemann...herzlich willkommen in meinem kleinen online Journal (auch als Blog bekannt). Hier schreibe ich über alles (un-)mögliche aus Beruf und Praxis und über die vielen kleinen nervigen aber auch netten Dinge die einem im World Wide Web so begegnen.

    Ich bin Mitglied bei...

    XING webkrauts upa

Zwitscherei

Flickrei

Joomla 2.5 Templates in Joomla 3.0 nutzen?

04 October 2012, geschrieben von: Holger

Seit kurzem ist die “Standard Term Support” (kurz STS) Version 3.0 des bekannten Open Source CMS Joomla erhältlich. Ob man von der stabilen “Long Term Support” (LTS) Version 2.5.7 umsteigen will, bleibt einem selber überlassen. Das Joomla Core Team rät selber dazu zunächst zu prüfen ob ein Umstieg überhaupt Sinn macht.
Kurz zum Hintergrund: STS Versionen dienen bei Joomla dazu, dem Umstieg auf eine LTS Version leichter zu machen. Für ca. 6 Monate gibt es mit einem STS Release eine Zwischenversion mit der man in Ruhe Komponenten, Erweiterungen, Templates etc. testen kann. Z.B. waren die Versionen 1.6 und 1.7 nur kurz aktuell und dienten zur Vorbereitung auf 2.5. Alle Versionen mit einer x.5 Versionierung sind dabei LTS Versionen, alle anderen nur STS Versionen.

Gerade für mich als Template Designer und Entwickler stellt sich da schnell die Frage: Können Joomla 2.5 Templates einfach weiter genutzt werden? Um es kurz zu machen: Jein.
Generell bietet Joomla 3.0 mehr Möglichkeiten, alte Befehle werden aber fast alle übernommen.
Nach der Installation einiger meiner Joomla 2.5 Template kam es aber regelmäßig zu einer Fehlermeldung beim betrachten des Frontends:

500 – JHtmlBehavior::mootools not found.
Den Rest des Eintrags lesen »

Geposted in CMS, Joomla | Keine Kommentare »

Vimeo oder YouTube Video “responsive” einbinden

27 August 2012, geschrieben von: Holger

Embed a Vimeo or YouTube Video the responsive way“Responsive” Webdesign ist heute in aller Munde. Um es auch den Schlagwort-Unwissenden kurz zu erklären: “Responsive” bedeutet in Bezug auf eine Internetseite im Prinzip nur, dass sich Layout und Design selbstständig an die Größe des Displays des Nutzers anpasst, egal ob dieser nun mit einem Handy, einem Tablet PC oder einem normalen Monitor surft. Es gibt also nicht mehr, wie in den Anfängen des mobilen Webdesigns, extra Versionen der Internetseite für Handys und andere Geräte, sondern nur eine Version. Das ist zeitsparend, da nicht verschiedene Versionen entwickelt und betreut werden müssen und zukunftssicherer, da die Seite auch automatisch mit der nächsten Generation von Mobiltelefonen funktioniert.
Wichtig ist dabei jedoch das sich alle verwendeten Elemente skalieren lassen. Das ist mit Hilfe von CSS in Bezug auf Bilder und Texte kein Problem. Bei einem meiner Projekte tauchte aber gerade die Frage auf: Wie sieht es mit einem durch ein <iFrame> eingebundenes Vimeo Video aus? Kann dieses auch dynamisch die Größe verändern, je nach Auflösung und Größe des Browserfensters? Aufgabe war es ein Video einzubinden mit einer maximalen Breite von 1600px, dass ich dann aber dynamisch bis auf 320px verkleinern läßt.
Den Rest des Eintrags lesen »

Geposted in Responsive Webdesign | 1 Kommentar »

Fundstücke zum Wochenende

11 December 2009, geschrieben von: Holger

In dieser Woche habe ich die ein oder andere nette Spielerei und  Webdesign- Resource gefunden oder für mich entdeckt, die ich euch nicht vorenthalten möchte:

Paul Ramirez

Erstaunlich was man mit einem scrollenden Hintergrund und einem festen Vordergrundbild alles anstellen kann. Längst bekannte Technik sehr eindrucksvoll genutzt. Auf der Seite einfach mal mit dem Mausrad runter scrollen…
Und zwar hier…

Scrumy.com

Extrem einfach zu nutzende “Scrum Wall”. Nützlich, egal ob man den nächsten Relaunch von Amazon.com plant oder nur mal eben eine ToDo Liste für das nächste Wochenende benötigt.
Hier geht es zu Scrumy

LittleSnapper

Schon viel von gehört, aber nie genutzt. Man ist ja irgend wie immer der Meinung man hätte bereits die besten Tools…und lässt sich dann eines besseren belehren.
LittleSnapper besuchen

Instant Chewbacca

Für alle Starwars Nerds und die, die es noch werden wollen unverzichtbar.
Instant Chewbacca

Typography’s not on the Web, it IS the Web

Interessanter Vortrag von Mark Boulton auf der FOWD in London 2009 zum Thema Typographie und Web.
Hier gehts zum Video

Geposted in Allgemein | Keine Kommentare »

Feste oder flexible Breite? Eine Alternative.

04 December 2009, geschrieben von: Holger

Webseiten kann man grob in zwei Kategorien einteilen: Die Seiten mit fester Breite und die mit flexibler, sich der Fenstergrösse anpassenden Breite.

Fest vs. flexibel

Webseiten Layouten - Feste oder flexible Breite?Feste Breiten sind dabei wesentlich häufiger zu finden, da diese das pixelgenaue Designen und Gestalten erlauben. Die Seite sieht bei allen Besuchern gleich aus, unabhängig von der gewählten Monitorauflösung und Fenstergrösse. Flexible Layouts findet man daher häufig bei inhaltslastigen Seiten mit wenigen grafischen Elementen. Eben bei Internetseiten bei denen die optimale Platzausnutzung wichtiger ist als die konsistente Darstellung eines einheitlichen Designs. Gutes Beispiel hierfür ist www.amazon.de.
Aber gerade feste Layouts schränken die Webdesigner mehr und mehr ein. Die Verbreitung von großformatigen Bildschirmen nimmt zu und sogar Auflösungen von 2560×1600 Bildpunkten und mehr sind mitlerweile nicht mehr exotisch. Internetseiten mit festen Größen müssen sich aber an dem kleinsten gemeinsammen Nenner orientieren. Als Standard gilt hierfür mittlerweile eine Auflösung von 1024×768. Aber wenn man bei einer Breite noch eventuelle Scrollbalken und Browserrahmen abzieht, bleibt ein sicherer Wert von normalerweise 950px – 984px Breite für eine Internetseite übrig. Bei grossen Displays wirkt diese dann ganz schön verloren…

Hat man also nur die Wahl zwischen zwei Übeln?

Nein, sogenannte “semi- flexible” Layouts kommen immer mehr in Mode. Die Seite skaliert in ihrer Grösse mit, allerdings nur innerhalb eines festen Bereiches. Z.B. zwischen 780px – 1200px. Damit nutzt die Seite die volle Breite bei einer Auflösung von 1280x1024px (<- vermutlich der nächste Standard) aus, wird aber bei höheren Aulösungen nicht grösser. Bei kleineren Auflösungen verkleinert sich das Layout mit, so dass bei einer Auflösung von 800x600px keine Scrollbalken zu sehen sind.

Technisch läßt sich dies, zumindest in aktuellen Browsern, recht einfach umsetzen. Einem DIV Container muss per CSS nur eine maximale und eine minimale Weite zugeteilt werden. Hat man beispielsweise im HTML Code einen Container mit dem Klassen Namen “content” definiert und dazu folgende Klasse in der CSS Datei hinterlegt:

.content {
min-width: 780px;
max-width: 1200px;
background-color: red;
height: 200px;
}

bekommt man eine rote Box die bis zu einer Grösse von 1200px mit skaliert, aber nicht grösser wird und auf der anderen Seite bis zu 780px klein wird, aber eben nicht kleiner.
Hier das Live Beispiel

Und hier noch ein paar gute Beispiele aus dem “realen Leben”:
Made by Sofa
socialcast.com

Fazit

Zwar macht diese Technik etwas mehr Optimierungsaufwand nötig als bei nur einer festen Breite, schließlich muss man für 2-3 Auflösungen optimieren. Der Spielraum von einigen hundert Pixeln lässt aber noch genug Platz für die Gestaltung mit Bildern und Grafiken, ohne die konsistente Darstellung zu gefährden. Hinzu kommt, dass Nutzer mit einer höheren Auflösung einen tatsächlichen Mehrwert haben und Besucher mit einer niedriegeren Auflösungen nicht ausgeschlossen oder durch Scrollbalken “diskriminiert” werden.
Alles in allem zumindest eine Alternative die sich stärker am Nutzer orientiert und einen Kompromiss bietet, wenn das nächste Mal die Frage “fest oder flexibel” ansteht.

Geposted in CSS, Web Design | 4 Kommentare »

Screenr.com: Ein online Screencast Twitter Tool

23 September 2009, geschrieben von: Holger

Ich werde häufig von Freunden, Bekannten und Verwandten gefragt, was es eigentlich “mit diesem Twitter auf sich hat”. Der Sinn und Zweck erschließt sich vielen nicht auf den ersten, und manchmal auch nicht auf den zweiten Blick. Und tatsächlich muss man zugeben das etwa 80 – 90% der gezwitscherten Nachrichten keinen Mehrwert bieten. Ich weise aber immer gerne darauf hin, dass man kurze, fachliche Fragen schnell und einfach an ein grosses Publikum stellen kann und meist recht schnell eine Antwort erhält. Und das auch in Form von Bildern oder Links. Twitter also durchaus einen Mehrwert bietet.
Gefehlt hat mir dabei aber immer die Möglichkeit, mal schnell ein Screencast aufzunehmen und weiter zu zwitschern. Wie z.B. in einem bestimmten CMS eine bestimmte Einstellung geändert werden kann. Mit Worten braucht man weit mehr als 140 Zeichen dafür, mit einem kurzen Screencast ist es in 3 Sekunden erklärt. Jedoch erst ein Video lokal aufnehmen, per FTP hochladen und dann die URL weiterzuverbreiten ist meist zu umständlich um eine kurze Frage schnell zu beantworten.
Hier kommt der neue Dienst Screenr ins Spiel. Und weil auch hier ein kurzes Video mehr als 1000 Worte sagt, hier die 1 minutige Einführung:

Geposted in Allgemein, Twitter | Keine Kommentare »

17 minimalistische Internetseiten die ich mag

11 August 2009, geschrieben von: Holger

Bigcartel.com

Bigcartel.com

bkwld.com

bkwld.com

Brilliancy.eu

http://www.brilliancy.eu/

buddycarrskateboards.com

http://www.buddycarrskateboards.com/

chrisbarr.net

http://www.chrisbarr.net/

distrop.com

http://www.distrop.com/

feedafever.com

http://www.feedafever.com/

gb-studio.tv

http://gb-studio.tv/

guzzle.it

http://guzzle.it/

hugeinc.com

http://www.hugeinc.com/

madebysofa.com

http://www.madebysofa.com/

mohawkpaperstore.com

http://www.mohawkpaperstore.com/

nickfinck.com

http://nickfinck.com/

raggededgedesign.com

http://nickfinck.com/

supereightstudio.com

http://www.supereightstudio.com/

thisisjamhot.com

http://www.thisisjamhot.com/

vlourenco.com

http://www.vlourenco.com/

Tags: , ,
Geposted in Design- Trends, Web Design | 1 Kommentar »

Der schnelle braune Fuchs springt über den faulen Hund

30 July 2009, geschrieben von: Holger


Gerade hab ich folgendes YouTube Filmchen über den Blog von Gerrit van Aaken gefunden. “Nicht wirklich witzig, da gibt es lustigeres bei YouTube & Co” werden vielleicht die einen oder anderen von euch denken. Jedoch ist „The quick brown fox jumps over the lazy dog“ der Pendant zu den lateinischen “Lorem ipsum…” Blindtexten, mit denen man im Online- und Printbereich fast täglich zu tun hat und sich jedes Mal fragt, wie man auf so einen Unsinn gekommen ist. Jetzt weiß ich es und auch das es doch kein Unsinn ist…

Geposted in Allgemein | Keine Kommentare »

Umgezogen

16 July 2009, geschrieben von: Holger

Update: Neue Telefeonnummer ist da. Zu erreichen bin ich ab jetzt unter +49 40 38632322


Endlich ist es soweit: Nach dem ich vor über drei Monaten meine geliebte Bürogemeinschaft in Ottensen verlassen habe, bin ich seit heute in meinem neuen Büro mitten in der Altstadt an der Elbe zu erreichen. Zwar wieder nur zur Untermiete bei einer Agentur, aber dieses Mal mit einem eigenen grossen Büroraum für mich alleine. Hinzu kommt das ich in 15 Minuten mit dem Fahrrad im Büro bin und nicht erst 45 Minuten mit Bus und Bahn unterwegs bin. Ein nicht zu unterschätzender Vorteil, besonders im Sommer. Meine neue Postadresse lautet ab jetzt:

Holger Könemann
c/o TalenRun GmbH
Steinhöft 5-7
20459 Hamburg

Achtung!: Telefonisch bin ich momentan schlecht zu erreichen. Leider sah sich mein neuer Telefonanbieter nicht in der Lage pünktlich den Anschluss zu schalten. Erst heute habe ich einen Brief bekommen, dass es noch bis zu 3 Wochen dauern könnte. Daher mir bitte unter der gewohnten Telefon Nummer auf den Anrufbeantworter sprechen, oder mir eine Mail schreiben. Sobald ich einen funktionierenden Telefonsnchluss habe werde ich meine Nummer hier gross und prägnant bekannt geben.

Geposted in Allgemein | Keine Kommentare »

Gewonnen

11 June 2009, geschrieben von: Holger

pixelgraphixUnd ich dachte immer ich würde eh nie etwas gewinnen. Netterweise hat Manuela Hoffmann auf ihrem Blog drei Abo´s für das neue Webstandards- Magazin verlost und tatsächlich ging eines der Abo´s an mich. “Leider” konnte ich die Erstausgabe des Magazins bereits mein eigen nennen und muss jetzt ersteinmal auf die zweite Ausgabe warten.
Das Magazin selber befaßt sich hautpsächlich, wie der Name schon erahnen läßt, mit Standards im Web Design und Web Entwicklung. Oder wie die Autoren es selber beschreiben:

“Mit dem Webstandards-Magazin gibt es nun ein Magazin, das alle Themen aus dem Webworking-Bereich abdeckt: Gute Gestaltung, Usability, Accessibility, Programmierung, Projektleitung, Content Management, Web-Applikationen und vieles mehr.”

Tags: ,
Geposted in Web- Standards | Keine Kommentare »

Separate Untermenüpunkte in WordPress

14 May 2009, geschrieben von: Holger

Wordpress mit separaten UntermenüpunktenNutzt man WordPress für eine einfache Blogseite braucht man sie normalerweise kaum: Separate Untermenüpunkte. Betreibt man aber eine komplette Internetseite mit WordPress, z.B. ein Firmenauftritt mit mehreren Unterseiten, taucht schnell die Frage auf wie man diese schnell, einfach und von der Benutzerführung her logisch verlinkt. Insbesondere bei der Nutzung einer horizontalen Hauptnavigation. Eine Möglichkeit währe hier  die zum ausgewählten Hauptmenüpunkt passenden Untermenüpunkte in der Seitenspalte anzeigen zu lassen. Wie bringt man aber WordPress dazu zu erkennen, auf welcher Hauptseite der Nutzer gerade ist und nur die hier untergeordneten Menüpunkte als unsortierte Liste anzuzeigen? Wie z.B. auf meiner Unterseite “Leistungen” hier.

Einfach folgenden Code in der Sidebar des Themes (oder wo immer das Untermenü auftauchen soll…) einfügen:
<?php
if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
if ($children) { ?>
<ul class="menu">
<?php echo $children; ?>
</ul>
<?php } ?>

Geposted in CMS, wordpress | 2 Kommentare »

Wichtig: Adressänderung

02 April 2009, geschrieben von: Holger

Seit dem 1.4.2009 arbeite ich vorläufig wieder vom Homeoffice aus. Daher bitte die Änderungen der Adresse und Telefonnummer beachten. Voraussichtlich werde ich aber in den nächsten 1- 3 Monaten ein neues Büro hier in Hamburg beziehen. Also aufgepaßt was weitere Adressänderungen angeht.
Grund für den Auszug aus meiner sehr schönen und lieb gewonnenden Bürogemeinschaft war hauptsächlich die tägliche Fahrerei von rund 1,5 Stunden. Ich selber wohne östlich der Alster und mein Büro lag in Ottensen im “Westend”. Wie der Name vermuten läßt eben sehr weit westlich…
Der zweite Grund ist, dass ich gerne einen eigenen Büroraum beziehen möchte. So schön auch ein Loft Büro mit mehreren anderen Freiberuflern ist, die Möglichkeit intensiv und ungestört mit Mitstreitern vor Ort zusammen zu arbeiten ist stark begrenzt.
Falls also noch jemand nach einem Mitstreiter für einen alsternah gelegenen Büroraum mit Platz für zwei oder mehr Arbeitsplätze sucht, immer her damit (<- dabei aber bitte die oben genannte Änderung der Telefonnummer beachten;-).

Geposted in Allgemein | Keine Kommentare »

Drupal, eZ Publishing, Joomla und Typo3 beschließen Kooperation

01 April 2009, geschrieben von: Holger

cms_allianceEdit: Tja, war wohl nur ein gutgemachter Aprilscherz auf den ich prompt reingefallen bin.

Die vier grossen Open Source Content Management Systeme Drupal, eZ Publishing, Joomla und Typo3 haben, wie man schön hier lesen kann, eine Kooperation beschlossen. Das wurde zumindest auf der diesjährigen OSBC in San Francisco bekannt gegeben und zu diesem Zweck die Open CMS Alliance gegründet. Es geht dabei zwar nicht darum aus allen Systemen ein grosses zu machen, aber die einzelnen Systeme und ihre Basis anzupassen und gemeinsame Standards festzulegen, um es Nutzern, Entwicklern und Designern einfacher zu machen über den Tellerrand zu schauen und auch mit anderen Systemen arbeiten zu können.
Während Drupal eher in Richtung Community geht, Joomla eher für Portale geeignet ist, eZ Publishing den Bereich Enterprise und Medienportale abdeckt und Typo3 als eierlegende Wollmilchsau bekannt ist, scheint eine solche Kooperation mehr als sinnvoll zu sein. Die vier grossen können voneinander lernen und im Endeffekt profitieren alle davon, auch und gerade der Endnutzer. Was haltet ihr davon?

Tags: , , , ,
Geposted in CMS | 6 Kommentare »

Website Klau

31 March 2009, geschrieben von: Holger

Geklaute Webseite

Das man sich als Webdesigner Anregung und Inspiration bei anderen Webseiten holt, ist, solange es sich im Rahmen hält, ok. Wenn man eine komplette Internetseite aber einfach kopiert und nur die Inhalte austauscht, ist es ein dreister Diebstahl.
Um zu verdeutlichen was ich meine vergleicht doch mal meine Seite hier mit dieser:
http://www.seoinside.net/

Die haben sogar die Bilder die ich in meinem Büro gemacht habe einfach mitübernommen (<-Meine Kaffeetasse, mein Buch “Websitekonzeption” und mein Mac Book Pro).
Leider findet man kein Impressum und keine Kontaktmöglichkeit, um die Jungs mal auf Ihren “Fehler” aufmerksam zu machen.
Ähnliche Erfahrungen als Webdesigner gemacht?

Geposted in Allgemein | 5 Kommentare »

Warum ich mich von Facebook betrogen fühle

20 March 2009, geschrieben von: Holger

Seit einiger Zeit gibt es Facebook auch auf deutsch und vor kurzem hatte mich ein Freund eingelade, dort doch auch mal ein Profil zu eröffnen. Zwar habe ich nicht wirklich Bedarf an noch einem Profil bei einem sozialen Netzwerk, aber ein Blick wollte ich schon einmal darauf werfen. Gesagt getan. Insgesamt gefällt es mir da nicht so (sehr unübersichtlich aufgebaut), aber schnell habe ich dort ein paar Bekannte und Freunde entdeckt. Gestern war ich mal wieder dort und mir wurde folgender Text direkt im Facebook Interface angezeigt (nicht als Werbung oder Anzeige gekennzeichnet):

betrug
Da es sich bei den Namen um zwei Facebook Freunde von mir handelt, bin ich davon ausgegangen, dass diese mich zu einem dieser Facebook typischen Minispielchen eingeladen hätten. Also hab ich die Herausforderung angenommen und wurde auf eine andere Seite weitergeleitet. Dort sollte man (sehr einfache) Fragen beantworten. Nach etwa zehn beantwortete Fragen wurde ich aufgefordert meine Handynummer anzugeben. Da bin ich dann etwas mißtrauisch geworden und habe das Kleingedruckte unten drunter gelesen. Ich wollte schließlich sicher gehen das mir niemand Werbung zuschickt. Aber tatsächlich habe ich dann dort erfahren, dass man mit der Eingabe der Handynummer ein Klingelton Abo für 4,99 Euro monatlich abschließt…

Um das mal kurz zusammen zufassen: Facebook erlaubt es windigen und rechtlich fragwürdigen Anbietern, Namen aus meiner Freundesliste auszulesen und diese dann in Form versteckter Werbung wieder in Facebook einzubauen. Immer darauf bedacht, dass es auch so aussieht als währe es ein offizielles Facebook Spiel zu dem ich von guten Freunden eingeladen wurde. Das Ganze dann, um mich unter dem Vorwand eines IQ Tests abzuzocken und mir ein Klingelton- Abo unter zuschieben. Ich habe zwar schon so einiges erlebt und halte mich selber für recht vorsichtig was das Internet angeht. Auf diese Masche währe aber selber ich fast reingefallen.
Zu allem Überfluß muß ich auch fragen was passiert wenn Facebook ohne mein Wissen einen Freund von mir auf die gleiche Weise dazu gebracht hätte, ein Abo abzuschließen? Muß ich jetzt damit rechnen das ich Freundschaften verliere weil Facebook ungefragt meinen Namen für Betrügereien nutzt, oder zumindest Beihilfe dazu leistet?

Das geht mir eindeutig zuweit und ich werde in wenigen Tagen mein Facebook Account löschen.
Ähnliche oder vergleichbare Machenschaften erlebt, oder eine andere Meinung dazu? Dann rein damit in die Kommentare…

Tags: , , ,
Geposted in Allgemein | 10 Kommentare »

Semantik in HTML 5

18 February 2009, geschrieben von: Holger

Ein kurzer Hinweis auf die interessante Übersetzung des original Artikels “Semantic in HTML 5” von John Allsopp für A List Apart aus dem Jannuar 2009. Die Mühe mit dem Übersetzen hat sich Mit-Webkraut Tobias Otte in seinem Blog gemacht. Der Artikel ist für so ziemlich jeden interessant der sich (privat oder beruflich) mit der Zukunft von HTML befassen will oder muss.

Tags: ,
Geposted in Web- Standards | 3 Kommentare »

Beautifully Minimalist Websites

05 February 2009, geschrieben von: Holger

vandelay design blogAls ich heute die Statistiken meiner Seite ausgewertet habe, habe ich festgestellt, dass seit vorgestern der Traffic schlagartig zugenommen hat. Erfreut habe ich festgestellt, dass meine kleine Seite hier im Vandelay Design Blog zum Thema “25 Beautifully Minimalist Websites” genannt wurde. Auch reiht sich eines meiner kommerziellen Joomla Templates in die Liste ein, sowie die wirklich schöne Seite eines meiner Webdesigner Kollegen Rene Hornig aus Berlin. Auch sind die anderen der 25 Internetauftritte für Freunde des minimalistischen Webdesigns sicherlich einen Blick wert.

Tags: ,
Geposted in Allgemein | 1 Kommentar »

Vimeo erklärt das Internet

21 January 2009, geschrieben von: Holger


History of the Internet from PICOL on Vimeo.

Schönes, kleines und informatives Video über die Geschichte und Entwicklung des Internets.  Gefunden bei 45royale.com.

Tags: , , ,
Geposted in Allgemein | Keine Kommentare »

Blueprint CSS Framework

20 January 2009, geschrieben von: Holger

blueprint css frameworkÜber diesen sehr lesenswerten und weiterführenden Artikel zum Redesign von drupal.org im Blog von Mark Boulton, bin ich auf das kleine aber feine Framework “BlueprintCSS” gestoßen. Ich hatte zwar am Rande schon einmal davon gehört, es mir aber selber nie angesehen.
Kurz zum Hintergrund: Ein CSS Framework ist im Prinzip nichts anderes als eine Sammlung von CSS Klassen und dazugehörigen HTML Elementen, die man immer mal wieder braucht, oder eh notwendig sind, um z.B. die Browserkompatibilität zu gewährleisten, die Printausgabe zu steuern usw.  Vermutlich jeder Webdesigner hat sich eine solche Sammlung (mehr oder weniger gut und aufgeräumt) selber angelegt, oder greift auf eines der grossen Frameworks (z.B.  Yahoos YUI, oder das aus deutschen Landen stammende YAML von Dirk Jesse) zurück, um nicht immer wieder bei Null anfangen zu müssen.
Während die grossen Vertreter jedoch versuchen, möglichst alle Bereiche des User Interface Designs abzudecken, fokusiert sich Blueprint wesentlich stärker auf CSS Websites und Grids. Es ist dadurch wesentlich schlanker und einfacher zu durchblicken. Hinzu kommt, dass nicht  versucht wurde für alle möglichen (und unmöglichen) Elemente Beispiele und Klassen beizufügen, die wenigen aber gleich schön und ansehnlich gestaltet wurden. Die obligatorische Testseite wirkt schon fast wie eine richtige und fertige, zugegebener Maßen minimalistische, Website.
Alles in allem keine Konkurrenz zu den eierlegenden Wollmilchsäuen am Markt, aber wenn es “nur” um eine klar strukturierte Internet- Seite geht und die Möglichkeit, schnelle und gute Ergebnisse zu erzielen, ohne dabei ersteinmal jede Menge Ballast über Bord schmeißen zu müssen, perfekt.

Tags: , , ,
Geposted in Web Design, Web- Standards | Keine Kommentare »

Ach nö Apple, vielleicht beim nächsten Mal…

03 January 2009, geschrieben von: Holger

neues mac book?Seit den letzten Apple Keynotes ist bereits etwas Zeit ins Land gegangen. Wie jedes Mal machte sich bei mir ein mulmiges Gefühl in der Magengegen breit: Werden sich die Apple Jungs wieder einmal selber übertreffen und bei mir dieses “dasmussichhaben” Gefühl auslösen? Wie damals bei dem iPod Video oder den neuen Intel Mac Book Pros?
Dann wurde klar: Es gibt neue Apple Laptops…bräuchte ich ein neues? Fragen über Fragen und das ungute Gefühl eventuell etwas zu kaufen, dass man nicht wirklich braucht, einfach nur weil es gut aussieht. Opfer der Werbung zu werden…aber andererseits ist mein Mac Book Pro mitlerweile über 1 Jahr alt und die ganzen vielen neuen Features kann man sicher gebrauchen, oder?
Dann kamen die Keynotes und irgentdwie sprach mich das Design der neuen Notebooks überhaupt nicht an. Sie sahen aus wie mein alter Siemens Laptop von …2002. Einfach wie ein normaler Laptop. Mein Besuch beim hiesigen Saturn Markt und dem Apple Händler meines Vertrauens bestätigten dann mein Eindruck: Technisch bestimmt top, aber dieses typische “mussichhaben” Apple Feeling stellte sich einfach nicht ein.  Eher so ein: “Ach nö Apple, vielleicht beim nächsten Mal…” Feeling.
Wie steht ihr zu den neuen Apple Notebooks und zu Kaufentscheidungen auf Basis des Designs und der Gestaltung der Produkte?

Edit: Gerade hierzu passend gefunden: Alle Steve Jobs Keynote Auftritte der letzten 10 Jahre
Gefunden bei Basic Thinking Blog

Tags: ,
Geposted in apple | 2 Kommentare »

Zeig dein Arbeitsplatz

16 October 2008, geschrieben von: Holger

deskographySchon vor längerer Zeit hatte ich mal die Idee eine Internetseite zu erstellen, die es den Besuchern erlaubt ihren Arbeitsplatz bzw. ihren Schreibtisch mit Bildern zu präsentieren. Klang aber zu abgedreht. Wer sollte bei soetwas mitmachen? Worin könnte der Sinn liegen?
Insbesondere als Freiberufler, der auf der einen Seite viel Zeit an seinem Arbeitsplatz verbringt und zum anderen viel Geld in diesen inverstiert, mag es interessant klingen. Schließlich könnte man so sein Homeoffice oder sein kleines Büro einmal der Öffentlichkeit zugänglich machen. Aber das könnte man auch über Flickr oder auf seiner eigenen Internetseite.

Die Idee habe ich dann auch schnell in der “gute-idee-aber-unsinnig-umzusetzen” Ecke vergraben.
Vor wenigen Tagen bin ich dann aber bei meinem täglichen Besuch bei cssmania.com auf deskography.org aufmerksam geworden. Genau die Art von Seite die mir im Kopf herumschwebte…
Und was lerne ich daraus? Erstens: Keine Idee ist zu unsinnig, dass sie nicht noch mindestens ein zweiter Mensch hat. Zweitens: Wenn ich das nächste Mal so eine Idee habe setze ich sie auch um.
Ach ja, ein paar Bilder von meinem Schreibtisch findet ihr hier.

Tags: , , ,
Geposted in Allgemein | 1 Kommentar »

Verpackungsdesign: Microsoft vs. Apple

08 October 2008, geschrieben von: Holger

Zwei verschiedene Ansätze des Verpackungsdesigns, welche auch gleichzeitig die gesamte Firmenphilosophie der beiden erbitterten Gegner darstellt. Natürlich augenzwinkernt gemeint und noch aus dem Jahre 2005:

Tags: , , ,
Geposted in Design- Trends | Keine Kommentare »

Back in good old D

29 September 2008, geschrieben von: Holger

am Stand an der OstküsteNach fast drei Wochen in Malaysia sitze ich heute zum ersten Mal wieder an meinem Schreibtisch im Büro. Und ohne einen kompletten Reisebericht abgeben zu wollen, kann ich nur sagen: Malaysia lohnt sich ungemein.
Ein buntes und tolerantes Land, das zwar zu den reichsten asiatischen Ländern gehört, aber dennoch für uns Europäer ein ausgezeichnetes Preis/Leistungsverhältnis bietet. Touristisch erschlossen, aber dennoch nicht überlaufen. Kulturell wie landschaftlich sehr abwechslungsreich (Dschungel, Hochland, weiße Strände, Inseln, Metropolen, Wald) und gleichzeitig leicht bereisbar, bietet Malaysia so ziemlich jedem etwas, der nach einem guten Verhältnis zwischen Entspannung und Abenteuer sucht.

Tags: ,
Geposted in Allgemein | Keine Kommentare »

Urlaubsmitteilung

07 September 2008, geschrieben von: Holger

Ab morgen gehe ich bis zum 27.9 in den wohlverdienten Urlaub und werde mit meiner Freundin Malysia bereisen. Wie es sich für einen guten Freiberufler gehört, nehme ich natürlich mein Laptop mit. Wie, wann, wo und ob ich eine Verbindung zum Internet in dieser Zeit  bekomme, vermag ich allerdings nicht vorherzusagen. Daher kann es bei der Beantwortung von Mails zu Verzögerungen kommen. Auch bitte ich um Verständnis das ich in dieser Zeit telefonisch nicht zu erreichen sein werde.

Geposted in Allgemein | 1 Kommentar »

Der Google Browser

02 September 2008, geschrieben von: Holger

Laut heise.de soll Google wohl schon heute im Laufe des Tages eine Testversion des selbst entwickelten Browsers “Google Chrome” herausbringen. Damit soll vor allem Microsoft Konkurrenz gemacht werden. Damit dürfte dem Machtkampf beider Giganten ein neues Kapitel hinzugefügt werden.
Insbesondere als Webdesigner stellt sich hier natürlich die Frage: Wie standardkonform wird der neue Browser sein? Muß man sich auf noch mehr Zeit für die Browser Optimierung nehmen, oder wird der Google Browser einem das Leben erleichtern, wenn er dem IE Marktanteile abjagt und gleichzeitig die meisten wichtigen Standards, wie etwa Firefox, einhält?
Mehr Infos zu “Chrome” gibt es bei Google übrigens hier in Comic Form.

Tags: ,
Geposted in Web- Standards | 1 Kommentar »

In 20 Minuten zur perfekten Website

01 September 2008, geschrieben von: Holger

So oder so ähnlich könnte der leicht übertriebende Werbeslogan eines eher mittelmäßigen Webbaukastens für Anfänger lauten…oder eine Methode die eigene Internetseite konstant, Tag für Tag und Stückchen für Stückchen zu verbessern und zu optimieren. Es müßte also eigentlich heißen, “wie man eine bestehende Internetseite innerhalb von 20 Minuten täglich nahezu perfekt machen kann.”
Der Vorteil einer Internetseite ist ja gerade, dass diese dynamisch verändert werden kann. Eine einmal fertiggestellte Seite muß nicht in diesem Status verharren. Viele Webseite- Betreiber nutzen diesen Vorteil des Mediums Internet aber nicht. Eine Webseite soll fertig sein und funktionieren…und nach drei bis fünf Jahre ist ein Redesign fällig. In der Zwischenzeit geschieht gar nichts…mal von der allmonatlichen Aktualisierung der Newsrubrik abgesehen.
Um dem entgegen zu wirken habe ich mir angewöhnt etwa 20 Minuten täglich zu investieren, um mir Gedanken über meine eigene Webseite zu machen. Vornehmlich nach der Beantwortung aller E-Mails am Morgen und kurz vor der eigentlichen Arbeit. Mit der ersten Tasse Kaffe des Tages bewaffnet guck ich mir meine Seite einfach nur an und überlege, was wie verbessert werden könnte. Was gefällt mir mittlerweile nicht mehr? Vielleicht doch noch einen Rechtschreibfehler oder eine unglückliche Formulierung übersehen? Vielleicht hier noch eine kleine Grafik einbauen und dort eine Farbe kräftiger hervorheben? Alles Dinge die man dann am nächsten Tag, in den nächsten 20 Minuten, nach und nach umsetzen kann. So entwickelt sich die eigene Seite weiter, bietet Besuchern immer wieder etwas neues, Fehler werden entdeckt und können ausgebessert werden und die eigene Seite bleibt immer auf dem neusten Stand. Weiterer Vorteil: Dieses “ich-mag meine-eigene-Internetseite-nicht-mehr-und-brauche-eine-komplett-neue” Gefühl, dass sich bei mir (<- sicherlich kennen andere Webdesigner dieses Gefühl auch…)spätestens nach einer Woche nach dem Start einer Seite einstellt, wird dadurch stark abgemildert.

Wie steht ihr dazu? Wie und wie häufig schraubt ihr an der eigenen Internetseite herum?

Tags:
Geposted in Web Design | Keine Kommentare »

WordPress als CMS

22 August 2008, geschrieben von: Holger

Wordpress als CMS, warum nicht?

So, oder so ähnlich betitelt konnte man in der letzten Zeit viele Artikel in Fachmagzinen und Blogs lesen. Tatsächlich hält sich der Irrglaube, dass WordPress “nur” ein Blogsystem sei, seit langem und ändert sich erst gemächlich.
Aber schon von der Terminologie ist hier ein Fehler enthalten: Schließlich dient auch ein Blogsystem dem verwalten (managen) von Inhalten (Content), ein Blogsystem ist also eine unterart des CMS.
Von dieser sprachlichen Ungenauigkeit abgesehen hat sich WordPress schon seit Version 2.2, spätestens aber seit 2.5 zu einem vollwertigen CM System gemausert, dass einem vor allen Dingen das layouten und designen wesentlich einfacher macht, als bei vielen “richtigen” CM Systemen.
Der Gedanke, dass man WordPress auch als vollwertiges CMS für normale Seiten nutzen kann, setzt sich also langsam durch.
Schon seit einiger Zeit betreibe ich cmsshowcase.com und merke langsam, dass immer mehr WordPress basierte Seiten angemeldet werden, die eben keine Blogs sind.
Um diesen Trend mal etwas zu verstärken möchte ich euch daher mal die fünf schönsten “Nichtblogs” auf Basis von WordPress vorstellen:

1024media.com
headline-interactive.nl
massiveblue.com
ehousestudio.com
nicestream.com

Tags: , ,
Geposted in wordpress | 1 Kommentar »

“Usability” von Brötchenzangen…

12 August 2008, geschrieben von: Holger

…oder warum nicht nur Internetseiten benutzbar sein sollten.
Ich war vorhin in einem der ehemaligen Minimal Märkte und habe versucht, neben Milch für die Kaffeeemaschine hier im Büro, mir ein Brötchen mitzubringen. Jeder der schon einmal da war kennt sicherlich diese tollen Selbstbedienungsregale in schönster Plastikoptik, bei denen man sich selber seine Brötchentüte zusammen stellen kann. Dummerweise wollte ich unbedingt eines dieser rautenförmigen Weizenbrötchen, die genau in dem mittleren Fach ganz oben lagen.
Die Zangen aber, mit denen man die Brötchen doch bitte in die Tüte packen sollte, waren links und recht angebracht und mit Hilfe einer Ketter gesichert. Die Kette war genau so lang das es gerade nicht wirklich reichte, insbesondere wenn nur noch wenig Brötchen vorhanden sind.
Hinzu kam, dass die Fächer Klappen besaßen, die die dumme Eigenschaft hatten, festgehalten werden zu wollen. Tat man dies nicht, klappten sie nach kurzer Zeit (genau dann wenn man sicher war das es schon halten würde und man seine Hand reinsteckte…)wieder zu.
Da stand ich nun, mit der einen Hand versuchend, den Einkaufskorb und die Klappe gleichzeitig festzuhalten und in der anderen die Zange, verzweifelnd nach Brötchen fischend.
So kam es das ich dann entnervt doch die Finger nahm…und mir dafür einen bösen Blick einer Verkäuferin einfing.
Was lernen wir daraus? Wenn man seine Kunden dazu bringen will, ein bestimmtes Verhalten an den Tag zu legen, sollte man es ihnen dabei möglichst einfach machen. Und das gilt für Internetseiten genauso wie für Brötchenzangen…

Tags: ,
Geposted in Allgemein | Keine Kommentare »

A bit bussy…

06 August 2008, geschrieben von: Holger

…um es mal im schönsten Neudeutsch zu sagen. Das ich mittlerweile schon seit fast vier Wochen nichts in mein Blog geschrieben habe hat jedoch einen durchweg positiven wie einfachen Grund: Ich habe zu viel zu tun. Und irgendwie will man dann ja auch nicht die wenigen freien Stunden auch noch vor dem Computer verbringen. Aber ich gelobe Besserung…ehrlich…grosses Indianer- Ehrenwort…

Geposted in Allgemein, bloggen | Keine Kommentare »

Wochenrückblick

13 July 2008, geschrieben von: Holger

Interessante Woche gehabt:
Am Webmontag hier in Hamburg teilgenommen und mich mehr mit dem Thema Microblogging beschäftigt. Twitter und Pownce Account angelegt. Auf meine Jaiku Freischaltung warte ich noch, aber die Frage ob und wie Microblogging dabei helfen kann, die Kommunikation innerhalb eines Unternehmens oder eines Projekt- Teams zu verbessern, habe ich mir auch schon mal gestellt (wenn auch noch nicht abschließend beantwortet).
Weiterhin habe ich leider einen zu großen Teil meiner zu knappen Freizeit mit Vimeo verbracht und schon einige Favoriten: Nummer 1, Nummer 2 und Nummer 3 gesucht und gefunden.
Schließlich habe ich sehr interessante Dinge mit jquery.ui angestellt und ein Projekt für die MHH abgeschlossen, sowie mich gleich um den Folgeauftrag beworben. Und zu guter letzt habe ich an zwei weiteren Projekten weitergearbeitet und einen Artikel für das Open Source Magazin T3N zum Thema “Shopify” fertig geschrieben.

Geposted in Allgemein | Keine Kommentare »

WordPress via iPhone

11 July 2008, geschrieben von: Holger

Für alle Blogger die WordPress nutzen UND ein iPhone haben sieht das hier sehr interessant aus:

Gefunden bei: helmschrott

Tags: , ,
Geposted in CMS, bloggen | Keine Kommentare »

Vom Markup zum Webzeugkoffer

08 July 2008, geschrieben von: Holger

webzeugkoffer.deEin kleiner Schreck befiehl mich schon als ich die ersten Worte des letzten Posts in dem von mir hoch geschätzten Blog von Björn Seibert las:
“…nach fast vier Jahren in Betrieb, geht dieser Blog in den Ruhestand.”
Na Gott sei dank muss ich aber nur mein Bookmark ändern, denn Björn blogged zukünftig weiter in seinem Webzeugkoffer. Viel Erfolg und vor allem Spaß mit der neu ausgerichteten Seite

Tags:
Geposted in bloggen | 1 Kommentar »

Handgemalt

08 July 2008, geschrieben von: Holger

Gerade bei Dr. Web gesehen und für gut befunden, der Artikel “Von Hand gezeichnete Elemente im Webdesign“.
Nachdem im letzen Jahr die “glossy” Design- Welle, bei dem jeder und alles mit einer Spiegelung oder Reflexion versehen wurde, endlich etwas abgeflaut ist, sind dieses Jahr wieder mehr organische Elemente “in”. Neben Grass- und Holztexturen, sowie die Nutzung von realen Objekten wie Papier und “Post-its”, eben auch immer mehr die handgemalten Elemente. Aber nicht wieder übertreiben Jungs…

Tags: ,
Geposted in Design- Trends | Keine Kommentare »

Bei denen piepts wohl…Twitter und Webmontag

08 July 2008, geschrieben von: Holger

twitter logoGestern war mal wieder Webmontag und ich war hier in Hamburg zum zweiten Mal dabei. Bei dem Webmontag handelt es sich um Treffen, überall in den Metropolen Deutschlands, von Webworkern, Web Designer, Entwickler und einfach interessierten Menschen. Ziel ist der fachliche aber auch der private Austausch rund um das Thema Web und seine Entwicklung, neu und alte Techniken und Trends von morgen.
Dieses Mal war insbesondere das Thema Twitter und Micro- Blogging, sowie der Nutzen dieser Techniken.
ich persönlich habe schon vor längerem mal bei Twitter “hineingeschuppert”, konnte aber auf den ersten Blick keinen Nutzen oder gar Mehrwert für mich entdecken. Dach den gestrigen Diskussionen werde ich Twitter&Co aber nocheinmal eine Chance geben…

Tags: , , ,
Geposted in Events | Keine Kommentare »

Alles neu macht der…Juli

03 July 2008, geschrieben von: Holger

Meine alte Seite ist gerade erst sieben Monate alt geworden, da war es schon wieder Zeit für eine neue. Nicht etwa weil ich sie nicht mehr mochte, sondern eher weil ich neben dem reinen Web Design noch andere Geschäftsfelder im Internet- Bereich aufgetan habe, die nach etwas mehr Seriösität verlangten. Die alte Seite war etwas zu bunt und etwas zu verspielt, etwas zu unübersichtlich und etwas zu wenig inhaltsfokusiert. Ich hoffe diese neue Seite gefällt euch mindesens genauso gut wie die alte.

Wie und ob ich die Blogeinträge von meiner alten Seite hier rüber portiere wird sich in den nächsten Tagen zeigen.

Achtung!: Die Seite hier ist gerade ganz neu. Wenn es also noch zu kleineren Problemen oder Unstimmigkeiten kommen sollte, bitte ich dieses zu entschuldigen!

Tags: ,
Geposted in Allgemein | Keine Kommentare »