Kategorie: Webdesign

Externes Projekt Schule-fuers-Leben.de

Thies Schreib einen Kommentar

Externes Projekt Schule-fuers-Leben.deHeute ist ein neues Webprojekt online gegangen: Schule-fuers-Leben.de, die Website zur Bildungsinitiative der FDP-Fraktion im Thüringer Landtag.

Neben Großflächenplakaten und Pressekampagnen wurde hierfür auch eine Website benötigt. Diese sollte schnell umgesetzt werden, einfach zu bedienen sein und vor allem ein Responsive Design besitzen, damit auch mobile User speziell angesprochen werden können.

Als Basis habe ich daher WordPress genutzt, da es eine gute Akzeptanz besitzt und eine Vielzahl von hervorragenden Plugins genutzt werden können. Aufgrund der Kürze der zur Verfügung stehenden Zeit habe ich kein komplett neues Design entwickelt sondern habe auf die qualitativ hervorragende Theme Choice zurück gegriffen. Durch die umfangreichen Theme-Optionen war es möglich, die Theme an die Layoutvorlagen der Printkampagnen anzupassen.

Tutorial: Website-Spammer anhand IP umleiten

Thies Schreib einen Kommentar

Wie kann man gegen unliebsame Besucher auf der eigenen Website vorgehen? Da ich am Wochenende einen Spammer zu Gast hatte, der versuchte via Server aus der Ukraine das Gästebuch auf einer meiner Websites zuzumüllen, musste ich mich mal wieder mit dem Thema IP-Sperre / IP-Umleitung beschäftigen und habe dazu gleich mal ein kleines Tutorial gepostet, das vielleicht dem / der Einen unter Euch helfen kann:

Zum Tutorial Website-Zugriffe anhand einer bestimmten IP-Adresse sperren oder umleiten

P.S.: Ich hoffe natürlich, dass Ihr nie die Notwendigkeit habt, aber das hatte ich ja auch gehofft ….

NIXUS Icon Pack – 60 kostenlose Premium Icons

Thies Schreib einen Kommentar

Tutorial9.net - NIXUS Icon Pack: 60 Beautiful Premium Icons (Free)Auf Tutorial9.net ist ein qualitativ wirklich sehr hochwertiges und dazu auch noch kostenloses Icon-Pack erschienen. Die Icons liegen als transparente PNG in den Größen 64×64px, 48×48px und 32×32px vor und dürfen frei für den privaten wie auch den kommerziellen Gebrauch genutzt werden. Das Layout ist sehr modern und farbig gestaltet und passt meines Erachtens sehr gut zu den aktuellen Stilentwicklungen im Bereich Webdesign.

Zum NIXUS Icon Pack @ Tutorial9.net

Portfolio: Website der FDP Fraktion Thüringen

Thies Schreib einen Kommentar

In den letzten Wochen war ich durch zwei Projekte stark eingebunden, so dass mir leider die Zeit fehlte, hier auf meiner persönlichen Website aktuelle News einzustellen. Einerseits arbeite ich an einem Relaunch von f-thies.de – dazu in Kürze mehr – und andererseits hatte ich den Auftrag erhalten, die Website der neuen FDP Fraktion im Thüringer Landtag zu erstellen. Heute um 10:30 Uhr war es dann auch soweit, die Website ist online gegangen.

Im Hintergrund läuft das von mir entwickelte CMS phpVerbandCMS, um eine einfache und Multiuser-fähige Pflege der Website zu gewährleisten. Das Layout wurde stark auf die Farbe Blau passend zur Corporate Identity der FDP aufgebaut, sollte aber auch modern und frisch wirken. Wichtig war auch eine Integration von Web 2.0 Diensten wie Twitter, Flickr & Co. und neben einer Informations-Plattform sollte es auch stark eine Dialog-Plattform werden. Dazu wurden mittels einer fixierten jQuery-Toolbar am unteren Ende der Bildschirmseite Direktformulare an die Abgeordneten und wichtigsten Mitarbeiter eingebunden und auch sonst gibt es eine Reihe von modernen Zusatzfeatures wie Slideshow der Abgeordneten und einen wechselnden Ticker. Ich glaube, dass das Ergebnis gut geworden ist. Oder?

Feedback, (konstruktive) Kritik und Anregungen sind selbstverständlich gern gesehen!

Website-Performance: JavaScript- und CSS-Dateien parallel downloaden

Thies Schreib einen Kommentar

