Runderneuert: Fusion, Neues Design und CH-App Verzeichnis

Heute wollen wir euch drei grosse News betreffend dem iphone-blog.ch vorstellen:

  1. Wir haben mit iphone-blog.info fusioniert, einem anderen Blog über iPhone und Apple Produkte.
  2. Wir haben ein Schweizer-App-Verzeichnis geschaffen
  3. Wir haben (schwer zu übersehen) ein neues Design und Layout

Im März hat uns Michael von iphone-blog.info angefragt, ob wir ev. zu einer Fusion bereit wären. Wir waren ziemlich schnell dafür begeistert und haben begonnen Ideen für die Fusion und den neuen Auftritt zu entwerfen. Mit der Zeit kamen uns dann immer mehr Dinge in den Sinn. Etwas was wir schon lange mal vorhatten war ja das Schweizer App-Verzeichnis, das wir schon einmal entworfen hatten und dann aber wieder beerdigen mussten. Nun ist auch das realisiert und in unser Design eingebunden. Auch das Forum brauchte eine Auffrischung, so entschieden wir uns für das tal.ki Forum das sich gut in das Design integrieren lässt. Last but not least haben wir auch ein neues „Logo“. Weitere Neuereungen und technische Backgrounds gibts nach dem Klick
Social Media Plugin
Als Schnittstelle zu den Social Networks haben wir einen Retweet-Button und einen Facebook-Like Button eingebaut. Wir denken, dass wir mit diesen beiden Buttons den allermeisten Usern entsprechen. Die Social Media Button sind ebenfalls auch auf dem CH-App Verzeichnis verfügbar. Mit dem Like-Button wird in eurem Facebook Profil angezeigt, dass euch dieser Artikel oder diese App gefällt.
Template
Wir versuchten unsere Seite mit einer Template-Basis zu erstellen, doch wir fanden nichts passendes und bei einigen geeigneten Kandidaten, die in Frage kamen wurden im footer Links zu Porno-Seiten eingeblendet. Da der Footer und damit auch das restliche Template kennwortgeschützt und der Footer dazu noch verschlüsselt war, mussten wir auch diese Kandidaten beerdigen. So begannen wir das Template selbst zu erstellen. Zuerst nur als HTML Seite mit CSS und dann mit der WordPress-Integration. Im Netz finden sich dazu einige gute Tutoriale..
Slider und Menu-Blob
Der Slider auf der Blog-Startseite ist das Skript jFlow, mit dem sonst auch Bildergallerien erstellt werden können. Der Menu-Blob, also das weisse Teil, dass sich mit der Maus bewegt ist das Skript Menu-Blob, dass wir aus diesem Tutorial haben und abänderten. Alle Java-Scripte basieren auf dem jQuery-Framework, das von einem Google-Server eingebunden wird.  Dazu gehört auch unser Gallerie Plugin „Fancy-Box“.
CH-App-Verzeichnis
Haben wir komplett selbst entwickelt und programmiert. Es ist ganz abgeschottet vom WordPress-Template und hat eigene Design-Dateien (wenn auch mehrheitlich diesselben). Das Verzeichnis ist komplett in PHP programmiert, der Programmcode für die PHP-Funktionen (ohne HTML) ist ca. 800 Zeilen (30KB) gross. Die Apps haben wir extra Suchmaschinen-freundlich gestaltet und auch so, dass ihr sie euch besser merken könnt. Das ganze ist mit Rewrite-Rules und -Conditions in einer .htaccess Datei programmiert. Den Adressteil hinter /ch-apps/…. wird dann aber von PHP ausgewertet. Effektiv ist es immer die gleiche PHP-Seite die dem Inhalt des CH-App-Verzeichnis generiert.
CH-App-Verzeichnis für iPhones
Das App-Verzeichnis gibt es auch in einer iPhone-optimierten Version als iPhone-Web App. Wir haben sogar ein Logo geschaffen, dass angezeigt wird, wenn du die CH-App-iPhone-Seite auf dem Homescreen speicherst. Die Website wird dann als sog. Web-App im Vollbildmodus geladen. Probiers aus.
Forum
Aus Design und Kompatibilitätsgründen haben wir uns für ein tal.ki Forum entschieden, bei dem nur ein kleiner Javascript Code auf der Seite eingefügt wird und das Forum dann von einem Server nachgeladen wird. Es hat den Vorteil, dass ihr euch nicht registrieren müsst, allerdings haben wir keine Kontrolle und Backup-Möglichkeit für die Beiträge.
Browser-Kompatibilität
Die Seite wird in den meisten modernen Browser fehlerfrei dargestellt. Der Internet Explorer (bis zur Version 8, ab 9 ist es implementiert) kann aber noch nicht mit den Rundungen der Buttons und Sidebars umgehen, da es ein relativ neues CSS3-Feature ist. Deshalb sieht die Page auf diesem Browser viel eckiger aus. Internet Explorer 5.5 oder 6 stellen die Seite leider ziemlich falsch dar, das tut uns zwar leid, doch wir (und Microsoft) empfehlen euch sowieso auf einen neueren Browser zu wechseln, da IE 5.5 und 6 viele Schwachstellen besitzen.
Fragen, Meinungen
Habt ihr noch Fragen zu den technsichen Details oder anderen Sachen betreffend dem neuen Design? Oder möchtet ihr uns einfach eure Meinung zum neuen Design sagen. Nur zu, hinterlasst einen Kommentar und sagt uns eure Meinung.

