28. Mrz
miranda-fusion.de im neuen Gewandt
Es ist vollbracht, nach knapp 2,5 Jahren, ein und demselben Design, zeigt sich www.miranda-fusion.de in einem neuen Gewandt.
Das Design hat etwas an Farbe gewonnen, soll jedoch immernoch modern und elegant wirken. Ich hoffe das ist mir gelungen.
Aber nicht nur optisch hat sich was getan. Auch unter der Haube gab es eine Menge an Veränderungen. Der Code wurde quasi komplett neu geschrieben, was das Theme angeht. Als Grundbaustein dient jedoch immernoch WordPress, welches sich in den letzten Jahren sowieso zu einem der modularsten Websoftwares entwickelt hat. Es braucht sich jedenfalls vor “richtigen” CMS nicht verstecken. Einige Plugins konnten entfernt und durch bessere ersetzt werden.
Doch nun ein paar Worte zu den neuen Besonderheiten:
Auf der rechten Seite der Hauptseite findet Ihr nun eine breitere Sidebar, welche einige Informationen kurz und bündig anzeigt. Darunter:
- neuste Updates (nicht nur Mi:Fu bezogen)
- letzte Kommentare von der gesamten Website
- letzte Foreneinträge
- meist gelesen, meist kommentierte Beiträge
- und eine Linksammlung
Ein neuer Bestandteil auf der Hauptseite ist Twitter. Es wird immer wichtiger, wenn es um das Verbreiten und das Heranziehen von Informationen geht. Nein, Twitter ist kein Nachrichtendienst, wann man zuletzt aufs Klo gegangen ist oder was man gerade zum Frühstück gegessen hat. Man kann es auch sinnvoll einsetzen. In unserer Twitterbox werden vorallem Miranda relevante Tweets “gefollowed” (wie man so schön sagt :D)
Das Hauptmenü im oberen Bereich ist nahezu unverändert geblieben, der Header wurde als optisches Schmankerl, mit einem sogenannten “Parallax” Effekt aufgepeppt. Flash entfällt auf dieser Seite also nun gänzlich und spart Traffic.
Die einzelnen Newsbeiträge werden nun nur als Auszug auf der Hauptseite dargestellt, um einen besseren Überblick zu bekommen. Gleichzeitig wurden die Beiträge thematisch eingeordnet und mit entsprechenden Icons versehen. Gleichzeitig werden Beiträge zukünftig mit entsprechend, relevanten Tags versehen. Das Forum wurde jetzt auf die komplette Breite der Seite ausgeweitet, langen Posts dürfte nun also nix mehr im Wege stehen. Gleiches gilt für den Dev-Blog.
Der Login bzw. die Anmeldung erfolgt nun über das obige Slidermenü. Je nach Benutzerrechten, werden dort entsprechende Links zum Profil etc. angezeigt. Auch diese Lösung bringt uns wieder mehr Platz für die Sidebarinhalte.
Noch ein paar Details zur Seite selbst: Die optimale Darstellung liegt bei 1024x768px, die beste Betrachtung liegt bei 1280x720px und höher. Die Seite wurde erfolgreich, soweit es ging mit folgenden Browsern getestet:
- Interent Explorer 8.0,
- Firefox 3.6.2,
- Chrome 4.1 und
- Opera 10.5.
Das neu gecoded Seitentemplate wurde erfolgreich nach Standard von W3C für XHTML 1.0 und CSS validiert. (Allerdings ist WordPress selbst manchmal nicht allzu schlau und fügt selbst immer mal komische tags ein :-/ ). Javascript muss aus technischen Gründen, für eine volle Funktionalität, aktiviert sein.
Soweit in Kürze zu den aktuellen Neuerungen. Ich hoffe Euch gefällt das Design und auch die zusätzliches Funktionalität. Über ein positives Feedback würde ich mich freuen. Sollten noch erhebliche Probleme bei der Darstellung bestehen, so lasst es mich ebenfalls wissen.
In diesem Sinne…
puttee
am 28. März 2010 um 00:25
6944
der junge hat langeweile so was herzu richtien ey HAMMER OBER SPITZE RICHTIG GEIL
am 28. März 2010 um 03:08
6945
Futruristisch, übersichtlich, modern und Mi:Fu like, der Aufwand hat sich gelohnt meine Lieben ;)
am 28. März 2010 um 06:56
6947
mir gefällt es richtig gut, sehr schöne arbeit!!
macht weiter so =)
cheers
am 28. März 2010 um 10:29
6949
Hätte es selber nicht besser machen können *g* … der Oberhammer…das alte Template war echt so langsam ein bisschen überlaufen und zu eckig…
Das einzige was ich noch nicht verstehe ist das verrückte Mi-Fusion Logo das sich bewegt.
Ansonsten superschön und einfach “smooth”
am 28. März 2010 um 10:53
6950
Danke, das muss man nicht verstehen, soll nur nen nebenbei Effekt sein ;-) Es kann kein Kaffee kochen oder die Zeitung vorlesen. Also nicht zuviel davon erwarten… :-P
am 28. März 2010 um 11:26
6951
Schade :P das würde Mi-fu.de nur noch attraktiver machen :P .. vllt klappts mit Web 4.0 irgendwann
am 28. März 2010 um 11:30
6952
Abgefahren…kommt man nach ein paar Tagen mal wieder hier auf die Seite und BÄM! Alles neu! Ist nett geworden und sieht super aus. Fühl mich nur gerade etwas überrannt :) Wie das halt so ist…vom Gewohnten zu etwas Neuem. Aber die Funktionalität spricht für sich und das Design ist sehr gelungen und passt immer noch zu Mi:Fu. Könnt ihr stolz auf euch sein :P Damit könntet ihr glatt nen Designaward bekommen :)
MfG Dimitrie
am 28. März 2010 um 11:38
6953
Oh…wird es auch noch neue Themes geben für den Clienten? :D
am 28. März 2010 um 13:45
6956
DAS IST SOOO KRASS HIER! DU HAST MEIN RESPEKT DUUUDE! Die Seite ist sooo gut geworden!!!
am 28. März 2010 um 14:50
6957
Sehr sehr geil!!
am 28. März 2010 um 17:22
6958
Nice!
am 28. März 2010 um 17:23
6959
Nur der linke Rand passt nicht auf den Bildschirm. Ich sehe nur 010 Mrz
am 28. März 2010 um 17:36
6960
liegt an deiner Auflösung. Ab 1280×720 ist es perfekt. Aber deswegen steht das Datum auch nochmal unter dem Beitragstitel.
am 28. März 2010 um 18:54
6961
Ok, dann kommts vom Netbook. Dummer EEEPC ;-)
am 28. März 2010 um 20:16
6962
Tipp: Ich würd vllcht die Imgs oben als Link zur Home-Seite machen.
Und den Background mal zusammen rücken, trotz 1280 kann ich zur Seite scrollen, des kanns jah nich sein ; )
Aber sonst ist es eiglt recht gut gelungen ^^
Cheers, Black-Shaddy.
am 28. März 2010 um 22:13
6963
Ich habe es ja schon in der letzten Nacht gesagt, hat sich unser Administrator wirklich was gutes, neues und frisches aufgetischt.
Nochmals *Daumen hoch*
am 28. März 2010 um 22:20
6964
ja sag ja hat LW aber hammer geil
am 31. März 2010 um 10:46
7202
Hey Miranda Fusion Team!
Respekt für eure Arbeit. Mal wieder was Neues für´s Auge.
Ich habe aber 2 Dinge anzumerken.
Weniger ist oftmals mehr. Wenn man hier das erste mal reinschaut wird man förmlich erschlagen. Es ist subjektiv schwieriger geworden wichtiges von unwichtigem zu trennen. Durch die Farb- Format- Font- Grafikvielfalt hat man kaum noch möglichkeiten wichtige Dinge so zu markieren das sie aus dem ganzen noch besonders hervortreten. Man müsste schon einen dicken gelb-schwarz gestreiften rand drumrum ziehen… Ihr hattet z.B. auf der vorgängerseite einige Linkbuttons die in graustufen waren und erst beim drüberfahren bunt wurden… das war z.b. gut.
Performance. Auch hier ist weniger oftmals mehr. Sicher ist es ganz nett wenn sich alles bewegt und “reinslidet” wenn man was anklickt. Aber im gegensatz zu Miranda Fusion selbst ist diese Seite ein richtiger Hardwarekiller. Mein rechner mit 2,4GHz (1 Core, 32bit), 1GB RAM, Desktopgrafik, gehört sicher nicht zu den rennkisten aber auch nicht zu den museumsstücken. Schon gar nicht wenns eigentlich nur darum geht webseiten anzuzeigen. Mal abgesehen von dem nicht ganz kleinen downloadvolumen der seite selbst , sorgen auch die ganzen scripts dafür das man die seite nichteinmal ruckelfrei scrollen kann. Durchschnittlich hat man hier 1FPS. Und wenn man was ancklickt dauert es quasi ewig bis die seite geladen und aufgebaut ist wie sie sein soll. In vielen ländlichen gebieten ist eine DSL Leitung luxus so dass man mit einer 2000er schon der Highspeed-King des dorfes ist. Meist bewegt sich das aber eher unter 1000 bis runter auf 348kbit/s.
Spartanisch soll es bei euch nicht werden, das würde nicht zu euch passen. Aber vielleicht solltet ihr mal Landurlaub machen mit einem alten Laptop was bei euch vielleicht noch rumliegt. Dann kommt man ganz von allein drauf was man optimieren könnte. ;-)
Trotzdem ein Lob an euch für Miranda Fusion. Es gibt nix besseres.
so long… gubi das dorfkind
am 31. März 2010 um 19:12
7206
Vielen Dank für das kritische Feedback, muss es ja auch geben ;-)
Thema Übersicht. Sicherlich ist es für Neuankömmlinge immer schwierig sich auf einer Seite, entsprechend dem gesuchten, zurechtzufinden. Dennoch habe ich versucht das wesentliche in Blickfeld des Besuchers zu konzentrieren. Alle wichtigen Links zum Projekt selber findet man eher auf der linken Seite, also das Hauptmenü, und die Newsspalte. Alles andere ist Zusatz. Auch für unsere Stammgäste sollte sich das eingewöhnen in Grenzen halten, da das Hauptmenü ja auch nahezu unverändert geblieben ist. Aber irgendann wird sich auch der letzte dran gewöhnt haben ;-) Allen kann man es sicherlich nicht recht machen. Das wissen wir als Mi:Fu Team nun mehr als genug :D
Thema Performance: Auch ich habe einen Highendrechner, und einen betagten Laptop. Dort ist mir während meiner Tests kein ruckeln aufgefallen. Getestet habe ich das natürlich mit allen gängigsten, neusten Broweserversionen. Wobei ich leider feststellen musste das Firefox meines erachtens am schlechtesten abgeschnitten hat. Generell scheint FF hinsichtlich JS seine Probleme zu haben. Memleaks sind keine Seltenheit, das habe ich im Laufe auch schon auf diversen anderen Seiten festgestellt. Ich war früher ein großer Fan von diesem Browser, aber FF hat meines erachtens extrem an Boden verloren. Mit Chrome und Opera flutscht es einfach besser. Auch der IE8.0 muss sich nicht verstecken. Aber das ist wieder ein anderes Thema :)
so long², best regards
puttee
am 31. März 2010 um 13:46
7203
Ich muss euch zustimmen, die Website sieht echt gut aus.
Aber der Header ist zu aufwendig. Dieses sich bewegende etwas frisst zusammen mit der restlichen seite 50 mb speicherplatz… den brwoser ansich nicht mit eingezogen. Selbst auf meinem i5, hd 5650, flashplayer 10.1 und chrome 5.0.360.4 ruckelt das ganze.
am 31. März 2010 um 19:19
7207
Danke.
Ich kann nicht genau sagen ob es nun an Chrome 5 liegt, welcher ja noch in einem frühen Stadium ist. Ich selbst nutze auch den Chrome, allerdings 4.1.xxxxxxxx. Läuft alles rund, und mein Chrome brauch gerade mal 7 MB. Aucgh auf meinem 3 Jahre alten Laptop. Schwer zu sagen was hier die Ursache ist. Was ein Ruckeln hervorrufen kann, ist wenn man die Seite mit STRG + “+/-” skaliert.
am 3. April 2010 um 10:55
7220
Hey Puttee,
du hast recht, es liegt am Zoom. Aber da mein Laptop auf 15 Zoll eine FullHD Auflösung fährt, hab ich immer Autozoom drin. Kann darauf leider nicht verzichten, auf 720p sieht es bescheiden aus. Meinst du, du kannst an der Performance noch was drehen?
am 3. April 2010 um 12:20
7221
Wir haben den Code jetzt schon optimiert. Der “Parallax” Effekt im Header wurde deaktiviert :-/ Ebenso der spezielle Fading Effekt bei den Tabs in der Sidebar. Zudem wurden die gesamten Grafiken der Website von 1,8 MB auf knapp 900kb reduziert. Mehr is kaum noch drinne, es sei denn ihr wollt eine Textbasieren Website ^^
am 31. März 2010 um 15:14
7204
Also irgendwas macht ihr falsch. Auf meinem Netbook mit Atom läuft das alles absolut flüssig.
Und wie 50MB? Ich lade 2mb bis die Seite da ist.
Das Einzige was gerade nicht funktioniert ist auf der Startseite auf Kommentare drücken und dann direkt dahin springen im Artikel.
am 1. April 2010 um 08:33
7208
Naja…. Dein Atom gehört zwar nicht zur Highendklasse der CPU´s aber gehört dennoch zu den CPU´s aktueller Technologie. Er rechnet deutlich schneller als ältere CPU´s mit der selben Taktfrequenz. Die meisten machen immer noch den Fehler einfach nur die GHz zu betrachten und zu vergleichen. Das kann man aber schon lange nicht mehr.
Auf einem AMD Athlon XP 2400+ z.B. sorgen allein die bewegten Linkbuttons für 100% CPU Auslastung!
Und ja bei Aufruf der Startseite werden ungefähr 1,8 MB runtergeladen. Allerdings rendert der Browser das dann noch zu einer “fertigen” Seite zur Anzeige. Und dann belegt die Seite dann fast 50MB Ram weil z.B. ein JPG Bild ja erst dekomprimiert werden muss um es anzuzeigen usw… kannst dir ja mal den Spaß machen und dein Desktophintergrundbild als 32bit BMP speichern. Dann weißt du wieviel Ram dein Hintergrundbild beansprucht im Gegensatz zu den 0,5 bis 1,5 MB auf Platte.
Und selbst 1,8 MB Downloadvolumen der Seite sind für eine langsame DSL Leitung schon sehr viel. Während ich das mit meiner 16000er das in ner sekunde geladen bekomme dauert es bei einer 2000er schon fast 10 Sekunden… bei einer 1000er verdoppelt sich die Zeit. Und “auf dem Lande” gibt es oftmals nur DSL Light oder SuperLight (768 bzw. 348)… das sind grafiklastige Seiten einfach übel. Zumal es mit dem download dann ja nicht getan ist. Dann kommt noch das Rendern der Seite im Browser, das sollte eigentlich selbst auf betagteren Rechnern nicht 100% CPU Kapazität beanspruchen.
Du mit deinem Atom Netbook hast ne richtige rennkiste. Ein Atom CPU mit ION Chipsatz ist locker in der Lage FullHD Videos zu dekodieren und abzuspielen!
Ein Intel P4 mit 2,6 GHz(& Hyperthreading), 2GB Ram, Nvidia Gforce 5400FX, ist dies NICHT! Da ruckelt es selbst bei 720p Videos!
D.h. ein Atom mit 0,8 – 2GHz ist schneller als ein P4 mit 2,6GHz.
Äpfel & Birnen sag ich nur :-)
mfG