Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

CSS-Wunsch

#content {
#h1 {
/* Alles was die Überschrift so braucht */
}
p {
/* Absätze */
}
}

Sowas wäre toll. Irgendwo mal gelesen und letztens ist es wieder ins Gedächtnis gerückt. Wäre sehr praktisch, aber da wo ich es gelesen hatte, war die Rede davon, dass es das in CSS3 nicht geben wird.

Kategorien
Frontend: HTML5, CSS3, jQuery Netzwelt Webstandards

Webstandards in Germany – inkl. Michel

Da guck ich gerade so in meine Referer und erblicke, dass ich bei Webstandards in Germany gelistet bin. Ohne Frage eine Ehre, aber hey, mal ehrlich: Mein Layout ist ja mal mehr als mies, so kann ich mich doch nicht präsentieren, geht ja mal gar nicht. Aber wow, hätte ich ja nicht gedacht, dass es mal soweit kommt. Ich bin ein wenig überwältigt.

Also, dann mal willkommen liebe Besucher die von Webstandards in Germany hier angelegt haben. Und vielen Dank an Stefan Asemota und falls es denn der Fall ist, dem werten »Seitenvorschlager«. Auch für den richtig geschriebenen Vornamen ein Danke ;)

Und das ganze als Screenshot:
Webstandars in Germany

Kategorien
Browser

Flock-Test

Flock Ich wollte mal die Blogging-Funktion vom Flock-Browser testen. Komischerweise hat Flock mein Weblog als Movable Type erkannt, dabei läuft hier doch WordPress. Nun ja.

Eine recht komfortable Angelegenheit, wenn man sich nicht immer durch die WordPress-Menüs schlängeln muss. Zu diesem Zeitpunkt verbraucht Flock ca. 55,425 Kilobyte Speicher. Das ist recht viel würd ich mal sagen. Aber mit 1,25 GB Arbeitsspeicher dürfte das in Ordnung gehen :)

Noch mal der Werbetext von Flock, um mal die Zitat-Funktion auszutesten:

Flock is a free web browser that makes it easier than ever to sharephotos, stay up-to-date with news from your favorite sites, and searchthe Web.

Flock

Das <blockquote>-Element wird wohl dazu missbraucht, einen Einzug zu erzeugen. Da sag ich mal nichts zu, das sollte eigentlich nicht mehr vorkommen.

Das war’s dann auch schon.

Nachtrag:

Es dauerte und dauerte, der Fortschrittsbalken wollte einfach nicht verschwinden. Hab dann mal mit Firefox hier vorbeigeschaut und der Beitrag war schon online. Die Kategorie-Auswahl hat leider nicht geklappt, außerdem sind hier ein paar unnütze <p>-Elemente eingefügt worden, die WordPress selber erzeugt. Hat mich nun nicht überzeugt. Schade.

Kategorien
Browser

Opera 9

Juchee, Opera 9 ist nun aus dem Beta-Stadium raus und geht mit einem bestandenen ACID-2-Test an den Start. Neu hinzugekommen sind außerdem (Bit)Torrent-Unterstützung, ein Content-Blocker (wohl vergleichbar mit Firefox’ AdBlock), Vorschaubilder bei der Tabauswahl und Widgets.

Die Installationsdatei ist recht groß geworden mit 6,17 MB, dafür muss aber kein Sprachpaket hinterher installiert werden. Getestet hab ich ihn noch nicht, hab’ aber schon aus anderen Quellen gehört, dass er immer noch sehr schnell sein soll, was ja schon immer sein größter Vorteil war. Das wirkliche Manko war bisher immer die überladen wirkende Funktionsvielfalt, die sich auch im Erscheinungsbild wiederfand.

Opera ist kostenlos für diverse Systeme erhältlich, übernimmt auf Wunsch die Einstellungen anderer Browser und hat von Haus aus Mausgesten im Gepäck, von denen ich inzwischen Fan geworden bin.

Kategorien
Typographie Webstandards

Guillemets in deutschen HTML-Texten (Mini-Update)

Immer wieder frage ich, was zuerst kommt: &raquo; oder &laquo;? Aber es ist wie in der Straßenverkehrsordnung: Rechts vor Links, R vor L. Also, erst &raquo; (&#187;) dann &laquo; (&#171;).

Und so sieht das dann aus: »Ein Text, der in französichen Anführungszeichen, auch Guillemets genannt, steht. Zu beachten ist, dass die Klammern sozusagen auf den Text zeigen. Würde man diesen Text in französisch schreiben, müsste man die Guillemets umkehren.«

Mini-Update: Die einfachen Guillemets werden mit &rsaquo; (&#8250;) und &lsaquo; (&#8249;) erzeugt.

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Philosophie mit CSS

* {
position: relative;
}
Alles ist relativ!
Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Einfach für alle 3.0

Screenshot

So, einfach-fuer-alle.de hat ein neues Gesicht. Eigentlich schon seit ein paar Tagen, aber man hat jetzt offiziell das beta-Stadium verlassen.

Ja. Bunter als der Vorgänger, laut eigener Meinung übersichtlicher und besser ineinander verknüpft und Standard-konformer denn je.

Nicht in den Quellcode gucken, liebe Webgemeinde. Efa verwendet einen stricten HTML-4.0-Doctype. Begründungen dazu werden natürlich auch geliefert, so gehört sich das.

Was mir persönlich aufgefallen ist, dass ich mitunter 3× Strg + eingeben muss, um die Schrift zu vergrößern. Mag daran liegen, dass ich eine Mindestschriftgröße eingestellt habe – nervt aber trotzdem tierisch.

Macht euch euer eigenes Bild von der Sache. Ich find das Layout selber nicht so toll, ist mir ein wenig zu dunkel-bunt. (Endlich mal ein neues Wort geschaffen.) Aber das tolle an Efa sind nunmal die Artikel und daran wird sich in Zukunft hoffentlich nichts ändern.

Kategorien
Browser

Webseiten-Screenshots mit Pearl Crescent Page Saver

Screenshot Screen Grap! dürfte vielleicht schon bekannt sein: Eine Firefox-Erweiterung um Screenshots einer kompletten – von oben bis unten – Website anzulegen. Jetzt gibt es was neues, mit völligem Verzicht auf Java: Pearl Crescent Page Saver.

Nach der Installation findet sich in der Toolbar ein kleines Kamera-Icon (bei mir ist es neben der Adressleiste aufgetaucht. Mit einem Rechtsklick kann man sich die Einstellungen zurecht biegen so zum Beispiel die Skalierung des Screenshots.

Gespeichert werden die Screenshots – wie schon bei Screen Grap! – im PNG-Format. Das Beste ist meiner Meinung nach, dass kein Java verwendet werden muss. Macht die Sache komfortabler und schneller.