Visited 5 times, 1 visit(s) today

0 Comments

  1. olifaessler 5. Juni 2010 at 11:28

    Sorry, für den schwer lesbaren Kommentar, ich tendiere leider manchmal dazu den Text erst abzusenden, und dann korrektur zu lesen… Und leider gibt’s hier keine edit Funktion.

    Reply
  2. olifaessler 5. Juni 2010 at 11:26

    Mir kommst ja auch mehr auf Inhalte als aufs Design an. Leider waren auch die Ihnhalte zuletzt nicht sehr attraktiv, daran wird sich jetzt hoffentlich dank der Fusion etwas ändern. Ich werde jedenfalls weiterhin regelmäßig reinschauen und mich gerne positiv überraschen lassen.
    Was das Design angeht war bin ich erst auch etwas erschrocken, ich finde auch, weniger wäre hier evtl mehr gewesen… Aber nun gut, man kann sich damit abfinden.

    Reply
  3. joel 4. Juni 2010 at 17:48

    ich finde das neue design recht ansprechend. und das ch-app verzeichnis ist top. verglichen mit den drei modulen unten ist des hauptmenu schon klein, aber normalerweise scrollt man ja auch nicht bis ganz nach unten. Das banner ist noch verbesserungswürdig, aber vorallem der grüne twitter-streifen sticht enorm heraus. ich würde eine abstimmung veranstalten ob das neue design weniger farbig gemacht werden soll und schlage sogleich vor bei einer reduzierung der farben alles orange durch ein hellblau zu ersetzen. ein iphone ist ein modernes gerät, wieso also nicht auch ein iphone-blog modern gestalten. (das alte design war ja beinahe schon trist)
    gruss joël

    Reply
  4. matthiasl 4. Juni 2010 at 17:26

    Hi zusammen, danke für euer Feedback. Wir nehmen eure Kritik sehr ernst und es ist uns auch wichtig, auf eure Bedürfnisse hinsichtlich des Design eingehen zu können. Wir werden weiter am Design/Template arbeiten und versuchen es zu verbessern…
    lg matthias

    Reply
  5. Reto 4. Juni 2010 at 16:30

    Naja, das war das ehrliche Feedback! Hat doch nichts mit Nörgeln zu tun. Da alte Design kam edler daher. Dieses hier ist wirklich nicht gut. Nur das Copyright ganz unten ist viel zu gross! Auch in den drei Modulen unten. Grosse Arialschrift, viel zu gross. Das Haupmenü oben geht total unter und die Links sind nicht mal in der mitte vom Balcken. Es ist ein 10 jahr altes Design. Die Inhalte aber sind wie immer TOP ;)

    Reply
  6. Rolf Scheidegger 4. Juni 2010 at 15:52

    Mensch seid Ihr Nörgler !Also ich finde die Seite hatte einen frischen und modernen Anstrich bekommen.Diese Seite wurde nicht mehr so gut besucht wie auch schon.Und jetzt versuchen die Betreiber der Seite etwas daran zu ändern ! Peng die ertsen 3 Kommentare negativ ! Ihr wisst wirklich wie man Leute motiviert.Mir jedenfalls gefällt sie und ich hoffe es gibt noch einige mehr die das so sehen wie ich.Ich hoffe auf ein reges Austauschen von Meinungen ,News und Infos!
    gruss
    rolf

    Reply
  7. sm 4. Juni 2010 at 14:49

    Alles so schön bunt hier… ;-)
    Mir hat das alte Design auch deutlich besser gefallen, aber ich werde mich mit der Zeit wohl auch mit dem neuen abfinden können.

    Reply
  8. Mike 4. Juni 2010 at 10:14

    Da muss ich Ivo leider zustimmen. Das neue Design – wenn man da überhaupt von Design reden darf – ist sehr sehr schlecht. Da wäre man mit einem kostenlosen Template wesentlich besser bedient gewesen. Bitte geht da nochmals über die Bücher.

    Reply
  9. Ivo 4. Juni 2010 at 8:34

    sicher begrüssenswert, dass ihr versucht, Synergien zu schaffen um so noch bessere Qualität zu erreichen. Das Layout hingegen fällt absolut unten durch. Das alte Layout wirkte seriöser und aufgeräumter und kam nicht wie ein billiger Ramschladen daher. Schade…

    Reply

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.