PHP Blogger

Startseite Schreib mir ne Mail! RSS Abo Webnews

Archiv für CSS

Sitepoint sägt am Ast von SelfHTML

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…

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

CSS: EM und Prozent vs. Pixel und Punkt

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, das 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 »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

CSS: Feststehende Kopf- und Fusszeile

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

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

50 Möglichkeiten, sein CSS zu verbessern

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 »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Syntax-Highlighting auf Blogs

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 »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Javascript und CSS verstecken, ein Ansatz zum Verbessern

Nervt es, dass sich jeder eure tollen Javascript-Funktionen einfach runterladen kann? Habt ihr gerade ein neues Layout gebaut, das endlich komplett ohne Markup auskommt und wollt ein Patent anmelden? Vielleicht ist hier eine kleine Möglichkeit Quellcode Dieben zumindest ein wenig die Tour zu vermasseln.

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Firebug und Webdeveloper Toolbar

Heute wollte ich euch von drei, für mich inzwischen unverzichtbaren, Helfern erzählen. Wer auch nur einen davon noch nicht kennt, kann hier noch was für sich mitnehmen.

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Highlight-Express

Nachdem Phil über die Simulation von CSS Selektoren mit Hilfe von Dean Edwards Bibliothek berichtet hat, hab ich auf der Seite von Dean gleich mal weiter gestöbert und eine interessante weitere Bibliothek gefunden: Starlight.

Hat nix mit dem gleichnamigen *-Express zu tun sondern realisiert auf einfache Weise das Syntax-Highlight beliebiger Programmiersprachen auf Webseiten z.B. im <pre>-Tag.

Da ich auf PHP Blogger für Syntax-Highlights ebenfalls das <pre>-Tag verwende (<code> ist übrigens auch möglich), hab ichs gleich mal beim PHP Blogger eingebunden und getestet.

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

ul.dropdown li:hover > ul {display: block}

Wer kennt es nicht. Die schöne neue CSS-Layout Welt. Damit kann man aus einfachen HTML-Listen Tabbed Drop Down Menüs erstellen und am Besten noch über mehrere Ebenen. Doch was ist falsch an dem Code? Was hält uns im Moment noch davon ab ihn so zu benutzen? Richtig. Der gute alte IE6 unterstützt das obige Konstrukt nicht, weil der schöne CSS2-Selektor > nicht erkannt wird. Genausowenig wie der :hover Effekt in was anderem als in einem <a> unter IE6 funktioniert.

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Javascript und CSS komprimieren

Webinhalte können vielfach komprimiert werden und Bandbreite sparen. Einige Methoden (via Quellcode-Entschlackung, PHP-Gzip-Komprimierung und Apache mod_gzip) sind hier beleuchtet, darunter auch die spezielle Komprimierung von Javascript und CSS mit dem sehr schicken Javascript und CSS Komprimierer den ich bei eBiene (Sergej Müller) gefunden habe. Richtig schön im Web 2.0 Style nimmt er CSS und Javascript, das was es nicht braucht:

  • Leerzeichen und Tabs
  • Kommentare
  • Zeilenumbrüche

Prinzipiell werden zwei Komprimierungsvarianten angeboten:

  • Basic: Leerzeichen, Tabs und Kommentare verschwinden
  • Powerful: Zusätzlich zu Basic werden auch die Zeilenumbrüche rausgenommen

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks
Ältere Artikel »