Kategorien
Frontend: HTML5, CSS3, jQuery Textpattern Webstandards

Microformats: hAtom in Textpattern

Bei hAtom handelt es sich um einen Microformats-Standards, mit dem man Artikel gesondert kennzeichen kann. Jeder Teil des Artikels bekommt eine CSS-Klasse zugewiesen: .hentry, .entry-title (Artikeltitel), .permlink (URL), .published (Veröffentlichung), .author (Autor) und .entry-content (Artikelinhalt).

Dies kann man natürlich auch in Textpattern einbauen und das beschreib ich einfach mal:

Damit ergibt sich (als Beispiel) dieses XHTML-Grundgerüst:

<div class="hentry">

 <h1 class="entry-title">Artikeltitel</h1>

 <a href="URL zum Artikel" class="permlink" /><abbr class="published" title="2007-01-08">08.01.2007</abbr></a> | <span class="author">Autorenname</span>

 <div class="entry-content">Hier ist der eigentliche Inhalt wie Absätze, Listen, Bilder, Tabellen und so weiter</div>
</div>

Um dies in Textpattern umzusetzen, bearbeitet man den Baustein default wie folgt:

 <div class="hentry">

<txp:title wraptag="h1" class="entry-title" />

<txp:permlink class="permlink"><abbr class="published" title="<txp:posted format="%Y%m%d" />"><txp:posted / ></txp:permlink> | <span class="author"><txp:author /></span>

<div class="entry-content">
<txp:body />
</div>
</div>

Dies im Detail erklärt:

<txp:title wraptag="h1" class="entry-title" /> gibt den Artikeltitel in einer <h1>-Überschrift aus, die die Klasse entry-title besitzt.

<txp:permlink class="permlink"><abbr class="published" title="<txp:posted format="%Y%m%d" />"><txp:posted / ></txp:permlink>

<txp:permlink> bekommt die Klasse permlink zugewiesen. Der Inhalt des Links bekommt das Datum des Artikels mit <abbr class="published" title="<txp:posted format="%Y%m%d" />"><txp:posted / ></txp:permlink> verpasst.

<span class="author"><txp:author /></span>

Der Autorenname wird mit <txp:author /> ausgegeben, umgeben von einem span mit der Klasse author.

<div class="entry-content"><txp:body /></div>

Zum Schluss wird noch mit <txp:body> der Inhalt des Artikels ausgegeben.

Kategorien
Allgemein

Webdesign-Inspirationsquellen

Ich wollte mal meine Webdesign-Inspirationsquellen auflisten. Keine Angst, es ist keine “Schmeiß mich tot wie”-lange Liste.

  • Netzfrühling – Webseiten auf CSS-Basis, Schwerpunkt liegt bei deutschsprachigen Webseiten
  • W3C Sites – Webseiten die auf den technischen W3C-Standards basieren.
  • flickr Webdesign Inspiration Pool – flickr-Gruppe für inspirierende Weblayouts
  • Webcreme – Hier schätze ich die Möglichkeit, die vorgestellten Webseiten nach Farben geordnet sehen zu können
  • Es geht aber auch andersrum: Webpages that suck ;)

Natürlich gibt es noch zig andere Webdesign-Galerien. Die vorgestellten sind aber weitaus überschaubarer wie beispielsweise CSS Beauty, “CSS Mania:“http://cssmania.com/ & Co. Find ich zumindestens ;)

Kategorien
Allgemein

Jetzt aber mal ernsthaft

In den vergangenen Wochen gabs hier mehrere Aufgüsse eines neuen Layouts. Das rot-goldene Layout wich erst einem grün-weißen, welches kurz darauf von einem dunkelblauen Farbverlauf-Riesenüberschriften-Style abgelöst wurde.

Aber mal ehrlich: das sah mehr als mies aus, wirkte klobig und dahingerotzt:

Screenshot

Entscheidung ist gefallen, es wird überworfen. Grün kommt an die Macht, endgültig! Und zur Einstimmung schon mal ein 1. grober Eindruck. Zumindestens steht schon mal der Text, optische Reize werden in den nächsten Tagen hinzugefügt.

Und versprochen: Der letzte Redesign in den nächsten Monaten ;)

PS: Ein neues Favicon gibts natürlich auch. Sollte nun auch grün sein, wenn nicht, dann bitte neu laden.

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

Das Internet heute und damals – aus persönlicher Sicht

Damals – so um 1999 – fing es an. Wir bekamen einen Computer: 450 Megahertz, 64 MB SD-RAM, Windows 98, Logo eines Privatfernsehsenders auf Gehäuse, Monitor und Mauspad. Wie das halt so am Anfang ist, kaufte man sich die ComputerBild. Zumindestens in meinem Fall, denn ich kannte nicht wirklich jemanden, der mir davon hätte abraten können.

Später gab’s dann auch Internet: AOL, 56k-Modem (Elsa) und 2,5 Pfennig pro Minute. Plus monatl. Grundgebühr versteht sich.

