Eröffnet
Das Blog hat leider noch ein paar Kinderkrankheiten, die ich beseitigen möchte, ehe ich hier zu den eigentlichen Themen übergehe. Einstweile erkläre ich Version 2 meines Blogs für eröffnet und bitte um Nachsicht, wenn es hier und da noch etwas „klemmt“.
1 Trackback
Trackback-URL für diesen Eintrag
- Nach dem Test ist vor dem Test in YellowLeds Weblog v2 am
Kommentar schreiben
Hinweise
Die angegebene E-Mail-Adresse wird nicht dargestellt, sondern nur für eventuelle Benachrichtigungen verwendet.
Textile-Formatierung erlaubt
24 Kommentare
Kommentar-Feed für diesen Eintrag
Dirk Deimeke am :
Welcome back! ;-)
Mario am :
Fast erster! Sieht toll aus hier. Schön, dass es weiter geht.
Matthias Mees am :
Prima — Kommentare funktionieren, Avatare funktionieren und die übelste Kinderkrankheit ist auch bereits ausgetrieben. :)
alp am :
Hübsches Stück Frontend-Code jedenfalls! Wann machst du ein Framework? ;-)
Matthias Mees am :
Ich mag keine Frameworks (mehr). Ich habe ein kleines Kickstart-Template (siehe GitHub unter „Social Media“) für HTML5/CSS, das reicht mir. Speziell bei adaptiven Layouts wird es meines Erachtens schwierig mit Frameworks, da ist individuelle Anpassung gefragt.
Ich bastele parallel noch an einem ähnlichen „Werkzeugkasten“ für jQuery, aber das liegt noch nicht auf GitHub.
Grischa am :
Optisch scheint das Template der Beweis dafür zu sein, dass es keine Browser Erkennung für eine prima mobile Ansicht benötigt, wie Du immer schon sagtest. :-)
Aber hier was einzugeben ist auf dem Android nahezu nicht möglich, fühlt sich so an, als ob hier ein Skript jeden einzelnen Buchstaben aufwändig überprüft..?
Matthias Mees am :
Hm. Kann es sein, dass diese zähe Eingabe nur das Feld für den eigentlichen Kommentar, nicht aber die Felder für Name, E-Mail und URL betrifft? Dann ist vermutlich das Javascript, welches das textarea während der Eingabe dynamisch vergrößert, schuld. Ich klemme das gleich mal ab.
Grischa am :
Mal schauen. Nein, leider nicht, immer noch kaum bedienbar.. :-\
Sprungmarke für Kommentar führt mich übrigens an das ende der Seite, muss dann hoch scrollen, um einzugeben..
Matthias Mees am :
Hm, dann muss ich mal schauen, dass ich mir zu Testzwecken die Tage mal das Android SDK installiere.
Die Sprungmarke ist dann aber definitiv ein Browser-Problem, der Zielanker liegt definitiv nicht am Ende der Seite.
rowi am :
Test mit Android und xscope. Sieht gut aus, keine spürbaren verzögerungen. Dieses Eingabefeld ist aber ein paar Pixel zu Breit, es muss etwa eine Zeichenbreite gescrollt werden.
rowi am :
Die Sprungmarke interpretiert auch xscope falsch. Der nutzt die Systemengine, mal Opera probien.
Ist das wirklich kein eigenes Template für mobile Geräte? Das hätte ich dann gern für S9y :)
rowi am :
Opera mobile für Android springt richtig und rendert auch das Eingabefeld etwas kleiner.
Die Probleme hängen wohl mit der WebKit engine des Android Systems zusammen die fast alle alternativen Browser benutzen. Bei mir Android 2.2.1 (aosp)
Matthias Mees am :
Super, vielen Dank. Der Reihe nach:
1. Bei der exakten Formularbreite kann ich relativ problemlos noch nachbessern. Witzig, dass Du die zähe Bedienung so gar nicht nachvollziehen kannst.
2. Opera Mobile funktioniert auf Symbian ähnlich gut, auch da passt es mit der Sprungmarke. Der WebKit-basierte Symbian-Browser ist generell auch zickig, interpretiert — wenn ich das richtig sehe — z.B. auch Javascript nur teilweise?
3. Nein, es ist kein „mobiles“ Template. Dazu kommt mit Sicherheit in den nächsten Tagen noch mehr.
rowi am :
Vermutlich interpretiert Presto einiges im Detail etwas anders als WebKit. Grob passt es ja, aber es ist minimal zu gross, als wenn WebKit etwas exkl. Rahmen interpretiert und Presto inkl..
Javascript wird generell ausgeführt, aber da wird es im Detail natürlich Unterschiede in der Version geben. Bei meinem Browser der die WebKit Version aus Android 2.2.1 verwendet hatte ich bisher nur bei Mouse-Over Effekten Probleme, eine Mouse gibt es bei Touchscreens in dem Sinne ja nicht. Teilweise funktioniert es aber, ich vermute wenn es CSS basiert ist.
Ist aber nur geraten, kennst Du eine Testseite die den JS Umfang ermitteln kann?
Matthias Mees am :
Der Standardbrowser in Symbian rendert auch das textarea zu breit, wodurch der Eintrag insgesamt logischerweise zu breit wird. Den „getabbten” Kommentarbereich stellt er komplett nicht dar, was auf JS-Fehler hindeutet, obwohl es aktiv ist. Das gesamte adaptive Layout läuft hingegen via CSS — außer im IE.
Matthias Mees am :
Okay, Tageszusammenfassung: Die Breite des Textfeldes müsste gelöst sein, das Performance-Problem des Textfeldes bei Grischa kann ich nicht reproduzieren (Rowi scheinbar auch nicht), das Sprungmarken-Prinzip ist eingegrenzt (Ihr meint den unteren „Kommentar schreiben“-Link, richtig?) und der Symbian-Browser kann mir bald mal gestohlen bleiben. Drecksding. ;-)
Robert Lender am :
Schön, dass du wieder mit einem S9y Blog da bist :) “Einfaches” aber schönes Template. Ich weiß ja, warum du mein “Nur ein Blog” Chef-Webdesigner bist :)
Freue mich dann auch schon auf neue Beiträge, in welche Richtung die Artikel auch gehen.
Daniel Pache am :
Eingabe geht relativ gut, hinkt beim schnellen Tippen aber hinterher. Das scrollen klappt nicht so flüssig wie auf einer reinen Textseite, das mag an den Rahmen liegen. Hält sich aber alles in Grenzen.
Telefon: Motorola Milestone mit Android 2.1 (wird nach 15 Jahren Treue mein letztes Motorola gewesen sein).
Matthias Mees am :
Mag sein, dass es Performance-Unterschiede zwischen verschiedenen Smartphones, verschiedenen Android-Versionen etc. pp. gibt — mag ebenso sein, dass die Trägheit unterschiedlich „dramatisch“ wahrgenommen wird. Egal.
Ich habe derzeit 2 Theorien, was die Performance in die Knie zwingt: Entweder das Javascript, welches den Kommentar-Bereich in Tabs packt, oder die recht hohe Menge an generiertem content über :after/:before (für die Pfeile der „Sprechblasen“) — das muss ich die Tage mal mit einem Tester „live“ ausprobieren, da ich weder Android- noch iOS-Gerät habe und es auf meinem Symbian-Handy völlig normal läuft.
Das sind die Momenten, in denen ich müde über die Leute lächele, die denken, sobald IE6 und 7 von der Bildfläche verschwinden, sei Webdesign einfach. :-)
Einstweilen allen Testern vielen Dank!
Liliana am :
Wird gemacht ;)
Daniel Pache am :
Der kleine, dicke Fuchs kriecht unter … oder so,
Bei mir keine Veränderung, leider. Also ich kann damit leben, das “leider” bezieht sich auf die Mühe, die es Dir bereitet ;-)
Bernd am :
Test mit iPhone.
Matthias Mees am :
Nochmal selbst vom LG P500 getestet — prima. :)
Dirk Deimeke am :
Wo ich es gerade sehe, Feedbild und Favicon fehlen noch.