Kategorien
Browser

Aus den Blog-Statistiken

Erstaunlich, dass jemand mit dem Suchbegriff “IE8 langsam” auf ie7pro.com hier aufschlägt. Wie wär’s mit Firefox, Safari, Opera?

Später dann auch mal kurz was zur pl0gbar Bochum an der ich gestern teilnahm.

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Suchergebisse falsch präsentieren

Fernab der Sonnenseiten gibts auch Beispiele für schlecht gelöstes im Web:

Die Suchfunktion des Landes NRW zeigt: Suchergebnisse sollten den Titel einer Seite anzeigen, nicht dessen Dateinamen. Oder könnt ihr mit 071219MAGS.php etwas anfangen?

Kategorien
Browser

Opera 9.5 und Firefox 3

Kurz gesagt: Opera 9.5 ist extrem sexy – allerdings sollte man das Farbschema ändern – und sämtliche Mozilla-Server versagen am Firefox 3-Download-Day, an dem man ins Guinnessbuch wollte. So klappt das nicht, Jungs.

Opera ist jetzt erstmal mein Standard-Browser. Habt ihr davon, so! Ätsch.

Kategorien
Browser

Tabs in Firefox duplizieren

Um’s für die Nicht-Twitterer festzuhalten: Christian fragte durch die Runde, wie man am besten Tabs in Firefox dubplizieren kann. 3 Wege gibts:

Der Weg über die Tastatur: Strg+L, Alt+Enter

Der Weg mit der Maus: Das Favicon in der Adressleiste schnappen und in die Tableiste ziehen. Am besten dahin, wo noch Platz ist, sonst wird der anvisierte Tab mit der Adresse überschrieben. Das ganze mal als Video:

Der Weg mit Plugin: Duplicate Tab installieren und sich über die mitgebrachten Tastenkombinationen freuen:

  • Strg(/Befehl)+Umschalt+T dupliziert einen Tab im bestehenden Fenster.
  • Strg(/Befehl)+Umschalt+N dupliziert einen Tab in einem neuen Fenster.
  • Strg(/Befehl)+Umschalt+Z fasst Fenster in Firefox zusammen.

So gehts natürlich auch:.

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

CSS-Grids – lieber ohne Framework

Zurzeit wird ja groß und breit über Grid-Frameworks und ihre Nachteile/Vorteile gesprochen. Die Methode Grids/Raster zu verwenden halte ich für gut, gerade um Ordnung und Gestalt auf die Seite zu bringen. Die technischen Ansätze der Grid-Frameworks sind mir aber teilweise zuwider, da hier teilweise sehr in den HTML-Quelltext eingegriffen werden muss.

Man schaue sich nur mal das Beispiel des 960.gs-Frameworks an:

Klassen-Zuweisungen wie container_12, grid_7 prefix_1 und grid_2 alpha sprechen nicht gerade von Semantik und sind arg präsentations-bezogen. Aber genau das wollten wir doch alle vermeiden und semantische Klassennamen wie .sidebar/.aside, .legal oder .error verwenden. (Wobei man die ersteren auch als ID-Attribut verwenden kann.)

Was ich am 960.gs-Framework allerdings gut finde ist, dass Vorlagen für Photoshop und Co. mitgeliefert werden.

Minifazit: Es ist okay, bei der Webgestaltung auf Grids/Raster zu setzen, allerdings sollte man dabei nur bedingt auf Frameworks zurückgreifen und lieber eigene Lösungen entwickeln, um einen Gridaufbau sicherzustellen.

Und das sagen andere:

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Bessere Captchas

Captchas sind sowas von nervig. Das Ausfüllen dauert eine gefühlte Ewigkeit und ob Klein- und Großschreibung egal ist, ist auch nicht immer ersichtlich.

Wieso sind Captchas nicht so aufgebaut:

Benutzerfreundliches Captcha

Statt den Text einzugeben klickt man einfach eine (die richtige) von vier Möglichkeiten an, fertig. Meiner Meinung nach viel schneller, weniger penetrant und vor allem komfortabler. Wahrscheinlich sogar noch ein Stück barriefreier.

Das Captcha stammt von plindberg.

Kategorien
Frontend: HTML5, CSS3, jQuery Netzwelt Webstandards

Ergebnisse der Webworker-Umfrage der Webkrauts

Die Ergebnisse zur Webworker-Umfrage der Webkrauts sind da. (Als hättet ihr es nicht schon längst mitbekommen ;))

Kategorien
Browser

Webseiten-Screenshots mit Screengrab!

Zuerst gab es Screen Grab!, dann kam der Pearl Crescent Page Saver Erstgenannter hat aber nochmal ordentlich zugelegt:

Basically “Screengrab!”: let’s you take what you want from a web-page: the entire scrollable document, just the visible bit, or a draggable selection. Screengrab will even save just the contents of an individual frame. screengrab.org

Sprich: Screenshots von der ganzen Webseite, nur vom Viewport oder auch eine selbst aufgezogene Selektion. Was mit der Frame-Sache gemeint ist, hab ich noch nicht geschaut, klingt aber auch ganz nett.

Screengrap! bei Mozilla runterladen. Das Icon landet dann nach einem Browser-Neustart in der Statusleiste.