06
Okt 04

neuer Style - Testphase

Es wird ein wenig ungemütlich hier. Bin ein neues Stylesheet am entwerfen und es ist alles andere als fertig. Außerdem habe ich ein bißchen was an der Kommentarfunktion geändert. Nichts großartiges, nur Text und aussehen des Formulares. Dies ist jetzt in den meisten CSS-Dateien noch ziemlich lückenhaft ^-^'' und wartet auf Verbesserung. Aber jetzt werde ich erst einmal ins Bett gehen und schlafen. Es war ein schrecklich anstrengender Tag mit einem grausamen Versuch, der alles andere als glatt gelaufen ist. *sfz*

Nachtrag
Wollte mich ja noch bei den Internet-Explorer-Benutzern entschuldigen. Ich teste das ganze auf Firefox da es der Browser ist, den ich verwende. Ich schaue es mir zwar mit Avantbrowser, also dem IE an, aber wenn es um Breiten oder so etwas geht, werde ich mich im Zweifelsfall für den kleine Fuchs entscheiden. Aber keine Bange, die Seite wird für jeden Browser lesbar sein *hoffe ich* und auch auf keine wichtigen Features verzichten. Es kann jedoch sein, dass so ein Gimmick, wie z.B. das Style-Vorschau-Bildchen im IE nicht funktioniert. Und meistens handelt es sich eben um 1, 2 Pixel, die an Breite fehlen oder zu viel sind. Nichts wirklich tragisches, mich persönlich störend, aber ich weiß auch, dass ich bei meinem momentanen Wissenstand nicht unbedingt die Möglichkeit habe, diese Probleme zu beheben. Vielleicht schaffe ich es irgendwann mal und bis dahin müsen eben diesmal die IE-Benutzer in die "Röhre schauen" - ist ja häufig genug anders herum.
Ansonsten hoffe ich, dass es auch mit einer Auflösung von 800x600 betrachtbar ist *hoff* aber das werde ich selbstverständlich noch testen ^-^


20
Sep 04

RSS-Special

Was ist RSS überhaupt? Wer sich das schon immer gefragt hatte, sollte mal bei diesem RSS-Tutorial vorbeischauen oder auch beim internet alchemy weblog, dort wird's auch erklärt und außerdem gibt es dort auch noch eine umfangreiche Linksammlung zu dem Thema. Ein weiterer englischer Artikel zu dem Thema findet man bei SearchEngineWatch Auf deutsch findet ihr eine Erklärung bei css-technik
Wer mehr wissen will, kann sich die Harvard RSS 2.0 Specification durchlesen. Und falls man das ganze per Hand machen mag ja, das ist möglich, man braucht nicht unbedingt ein Programm um einen rss-Feed zu erstellen, lohnt es sich auch sich näheres zum Thema XML anzusehen. Erste Adresse ist hierfür natürlich das w3c. Etwas einfacher zu verstehen ist hingegen getting started with xml.
Wer überhaupt keine Lust hat, lange irgendwelche Tutorials zu wälzen. So funktioniert es auch, nehmt als Grundlage diesen Code oder schaut bei anderen Feeds ab ^-^''.

<?xml version="1.0"?>
<rss version="2.0"
        xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel> 
<title> Titel deines RSS-Feeds </title>
<link> http://link.zur.Hauptseite.deines.Feeds </link>
<description> Beschreibung deines RSS-Feed </description>
<language>de-de</language>  

 <item>
  <title> Titel des Eintrags </title>
  <content:encoded><![CDATA[
  mehrere Möglichkeiten:
     1. kein Inhalt - dann muss man den Eintrag auf jeden Fall
        auf deiner Seite lesen
     2. nur den Anfang deines Eintrages - den Rest liest man auf
        der Seite
     3. kompletter Eintrag
  wichtig:
     Der Text hier muss richtig kodiert sein, d.h. keine
     Umlaute und keine Sonderzeichen. Alle Sonderzeichen
     müssen kodiert sein.
  ]]></content:encoded>
  <link> http://link.zum.artikel.de </link>
 </item>

</channel>
</rss>

Für jeden Eintrag erstellt ihr einen Die Leerzeichen zwischen den - oder [title]-Klammern habe ich für bessere Übersichtlichkeit eingefügt.

Was man noch braucht, ist ein Programm, mit dem man Feeds lesen kann, News- oder Feedreader genannt. Den Reader den ich empfehlen kann: feedreader - zwar noch in der Entwicklung, aber auf jeden Fall sieht er jetzt schon vielversprechend aus.
Und wenn ihr jetzt neugierig seid und scharf auf Feeds, nichts einfacher als das: Im rss-verzeichnis findet ihr eine Menge Newsfeeds. Ansonsten lohnt es sich auch, einfach mal bei privaten Seiten wie krit.de oder veerle's blog anzufangen und sich weiterzuhangeln.

Meine Feedempfehlungen: tagesschau-feed, BildBlog-Feed und der zeitblog-feed.
Und zu guter letzt ^-^ ein kleiner Artikel über private Homepagebesitzer. Passt ja auch zum Thema, da auch im privaten Sektor Newsfeeds immer beliebter werden. Kein Wunder, Blogsystem wie movabletype machen es einfach möglich.


27
Jul 04

RSS und XML

