Archiv für HTML
21. November 2008 um 20:41 · Gehört zu Framework, HTML, Javascript, PHP (Allgemein)
Nachdem ich diese Woche gelernt habe wie Google das Testen von Applikationen verbessert, dachte ich, dass ist ein guter Anlass, um sich zum Thema zu äußern. Google hat damit angefangen kleine Snippets über das Testen auf den Toiletten aufzuhängen. Da kann man nicht nur notwendige Körperliche Funktionen erledigen, sondern auch gleich noch was über das Programmieren lernen. So nötig haben wir das noch nicht, aber das Thema kommt immer wieder hoch.
Bisher habe ich Frameworks wie PHP-Unit immer noch nicht richtig verstanden. Zum einen, weil mir nie jemand richtig erklären konnte, wie ich sinnvolle Testcases schreibe, die beachten, dass Funktionen unter Umständen Datenbankeinträge machen und Daten verändern und vor allem, wenn ich eine Funktion ändere, einen Test ausführe und dieser scheitert, woher weiß ich, dass der Test durch meine Änderung nicht falsch geworden ist. Dann weiß ich zwar, dass irgendwas nicht stimmt, aber vielleicht ist ja mein Testfall nicht mehr korrekt.
Also habe ich immer manuell getestet. Das könnte sich jetzt ändern! Denn ich habe Selenium entdeckt.
Den kompletten Artikel lesen »
30. September 2008 um 18:39 · Gehört zu CSS, Gestaltung, HTML, Javascript
Wir alle wissen, dass man im IE6 nicht ohne weiteres .png Dateien mit Transparenz darstellen kann. Bisher habe ich immer mit Hilfe der super IE7 Libraray von Dean Edwards gearbeitet. Aber damit gab es bei mir in verschiedenen Fällen (kleine Bilder, CSS Hintergründe) immer Probleme.
Für eine neue Webseite habe ich also mal wieder ein bisschen gegraben und Google bemüht und dieses kleine Script gefunden. Bei Twinhelix kann ich endlich überblendene Hintergründe und Schattenwurf auch ordentlich mit IE6 darstellen. Viel Spaß.
18. August 2008 um 10:00 · Gehört zu CSS, Gestaltung, HTML, Wordpress-Plugin
Wer ein Theme für Wordpress baut, muss sich zunächst mal durch den Wordpress-Codex wühlen - für einen ersten groben Überblick. Auf den zweiten Blick stellt man schnell fest, das noch nicht alles dokumentiert ist, wie es sein sollte.
Also bleibt nur der Blick in die Wordpress-Core-Includes um herauszufinden, wie man die eine oder andere Sache umsetzt. Beim Googeln bin ich jetzt auf zwei interessante Projekte gestossen:
- Die Wordpress Sandbox: Das ist ein Theme, das bereits voll funktionsfähig ist. Man muss keine Hand an den PHP Code legen. Ideal für Webdesigner, die mit PHP nicht viel am Hut haben, ist die Tatsache, dass das Theme komplett ungestylt daher kommt und geradezu dazu einläd, selbst Hand ans CSS zu legen. Was man alles optisch aus ein- und derselben HTML-Datei machen kann, beweißt ja schon seit einiger Zeit der CSS-Zen-Garden. Zum Wordpress Sandbox Theme.
- Wordpress-Theme-Vorlage: Wer es lieber deutsch mag, sollte sich das mal anschauen. Die Wordpress-Theme-Vorlage bietet ebenfalls einen guten Einstieg in die Theme-Entwicklung.
30. Juli 2008 um 10:00 · Gehört zu Allgemein, CSS, Gestaltung, HTML, Javascript, PHP (Allgemein), Performance, Server, Usability
Zur Zeit wird irgendwie alles mobil. Die Email auf dem Handy, das Internet auf dem iPhone - dass meine Oma mit 80 noch Auto fährt ist da nix besonderes mehr… Aber wie geht das eigentlich? Was ist so magisch an dem Wörtchen “mobil”? Braucht es etwas besonderes, um eine Webseite mobil zu machen?
Eieiei, Fragen über Fragen. Aber dem werden wir mal auf den Grund gehen. In Anbetracht der Tatsache, das das Kundenvolk immer lauter nach mobilen Webseiten schreit, ist es eigentlich auch höchste Zeit, hier mal einzuhaken.
Den kompletten Artikel lesen »
29. Januar 2008 um 12:31 · Gehört zu Gestaltung, HTML, Javascript
Wer kennt sie nicht, die schicken Navigationselemente. Die “vor” und “zurück” Links, Buttons und Bildchen. Dazwischen Seitenzahlen und was des Blätterers Herz noch so begehrt. Selfhtml hat sich diesem Thema mal aus Usability-Sicht genähert und stellt Fragen wie:
- Bild, Button oder Text?
- Sind Direktlinks in Form von Zahlen zu Ergebnisseiten sinnvoll?
- Was tut der Übersichtlichkeit abbruch?
Lesen und Bescheid wissen über sinnvolle Paginationen. Auch direkt interessant: Dirks Artikel zum Paging… Und eine Umsetzung mit jQuery (Danke Jann).
22. Januar 2008 um 18:29 · Gehört zu CSS, HTML, Quick Hacks
Via Jann. Kann man immer mal gut gebrauchen: eine fixierte Kopf- und Fußzeile nebst feststehender Navigation (Will heissen: Scrollt nicht mit). In einem ausführlichen Artikel erklärt Dennis Riehle genau wie es funktioniert.
Und damit’s besonders viel Spass macht, hier gleich noch ein Link zur Demoseite: http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel6.htm
25. Oktober 2007 um 17:25 · Gehört zu HTML, PHP 5
Nein. Es ist kein Hase, es ist ein Haml. Gerade über dieses erstaunliche Projekt gestolpert, muss ich es auch gleich mal bloggen. Was ist Haml? Und was macht es?
Haml ist eine Abstraktions-Auszeichnungssprache für Webfrontends, original entworfen für Ruby. Es erinnert mich an einen Mix aus CSS, Yaml und TextilePHP… Mit anderen Worten: Man beschreibt anhand strukturierter Ausdrücke den Aufbau einer HTML-Datei:
%h2 Überschrift
%ul
%li Eintrag 1
%li Eintrag 2
wird zu:
<h2>Überschrift</h2>
<ul>
<li>Eintrag 1</li>
<li>Eintrag 2</li>
</ul>
Im Haml-Labor kann man ein bisschen mit der Syntax rumspielen. Aber Haml kann noch ein bisschen mehr. Auch logische Verzweigungen und Schleifen sind möglich.
Den kompletten Artikel lesen »
10. Juni 2007 um 16:42 · Gehört zu Best-Of, CSS, HTML, Javascript, MySQL, PHP (Allgemein)
Viele Blogger berichten von großen und kleinen Errungenschaften. Oft geht es um Codebeispiele die CSS, HTML, PHP oder andere Programmiersprachen betreffen. So auch der PHP Blogger. Hier geht es natürlich vorzugsweise um PHP, aber auch andere Sprachen werden gelistet.
Um ein schickes Syntax-Highlighting auf seinem Blog anbieten zu können, kommen mehrere Varianten in Betracht. Die schönste ist meiner Meinung nach mittels Starlight von Dean Edwards, über das ich bereits im Artikel “Highlight-Express” berichtet habe.
Den kompletten Artikel lesen »
30. Mai 2007 um 17:17 · Gehört zu Flash, HTML, Javascript
Seit Microsoft seinen Internet-Explorer um ein Sicherheitsupdate aus SP2 bereichert hat, müssen ActiveX Objekte erst durch einen Klick aktiviert werden, bevor man sie verwenden kann. Sehr nervig bei Flash-Navigationen und anderen Spielereien.
“Klicken Sie, um das ActiveX Element zu aktivieren.”
So oder ähnlich wird man bei einem Mouse-Over über das fragliche Element aufgefordert zu klicken. Eine kleine Javascript Bibliothek namens SWFObject (vormals FlashObject) automatisiert das ganze, in dem das Flash-Movie mittels Javascript eingefügt wird.
Den kompletten Artikel lesen »
29. Mai 2007 um 12:05 · Gehört zu HTML, PHP (Allgemein)
Man kennt es von Foren, Blogs und Wikis: Die Pseudo-Tags. Oft möchte man, das Besucher Ihren generierten Inhalt in Form von Kommentaren und/oder Beiträgen selbst etwas gestalten können. Um trotzdem das leidige Thema XSS zu vermeiden hilft oft nur eine Whitelist an zugelassenen Tags oder eben Pseudo-Tags.
Irgendwo bin ich letztens über TextilePHP gestolpert. Textile wurde 2002 von Dean Allen entwickelt, um die Eingabe von formatierten Inhalten in Wikis oder Blogs zu vereinfachen. Ein beabsichtigter Benefit ist die Generierung von validem XHTML Code. Der Code ist auf Lesbarkeit optimiert und entsprechend einfach zu verstehen. Eine Demo zum ausprobieren gibts direkt bei Dean Allen.
Den kompletten Artikel lesen »
Ältere Artikel »