Obwohl ich das Passwort nicht kannte, hab ich es irgendwie geschafft, die Cache-Version der AOL-Startseite zu sehen. Gleichzeitig gabs einen tollen Kurs in der ComputerBild: HTML. (Sowie dessen Fortsetzungen)

Rechtsklick, Quelltext anzeigen, nichts verstanden. Okay. Weiter eingelesen, hier mal was geändert, Seite woanders gespeichert, angeguckt: Wow, ich kanns! Meine erste Begegnung mit HTML. Ohne das X dafür mit dem üblichen Tabellen-Missbrauch und zum Ende hin CSS, wenn auch sehr dürftig. Auf JavaScript hatte ich keine Lust, heute auch noch nicht. Muss doch auch ohne gehen.

(Zwischendurch schwillte unsere Telefonrechnung öfters an, denn ich entdeckte den SmartSurfer.)

Und heute? XHTML , CSS inkl. Browser-Bugs, Microformats und weitere Webstandards, Weblogs, Feeds, CMS, PHP, Web 2.0 als teilen-und-mitmachen-Web (YouTube) und so weiter.

Ein satter Sprung. Menschen teilen ihre Erlebnisse und Wissen durch Weblogs, Wikis, Foren und Newsgroups (letztere eigentlich schon seit Anfang an), Verschlagwortung (Tagging) kommt zum Einsatz, Bewertungen und Kommentare machen mehr denn je die Runde.

Und im Informatik-Kurs fangen wir mit HTML an. Grundlage: Der ComputerBild-HTML-Kurs von 1999. Hallo Zukunft!

Kategorien
Allgemein

Dr. Web

Kann es sein, dass Dr. Web inzwischen nur noch umfangreiche Listen zu lesenswerten Webseiten rumd um Webdesign und Co. veröffentlicht und nichts eigenes rausbringt?

Natürlich ist es keine Arbeit von 5 Minuten solche Listen anzufertigen. Trotzdem nicht mehr der/das Dr. Web, mit dem man “groß” wurde. Ein kleiner Hauch von Trauer macht sich breit. Wo sind all die schönen und lesenswerten Artikel von früher geblieben? Klar, im Archiv. Aber wo ist der wirkliche Nachschub?

Irgendwie schade.

Kategorien
Textpattern

Akismet verhindert Kommentare

Durch einen freundlichen Hinweis von Jeriko wurde ich darauf aufmerksam gemacht, dass es nicht möglich war, zu kommentieren. Das lag am ebl_TXP_Akismet-Plugin. Damit soll eigentlich eine Integration von Akismet in textpattern möglich sein. Hat anscheinend nicht geklappt, trotz API-Key. Da muss ich mich nochmal ein wenig schlau machen. Euch sei gesagt, dass es wieder möglich ist, Kommentare zu hinterlassen. Kann auch gerne in diesem Beitrag getestet werden.

Der Kommerzliebestag Valentinstag war toll. Ein dicker fetter Kuss und ein noch fetteres “Danke schön” gehen hiermit raus an meine Liebste! :)

Kategorien
Allgemein

Weblogs und Veranstaltungshinweise

Große Zusammenkunften von Webdesignern und -entwicklern mögen ja interessant, spannend und auch irgendwie wichtig sein. Wenn Weblogs aber nur noch über Tagungen, Meetings und Veranstaltungen schreiben (die darüber hinaus noch sehr sehr sehr weit entfernt sind) wird es Zeit, sie aus dem Reader zu bannen. Oder zu ignorieren bis wieder was besseres kommt. Was eigentlich mal der Fall war.

Kategorien
Allgemein

Rauchverbot

Ich fänds klasse, wenn es hier in Deutschland ein Rauchverbot in Gastronomie, geschlossenen öffentlichen Gebäuden sowie Kinos, Theatern und Co. geben würde.

Ich komm aus ‘ner Raucherfamilie, zumindestens der Teil 2 Generationen über mir raucht noch. Von daher kann ich sagen, dass es mich gewaltig nervt wenn mir wegen dem Rauch die Augen tränen und meine Klamotten entsetzlich stinken.

Auch die Gesundheitsrisiken des Passivrauchens sind nicht ohne. Leider find ich da ein Video von Galileo nicht, da wurde gemessen wie hoch der Schadstoffanteil in Discos ist, die das Rauchen erlauben.

Ich bin für ein Rauchverbot und ich hoffe, dass es die deutsche Gesetzgebung sobald wie möglich hinbekommt da mehr zu tun. Und sollte es Deutschland nicht selbst schaffen, wird es vielleicht ein Rauchverbot aus der EU heraus geben:

Gesundheitskommissar Markos Kyprianou warb in Brüssel dafür, Tabakqualm aus allen Hotels, Gaststätten und anderen öffentlichen Räumen zu verbannen. Ich möchte ein möglichst vollständiges Rauchverbot in ganz Europa, also auch in den 16 deutschen Bundesländern.