Kategorie: Frontend: HTML5, CSS3, jQuery

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Das aside-Element in HTML 5 (Update)

Update: Habe das ganze mal visualiert mit Beispiel aus dem Print ;-)

HTML 5 <aside> in print HTML 5 <aside> in print

Das Tag HTML-5-Element <aside> ist übrigens kein Ersatz für <div id="sidebar">. <aside> ist eher für Zusatzinformationen und Einschübe eines Artikels (<article>) gedacht. Also schon das, was in Print-Magazinen links und rechts in Boxen neben einem Artikel steht. Nur eben nicht für die Suchfunktion, weitere Artikellinks und einer „Frische Kommentare“-Liste. Man kann es sich also als <amrande> vorstellen. Für die Sidebar würde ich <section id="sidebar"> empfehlen. Hat Eric/yatil auch gemacht.

Etwas genauer beschreibt das Understanding <aside>, gefunden via sprungmarkers.

(Kann mir mal jemand sagen, wie ich HTML-Elemente unter Textpattern im Titel ausschreiben kann?)

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Hacks oder Conditional Comments?

Mitmachen: Umfrage: CSS-Hacks vs. Conditional Comments

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Bringt das Zurückwechseln von XHTML nach HTML eigentlich Probleme mit JavaScripts/dem DOM?

Da ja soviele von XHTML wieder auf HTML wechseln: gibts da nicht gelegentlich Probleme mit JavaScripts und dem DOM? Ich mein da mal zu gelesen zu haben, dass das alles sehr verschieden ist und manche Scripts eben nicht mehr so gut greifen. Ich bin nun wirklich nicht so der JavaScript-Könner, muss ich leider zugegeben. (Das kam wohl mit der Zeit der animierten Mauszeiger-Verfolger, dass ich da eine gewisse Phobie bekam.)

(Ein kurzer Gedanke zum Arbeitsbeginn nach drei Wochen Abstinenz durch Klassenfahrt und Projektwochen.)

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

10 Jahre

Mir ist gerade aufgefallen, dass ich mich seit etwa 10 Jahren mit HTML, Webdesign und so beschäftige. 10 Jahre! Da war ich 12, 13 Jahre alt. Kann ich mich jetzt Experte nennen?

Kategorien
Frontend: HTML5, CSS3, jQuery Usability Webstandards

„Du bist von Google gekommen und hast folgendes gesucht“ nervt

Mit das nervigste in Blogs sind „du bist von Google gekommen und hast folgendes gesucht“-Meldungen. Am besten noch vollgespickt mit Links zu ähnlichen Beiträgen und massig Werbung. Natürlich vor dem eigentlichen Inhalt, den man lesen wollte.

Ein Beispiel:

Du kommst von-Beispiel

Man stelle sich das mal auf einer Party vor: Man sucht jemanden, mit dem man sich gut unterhalten könnte, geht auf ihn zu und wird folgendermaßen begrüßt:

– „Hallo, du bist durch die Tür gekommen. Höhö.“

– „Ja, richtig. (Verständnisloser Blick.) Ich würd mich gern mit dir über den neuen Opel unterhalten.“

– „Ja, aber vielleicht interessiert dich ja auch der VW Käfer oder der kaputte Mechanismus des Porsche von Günther.“

– „Ähm, ne. Der neue Opel.“

– „Ja ok, ich hab hier ein paar Flyer rumfliegen vom Opel-Club Castrop-Rauxel. Und hier, Mannis Werkstatt hat günstige Stoßdämpfer.“

– „Ehm, danke. Du, ich glaub das wars dann mit unserem Gespräch. Tschüss.“

So in etwa fühle ich mich, wenn ich auf die Teile stoße. Nichts gegen weiterführende Links und Werbeeinblendungen, aber bitte dann erst nach dem Eintrag oder daneben und nicht als riesengroße Box davor. So schön die Adsense-Kassen da auch klingeln mögen, wirklich hilfreich ist es für den Besucher nicht. Und auf den kommt es ja an ;-)

Kategorien
Browser Frontend: HTML5, CSS3, jQuery Webstandards

CSS: Runde Ecken in der Zukunft

Runde Ecken kann man ja bald1 entweder mit border-radius, multiplen Hintergrundbildern (Oldschool) oder waghalsigen CSS-Verzerrungen erstellen. Geht alles irgendwie.

1 so ungefähr 10 Jahre nach Einführung des Internet Explorer 10

Kategorien
Frontend: HTML5, CSS3, jQuery Netzwelt Webstandards

Nackich

Ha, heute ist CSS Naked Day.

Kategorien
Frontend: HTML5, CSS3, jQuery

Seltsamster IE6-Bug seit langem

Bin gerade einem sehr interessanten IE6-Bug begegnet. Hierbei wurde vom IE – aus welchen Gründen auch immer – ein 435 Pixel breites Bild auf ungefähr 32 Pixel Breite verkleinert. Klickt man dann mit der rechten Maustaste auf das Bild und wählt Eigenschaften, bekommt man einerseits den Eigenschaften-Dialog angezeigt, andererseits wird das Bild plötzlich in seiner ursprünglichen Größe angezeigt. Wenn das mal nicht strange ist.

Leider werde ich davon wohl keine Screenshots oder gar Screencasts machen dürfen, aber ich werd das ganze eventuell nochmal nachbauen und dann entsprechenend nachliefern.

So, schauen wir wie lange ich noch verdutzt durch die Gegend glotze. Passt ja zur Gesamtstimmung derzeit, in der jeder Webworker den IE6 abschaffen will. Wird ja auch wirklich Zeit.