Archiv für CSS
20. Oktober 2008 um 10:00 · Gehört zu CSS, Framework, Javascript, Update-Notizen
Ganz still und heimlich hat sich ein Update für den beliebten Lightbox-Ersatz “Slimbox” eingeschlichen. Der PHP Blogger zieht jetzt mit der deutschen Übersetzung in der aktuellen Version nach.
Folgende Änderungen sind neu in 1.64:
- SWFObject Kompatibilität erhöht
- Umstellung auf Mootool 1.2
- API Erweiterungen (Neue Optionen)
- Code Rewrite und diverse Optimierungen
Im Unterschied zur original Slimbox-Version sind folgende Änderungen in der deutschen Variante enthalten:
- Grafiken befinden sich nicht im Ordner “css” sondern “images”
- Angepasste Dateipfade und Bild-Abmessungen in der slimbox.css Datei
- Deutsche Übersetzungen in Grafiken und der slimbox.js Datei.
- HTML-Readme analog zur Lightbox-Anleitung
Insgesamt vereinfach die deutsche Variante den Umstieg von Lightbox auf Slimbox, in dem die selben Grafiken an den selben Orten verwendet werden. Um von Lightbox auf Slimbox zu wechseln ist nur ein Austausch der *.js und *.css Dateien notwendig.
Hier erhälst Du die aktuellste Version der deutschen Slimbox:
http://www.phpblogger.net/download/slimbox_deutsch.zip
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 »
2. Juli 2008 um 10:00 · Gehört zu CSS, Javascript, Quick Hacks
Heute: wie löst man die Problematik, dass der Internet Explorer nichts mit dem CSS-Display-Typ “table-row” anfangen kann?
Grundproblem: ich musste mit einer Funktion Tabellenzeilen ein- und ausblenden. Am besten hat es bei mir mit einer Exception funktioniert:
var el= document.getElementById("el_id");
try
{
if(el) el.style.display= (el.style.display == "none" ? "table-row" : "none");
}
catch(e)
{
// Der IE bis V7 kann kein table-row, deshalb Fallback auf 'Block'
el.style.display= "block";
}
Für den Fall, das die Exception anspringt, wenn es das Element in der Variable “el” nicht gibt, habe ich vor dem Ansprechen des selben ein kleines IF eingebaut.
Nach einigen Hinweisen meiner lieben Leser, jetzt nochmal die JS-Kurzfassung:
var el= document.getElementById("el_id");
if(el) el.style.display= (el.style.display == "none" ? "" : "none");
Erklärung: Mit dem Leerstring wird der Browser dazu veranlasst, auf den Standard-Wert umzuspringen (Und der ist immer richtig, deshalb wird auch keine Exception geschmissen).
31. Januar 2008 um 10:59 · Gehört zu CSS
Naja, auf jeden Fall hat Sitepoint eine super übersichtliche und gut recherchierte CSS-Referenz online gestellt - HTML und Javascript sollen bald folgen.
Die Aufteilung in Kategorien ähnelt SelfHTML - und die hat sich ja schon mehrere Jahre bewährt. Wermutstropfen ist die ausschließliche Veröffentlichung auf Englisch. Sehr interessant ist auch der Artikel über die Unterschiede zwischen HTML und XHTML - ich denke, für jeden mal interessant zu lesen…
30. Januar 2008 um 10:18 · Gehört zu CSS, Gestaltung
Einen alten Hut gefällig? Viele Entwickler und Gestalter drücken sich immer noch um frei skalierbare Webseiten. Mittlerweile gibt es die Technik her, aber nicht alle nutzen sie. Gerade ist der Relaunch des PHP Bloggers in Vorbereitung (dazu mehr Details im Februar) und auch dieser Relaunch wird nicht skaliert umgesetzt.
Dazu mag es verschiedene Gründe geben:
- Die einen wissen nicht, dass es geht.
- Andere wissen nicht wie.
- Wer weiß, das und wie, will vielleicht nicht.
Genau. Der PHP Blogger will nicht. Aber warum? Meiner Meinung nach sind die Grafiken der größte Nachteil. Natürlich können die Grafiken skaliert werden, verlieren dann aber drastisch an Qualität und verpixeln oder werden unscharf.
Den kompletten Artikel lesen »
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
17. Dezember 2007 um 19:45 · Gehört zu CSS, Gestaltung
Es ist immer gut, sich zu verbessern. Reinhold Weber zeigt, wie man CSS auf ein neues Level hebt. Leider nur auf Englisch, daher gibts heute noch schnell eine Übersetzung des Ganzen.
Eine ausführliche Version des Ganzen mit Beispielen gibts auch beim Smashing Magazine unter dem Titel “70 Expert Ideas for Better CSS Coding“.
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 »
Ältere Artikel »