Dank DSL und Breitband-Internet-Zugängen gibt es immer weniger Modem- und ISDN-Surfer und daher machen sich (leider) immer weniger Webdesigner Gedanken darüber, wie die Performance einer Website verbessert werden könnte. Da aber immer mehr Surfer auch mobil unterwegs sind, scheint dieses Thema langsam wieder etwas an Bedeutung zu gewinnen. Heute habe ich einen sehr interessante Artikel auf PHP Performance gefunden, der sich mit dem Themenbereich Browser-Caching beschäftigt und der Frage, wie man den HTML-Quellcode aufbauen sollte, damit JavaScript- und CSS-Dateien parallel verarbeitet werden können. Hier ein Auszug:

Zuerst ist zu sagen, dass auf CSS-Dateien stets im <head> der Seite referenziert werden sollte und auf JavaScript am Ende des Bodys. Das ist deshalb gut, weil der Browser dann sofort alle CSS-Regeln hat und sofort mit der Formatierung der HTML-Elemente beginnen kann. Ansonsten wartet der Browser mit dem Rendering der Seite bis alle CSS-Dateien geladen sind.

JavaScript-Dateien sollten aus dem Grund direkt vor </body> eingefügt werden, da mit JavaScript HTML-Elemente erzeugt werden können, z.B. durch document.write() oder document.createElement(). Dadurch wird der HTML-Baum verändert. Deshalb muss der Browser mit dem Rendern des folgenden HTML-Codes warten bis die JavaScript-Datei geladen ist (denn der Browser weiss ja vorher nicht, was in der JS-Datei gemacht wird).

Ein sehr gut gemachter Artikel, daher lesenswert:

PHP Performance: JavaScript- und CSS-Dateien parallel downloaden

Relaunch von FDP Thüringen

Thies Schreib einen Kommentar

fdp_thuer_smallDie letzten Tage und Wochen war es etwas ruhig hier auf meiner Website, denn ich hatte ein umfangreiches Projekt in Arbeit: das Redesign der Website der FDP Thüringen. Das letzte Layout hatte ich am 01.01.2006 online gestellt und entsprach inzwischen nicht mehr so ganz meiner Erwartungshaltung. Insbesondere das Layout sollte moderner wirken sowie den aktuellen Standards entsprechen und die sicherlich nicht unumstrittenen Web2.0-Features wie Twitter & Co. gehören integriert.

Seit gestern nun ist die Website der FDP Landesverband Thüringen sowie ein Großteil der Websites der angeschlossenen Kreisverbände nach einer kurzen Downtime von 18 Stunden wieder online. Und ich glaube, dass Ergebnis spricht für sich: hellere Farben, Drop-Down-Menue, Vergrösserungsoption bei den Bildern und vieles andere mehr. Die Website wirkt aufgeräumter und ist in sich klarer strukturiert. Vor allem das umfangreiche Menue, das bisher in einem linken Container viel Platz weggenommen in Aspruch genommen hat, ist nun als CSS-Drop-Down-Menue platzschonend oben integriert, womit mehr Raum für die Artikel bleibt. Entgegen meiner sonst üblichen Fluid Layouts habe ich diesmal die Container mit fixierten Breiten angelegt, was einer Bildschirmauflösung von mind. 1024*768P Pixeln bedarf. Da dies aber inzwischen Standard ist, halte ich diese Einschränkung für akzeptabel. Da im Hintergrund ein CMS läuft (phpVerbanmdCMS) und die Autoren der Websites nicht durchweg über gute HTML-Kenntnisse verfügen, ist dies aus meiner Sicht ein notwendiger Kompromiß

Feedback, (konstruktive) Kritik und Anregungen sind selbstverständlich gern gesehen!

HTML-Formulare gestalten per CSS

Thies Schreib einen Kommentar

Beim Surfen im Web ist mir auf Akademie.de ein sehr schöner Artiel zum Thema HTML-Formulare gestalten per CSS aufgefallen:

Von der Wiege bis zur Bahre – Formulare, Formulare. Im analogen Alltag haben Formulare einen eher negativen Beiklang, im Web basieren alle Interaktionen mit dem Besucher darauf. Peter Müller erklärt, wie Sie ein einfaches Kontaktformular für Ihre Website erstellen, das Sie per CSS gestalten und mit dem Formular-Chef von nettz.de verschicken.

Gerade für diejenigen, die wenig Erfahrung mit PHP etc. haben, ist diese Anleitung sehr interessant, da der externe Dienst Formular-Chef von nettz.de genutzt wird, was das Einbinden eines Formulars deutlich erleichtern kann. Besser ist natürlich, selber PHP o.ä. zu nutzen, aber nicht jeder möchte sich damit unbedingt beschäftigen.

