Ratatatam

23.05.11

Nützliche jQuery Tools

Jetzt will ich diese nützliche Site von Tero Piirainen aus Finnnland doch endlich einmal vorstellen, soviel Zeit muss sein ;-) Schön anzusehen und mit vielen netten nützlichen “most important user-interface components”, auch jQuery Tools genannt.

23.05.11

Keine Zeit gibt es nicht

Ja, ich blogge noch, zwar selten, aber ich habe es nicht aufgegeben. Gerne würde ich jeden Tag bloggen. Themen habe ich reichlich, allein die Prioritäten liegen woanders. Zum Beispiel bei unserem Powersohn Raul, der morgen sieben Monate alt wird. Er krabbelt wie ein Weltmeister und zieht sich am Kinderbett hoch, um stehend und lautstark mit einer Hand fuchtelnd seine Befreiung zu fordern. Ein 25-Stunden-Kind im Haus und für mich viel Arbeit im Büro, da nutze ich freie Zeit lieber im Garten oder auf dem Fahrrad, denn “keine Zeit” gibt es nicht.

04.02.11

125 WordPress-Templates für ein Redesign

Was geschieht, wenn eine Agentur für “Integriertes Kommunikationsdesign” einen Website-Entwurf macht, ich diesen dann webgerecht umsetzen darf, um danach alles auf WordPress zum Laufen zu bringen? Man arbeitet länger als erwartet und darf sich ausgiebig üben in problemlösendes Denken. ;-) Gemeint ist hier das bereits zweite Redesign unseres Kunden Brinkmann_Dewert. Mein erstes Redesign war mittlerweile fast 7 Jahre alt und es bestand das Bedürfnis nach etwas ganz Neuem.

Zuerst habe ich den Layout-Entwurf webkompatibel gemacht. Er brauchte eine dauerhafte Hauptnavigation und einen Footer, die im ursprünglichen Entwurf nicht vorgesehen waren. Zudem galt es, den Entwurf schmaler anzulegen, damit er unter 1024 Pixeln ohne horizontales Scrollen sichtbar sei. Dazu musste ich das Layoutraster durchschauen und die Elemente und Abstände neu berechnen. Eine halbe Seite Additionen von Kästen, Buttons und Abständen standen da als Selbstbriefing geschrieben, bevor ich auch nur eine Klasse CSS schrieb. ;-) .

Die zweite Herausforderung: In den Buttons und Kästen sollte die neue Schrift des Logos erscheinen. So musste ich also einen Großteil der zahlreichen Layoutelemente als Grafiken anlegen. So entstanden fast 200 Grafiken allein für das Layout – die über 40 Fotos, die ich teilweise recherchiert und ausgewählt habe, nicht mitgezählt (die Portraits und Fotos auf der Startseite hat ein echter Profi gemacht). CSS-technisch galt es, diese Grafik-Armada geschickt in den Hintergrund zu verbannen und gleichzeitig möglichst viel Editierbares in WordPress zu belassen. Deutlich macht das die Seite der Mitarbeiter. Dort kann der WP-Admin die in Hover-Bereichen liegenden Daten der Mitarbeiter ändern, ohne ins Template zu müssen, das gleiche gilt für die fachbezogenen Team-Seiten, die übrigens eine nützliche Navigationsidee aus dem Büro Rempen zeigen.

Wie man sich beim Durchklicken der Site wird denken können, gab es einige CSS-Lösungen zu finden, die auch noch vom IE 6 verstanden werden wollten. So sollte sich zum Beispiel die Box mit den Home- und Zurück-Buttons nicht nur unabhängig von den eingepflegten Inhalten der Seite immer schön rechts unten anordnen (gut zu sehen auf der Seite Fachgebiete), sondern auch vertikal und bündig mitwachsen auf Seiten, die längere Texte haben. Das ging nicht ohne valide Tricks und einigen Conditional Comments, aber – wie alles im Layout – ohne Javascript.

Desweiteren war bei der WordPress-Integration darauf zu achten, die weit über 2500 rechtsrelevanten Artikel, die das fleissige Anwaltsteam seit 2003 gepostet hat, mit ins neue Layout zu übernehmen oder andersherum, die Layoutvorlage behutsam und stimmig zu erweitern und unter Aktuelles erreich- und navigierbar zu machen. Webdesigner, die alltäglich mit WordPress zu tun haben, werden sicher eine Ahnung davon bekommen, welche Aufgabe es im Hinblick auf die unterschiedlichen Contentbereiche war, das Search-Template in den Griff zu bekommen. :-)

Ich möchte mich an dieser Stelle herzlichst bei Heinz Klein bedanken, der sich für mich und segert.net stark gemacht hat bei der Vergabe des Auftrags. Zudem hat er mich bei der Arbeit mit zahlreichen Anregungen begleitet und fleissig und erfolgreich den Großteil der Inhalte eingeflegt.

01.11.10

Darf ich vorstellen: Raul Johannes Segert

Am 24.10.2010 um 00:46 Uhr war es soweit und es kam in natürlicher Geburt ein kleiner süßer und kerngesunder Raul Johannes mit überaus kräftiger Stimme auf die Welt. Die Vermessung des neuen Erdenbürgers ergab ein Gewicht von 3400 gr. und eine Größe von 52 cm. Die prägnante Nase erinnert an den Vater, der große Mund an die Mutter. Die Ohren müssen von beiden Elternteilen stammen, denn eines zeigt sich als Segert-Segelohr, das andere liegt platt wir eine Flunder. ;-)

