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
Browser Netzwelt

Liebe Admins,

heute um 18 Uhr wird Microsoft den Intenet Explorer 8 veröffentlichen. Es wird also echt Zeit, den Internet Explorer 6 mit Version 8 oder auch einem anderen Browser zu ersetzen und uns Webfuzzies sowie der IT-Sicherheits-Abteilung das ein oder andere Übel abzunehmen.

Seht ihr doch auch ein, dass eure IT nicht mehr auf aktuellem Stand ist, oder? Und gerade beim Internet Explorer sollten eure Alarmglocken läuten, soviele Sicherheitslücken hat kaum ein anderer Browser. Der neue soll sogar sicherer sein, inkl. Phishing-Filter und so. Gut, das „Private-Browsing“-Feature ist nicht gänzlich Arbeitgeber-Wunsch, aber was soll‘s.

Und klar, manche Unternehmens-Web-Software läuft leider nur mit dieser Ausgeburt der Hölle. Meinetwegen könnt ihr auch Firefox mit der IE-Tab-Extension installieren und den IE6 auf den Firmenrechnern lassen (aber verstecken) und eben nur diese Webseiten mit der IE-Engine anzeigen lassen. Ist doch eigentlich nicht schwer oder? ;-)

Bitte, bitte, bitte!

Schöne Grüße
euer Michel B.