Hm .. man schwimmt doch manchmal mit dem Trend, wenn auch gewaltig später. Ich habe das mit dem RSS-Newsfeed jetzt auch mal ausprobiert - momentan noch von Hand und etwas unzureichend - ich will eigentlich noch erreichen, dass die Links auch funktionieren - aber eben nur mal so zur Probe ^-^
Ich habe ja verzweifelt eine XML-Dokumentation gesucht, die nicht in diesem unübersichtlichen HTML-Format ist, wie es das W3C anbietet, bin aber irgendwie nicht sooo ganz fündig geworden. Dafür habe ich eine ganz nette CSS-Referenz gefunden ^-^'' und ein paar nett aussehende Online-Tutorials, wie z.B. jenes bei w3schools oder getting started with xml. Letzteres gibt es sogar als PDF. Ja .. hmm .. ok, dann als letztes noch ein kleiner Link zu dem RSS-Reader, für den ich mich entschieden habe ^-^. Einmal Feadreader bitte ^-^ und dann wird wieder gelernt!! Schließlich strebt meine kleine Quantenzusammenfassung fertig zu werden - irgendwann mal - vor der Klausur *hüstel*


30
Jun 04

Style'chen wechsel dich (jetzt mozillatauglich)

Nun gut, dass das mit dem Style wechseln und merken funktioniert ist ja jetzt schon eins zwei Tage alt ^-^'' Habe gestern und heute noch ein wenig gebastelt und jetzt gibt es zwei Stile mehr, aus denen ihr wählen könnt.
Auf den einen Stil bin ich ganz besonders stolz. Habe ich doch dort mal wieder eine neue Technik verwendet.. inclusive Trick 3729 ^-^''. Ihr könnt nämlich auch Text in Überschriften verschwinden lassen, und den Text im Hintergrund als Bild erscheinen lassen (stil 04). Wie man das macht? Aalso - wichtig ist, dass ihr jeder einzelnen Überschrift eine eigene ID zuweißt (oder Klasse, falls ihr ID schon verwendet habt ;)). Dann definiert ihr folgendes in der CSS-Datei für z.B. u id="titel"

u#titel {
display:block;
font-size:0pt;
color:'Farbe des Hintergrundes;
background: url(bild.gif) no-repeat left;
line-height: 'höhe des bildes'px;
text-align:right;
}

Wenn möglich richtet den Text entgegengesetzt zum Bild aus ^-^. Dies ist eine weitere Maßname um zu verhintern, dass das restliche Textfitzelchen doch noch über dem Bild hängt und man es sieht. In dem Bild habt ihr dann vorher mit einem Bildbearbeitungsprogramm die Überschrift geschrieben. Am besten ist hier, wenn ihr das Bild möglichst genau am Rand der Schrift enden lasst und den Hintergrund transparent macht!!, dann könnt ihr es z.B. bei mehreren Hintergrundfarben verwenden ^-^.
Ach so, display:block; ist sinnvoll, da es die 'u'-Box auf die komplette Breite des blockes ausdehnt, den es überdecken soll.
Es gibt auch noch eine einfacherere Möglichkeit Überschriften zu setzen, wenn diese gar nicht vorhanden sind! So wie bei der Seitenüberschrift. Das jeweilige Bild muss dann nur als Hintergrundbild gesetzt werden (no-repeat beachten!!) und ein genügend großer oberer Randabstand (padding-top:;), damit der Text das Bild nicht überschneidet!
Wie immer gibt es tausend Möglichkeiten! Könnt ja mal eure posten ^-^'' Sie freut sich nämlich immer, neue Dinge dazulernen zu können!

Mozillaproblem: ok, der Fehler ist gefunden. Anders als vermutet ist die U-Box nicht zu niedrig, sie ist zu kurz. Beheben kann man das Problem also, in dem man noch eine Weitendefinition einfügt. Außerdem habe ich die Schriftgröße mal auf 1 geändert, falls Mozilla damit auch Probleme hat. Der Korrekte CSS-Code muss also lauten:

u#titel {
display:block;
font-size:1pt;
color:'Farbe des Hintergrundes;
background: url(bild.gif) no-repeat left;
line-height: 'höhe des bildes'px;
text-align:right;
width:120pt;
}

funktioniert zumindest bei mir ^-^''


25
Jun 04

xhtml-buch, html-editor und favicons

Haute mal wieder ein wenig Webdesign: Praxisbuch XHTML zum downloaden. Zur Aufstockung der Tutorialsammlung ^-^'' Mehr Basiswissen und Hilfen gibt es unter lerneniminternet. Dort gibt es unter anderem ein Email-Tutorial, dass sich mit dem Auftreten von Webseiten beschäftigt.
So etwas ähnliches wie ZenGarden nur nicht so schön ^-^' ist css + design.
Wenn ihr gelangweilt seid von dem geraden CSS-Design solltet ihr unbedingt bei orderedlist vorbeischauen. Dort wird gezeigt, wie man ein Menu biegen kann.
Mehr Webwork. Bei freeware bin ich über einen HTML-Editor gestoßen, der vielversprechend aussieht, jetzt müsste ich ihn nur noch mal testen. Leider ist die Installationsdatei ziemlich groß.
Mehr Inspiration! Na, habt ihr denn schon ein Favicon? - Das sind diese kleinen Bilder, die im Adressfeld, oder dem Tab oder in den Favoriten erscheinen ^-^'' - wenn nein, Inspiration gibt es bei delta.tango.bravo
Etwas anderes, aber nicht weniger interessant. Ein Bericht von intern über einen amerikanischen Gesetzentwurf gegen P2P-Piraterie der so ziemlich alles illegal machen würde, was man so macht. Das Schlüsselwort heißt INDUCE. Der Gesetzvorschlag macht bereits das "verleiten" zum Tausch strafbar. Wenn ich mal zitieren darf: ein CD- oder DVD-Brenner strahlt eine fast schon sinnliche Kopierlust aus und damit eine Aufforderung, das Urheberrecht zu verletzen. *kopfschieflegt* *sz*