Nach 7 Tagen Erdendasein und völlig ausgepumpten Eltern klappt es endlich und Himmel sei Dank mit dem Stillen und dem satten zufriedenen Lächeln beim Einschlafen. Selbst Wickelsessions ohne markdurchdringendes Schreien sind tatsächlich möglich. Das tut allen so gut, dass wir drei uns an diesem nebelig-stillen Novermbertag über Besuch freuen können.

20.09.10

Vergessen Sie Google, es gibt doch Buugle

Drüben beim Kollegen Christian Fischer entdeckt: X3: Buugle – was Google kann können wir schon lange!

22.08.10

iZito

Nein, iZito ist kein neues Gängel-Produkt von Apple, sondern eine “meist intelligente Cluster & Meta-Suchmaschine” und eine in meinen Augen brauchbare Google-Alternative. Wie ich darauf komme? Ich spürte in den letzten Tagen beim Suchen mit iZito nur selten das Bedürfnis, das Suchfeld des größten Datensaugers auf der Welt zu benutzen. ;-)

22.08.10

WordPress 3.0 mehrsprachig einrichten

Letztens habe ich auf einer Schulung einigen Mitgliedern eines Kulturvereins das Wesentliche im Backend von WordPress gezeigt. Dabei ist mir erneut bewusst geworden, wie schnell auch eher unerfahrene Menschen sich mit WordPress anfreunden können. Nach den Erfahrungen mit ExpressionEngine und Contao (früher TYPOlight) ist WordPress für kleine bis mittelgroße Websites, die nicht jeden Tag aktualisiert werden, mittlerweile mein bevorzugtes CMS. Zumal die Multisite-Fähigkeit von WordPress 3.0 nun auch mehrsprachige Websites ohne Hängen und Würgen zulassen soll. Heinz Duschanek zeigt in seiner Anleitung WordPress 3.0 und Mehrsprachigkeit wie einfach das in Grunde zu realisieren ist.

20.08.10

Mit Firefox 4 per Du in Vorbereitung

Vorige Tage habe ich mir endlich die Beta 3 von Firefox 4 installiert und gestaunt, wie schnell der Feuerfuchs geworden ist. Vor allem flashintensive Seiten wie mein Webradio und das Backend verursachen jetzt kaum noch Wartezeiten. Das Interface hingegen scheint mir nicht unbedingt verbessert worden zu sein, was auch im Hinblick darauf schade ist, dass ich für das Update meiner Anleitung Mit Firefox per Du sehr viele Screenshots neu erstellen muss. Überhaupt wird Mit Firefox 4 per Du mir recht viel Arbeit machen, denn ich plane ein etwas opulenter angelegtes Redesign sowie eine Neustrukturierung der Inhalte, die nicht mehr in Kapiteln, sondern nach Hauptthemen geordnet werden. Zudem werde ich das Tutorial komplett auf WordPress umstellen, dann wird es schlicht einfacher zu pflegen sein.

20.03.10

Schönes Webdesign für kleines Content Management

Während Verena die Kunst des kleinen Icons ausübt, backe ich kleinere Brötchen und mache Redesigns mit Fotorecherche für den Kopfbereich und kundenfreundlicher WordPress-Implentierung, geschehen für das Seniorenheim der Verbandsgemeinde Linz. Schön war an der Arbeit, dass Perun mir den entscheidenden Tipp für ein PlugIn geben konnte, das dafür sorgt, dass eine Navigation mit Untermenüpunkten nicht dauerhaft geöffnet ist. Stattdessen soll nur das Submenü zu sehen sein, das ein Besucher aktuell geöffnet hat. Vielen Dank an Perun und seine schnelle Hilfe. Ich hatte zuvor vieles ausprobiert und auch zahlreiche PlugIns getestet, aber keines arbeitete wirklich im gewünschten Sinne. Aber auf das PlugIn Fold Page Menus bin ich nicht gestossen. Sachen gibts!

 Website Seniorenheim Linz

Ein weiterter Artikel zum Thema schönes Webdesign und WordPress als CMS: 125 WordPress Templates für ein Redesign

20.03.10

Die Kunst des 16 Pixel Icons

Verena hat bereits oft umfangreiche Iconsets für Software erstellt. Eine Herausforderung sind aber vor allem Icons, die wegen ihrer geringen Größe von 16 x 16 Pixel feinster Gestalterhändchen bedürfen. Zumal es darum geht, einem Set von über 100 Icons einen harmonischen und durchgängigen Stil einzuhauchen. Und darin ist Verena in meinen Augen eine wahre Meisterin. Deutlich wurde mir das wieder beim neuen Iconset für die Literaturverwaltung Citavi, die von der Firma Swiss Academic Software entwickelt und vertrieben wird. Verena konnte das perfektionistische Team dieser Firma (mit Verena versuchte es die Firma bereits mit dem dritten Icondesigner) zunehmend begeistern. Ihr Ansprechpartner war nah daran, Verenas Hang zum Perfektionismus zu toppen. ;-) Aber das Ergebnis rechtfertigte die zahlreichen Absprachen, Vorschläge und Versuche und ein Kunde kann begeisterter nicht sein.

Inconset für die Literaturverwaltung Citavi


Ansichten:  Markus · Dietmar · kurt · Ping

Android Anleitung App Design Blogosphäre Buch CMS CMS Made Simple Datenschutz ExpressionEngine Film Fotografie Fotolust Freiberufler Fussball Galaxy Note GooglePlus Grafikdesign Icondesign Ingwer iPod Touch IT-Sicherheit Layout Leben Le français Medien Musik Netz Objective C Politik Produkt Redesign Rezepte Ruhrgebiet Software Sprache Technik Teufel UX UX-Design Verpackungsdesign Videoanleitung Webdesign Webradio Wissen Wordpress

© 2014 Ralph Segert . Impressum