HTML-Formulare gestalten per CSS @ Akademie.de

Tutorial zum Aufbau einer multilingualen Website

Thies Schreib einen Kommentar

Heute habe ich mein erstes Tutorial pnline gestellt, dass sich mit der Frage beschäftigt, wie man sinnvoll an die Erstellung einer multilingualen Website herangehen könnte. Das Konjuktiv ist mit Absicht gewählt, den sicherlich gibt es noch Dutzende von anderen Herangehensweisen, die man wählen könnte. Ob diese besser oder schlechter sind, muss jeder für sich beantworten. Hierbei handelt es sich um meine persönlichen Überlegungen und Anregungen, die anderen helfen soll, die sich mit dieser Fragestellung beschäftigen müssen.

Tutorial zum Aufbau einer multilingualen Website

Toom Baumärkte – Relaunch der Website

Thies 2 Kommentare

Wie (fast) alles im Leben, hat sich auch der Themenbereich Webdesign in den letzten Jahren weiter entwickelt. Früher warem pixelgenaue Tabellen-Layouts das Mass aller Dinge, heute sind CSS, web 2.0, AJAX & Co. in aller Munde. Wenn also die Website einer bekannten Marke einem Relaunch unterzogen wird, dann rechnet man mit vielem. Die Webdesigner der Toom Baumärkte haben aber etwas geschafft, womit sicherlich 2007 niemand mehr gerechnet hat: Frames!!!!

Ja, Ihr lest richtig: Die neue Website basiert auf verschachtelten Framests! Dazu kommt, dass das Layout der Website auf Basis von Tabellen erstellt wurde und der Quellcode nur so von handwerklichen Fehlern strotzt:

  • Kein einziges Mal wurde eine valide DOCTYPE-Deklaration verwendet
  • Der HTML-Code ist nicht mal html 4.01-konform.
  • Wesentliche Texte sind als Grafiken eingestellt worden, womit Besucher mit Textbrowsern etc. weitgehend ausgeschlossen werden. Insbesondere, da das ALT-Attribut nur in der Navigation zur Anwendung gebracht wurde.

Besonders schön finde ich die nachfolgende Zeile:

  1. <script type="text/javascript" src="file:///C:/Dokumente%20und%20Einstellungen/helene.keller/Anwendungsdaten/Adobe/Adobe%20GoLive/Settings7/JScripts/GlobalScripts/CSScriptLib.js"></script>

Ohne Worte!

Sicherlich: Fehler passieren überall und jedem. Aber dass ein Unternehmen der renommierten REWE-Gruppe eine derartig unprofessionelle und einfach nur schlecht gemachte Website einkauft, das kann ich wirklich nicht nachvollziehen. Schade nur, dass wir wohl nie erfahren werden, ob man sich in der Unternehmensgruppe jemals hierüber bewusst sein wird.

f-thies.de ist umgezogen

Thies Schreib einen Kommentar

Ab sofort erreicht Ihr meine prvate Website f-thies.de unter der eigenen Top Level Domain; bis dato diente diese lediglich als Weiterleitung-URL.

Hintergrund hierfür ist, dass ich Teile meiner Projekte zu einem neuen Hoster verlagert habe, da die andauernden Server-Ausfälle einfach nur noch nervten. Gewählt habe ich all-inkl.com, da diese nicht nur ein gutes Preis-Leistungs-Verhältnis haben, sondern auch der Support einen guten Ruf geniesst. Davon konnte ich mich selber inzwischen überzeugen.

Noch sind nicht alle meine Websites umgezogen, das alles etwas dauern, da so ein Umzug doch sehr aufwendig ist und man immer wieder an Ecken mit Problemen konfrontiert wird, wo man absolut keine gesehen hätte.

Aktueller Zwischenstand

  • 20.02.2007: Diese Seite inkl. des Forums ist umgezogen und läuft. Die Demoseiten zum CCDB und phpFTS kommen in Kürze dran.
  • 20.02.2007: Boards @ MM-World ist umgezogen und läuft
  • 23.02.2007: Cheats-Corner.de ist umgezogen und läuft
  • 25.02.2007: BWGuide.de ist samt Forum umgezogen und läuft
  • 25.02.2007: Warcraft-Guide.de ist samt Forum umgezogen und läuft
  • 08.03.2007: MM-World ist nun auch auf dem neuen Server angekommen. Dieser Umzug hat leider etwas länger gedauert, aber im Gegensatz zu meinen anderen Websites basiert MM-World auf klassischem HTML ohne Datenbankanbindung, wodurch viel mehr Dateien kopiert und angepasst werden mussten.