Kickstart – das Sorglos-Paket für neue Webprojekte

Wenn man mit einem neuen Webprojekt beginnt, warten immer dieselben Dinge: das Anlegen einer passenden Ordnerstruktur und die Befüllung mit diversen Startfiles wie Basis-CSS-Formatierungen, Javascript-Frameworks, Seitenvorlagen und dergleichen. Das Download-Paket HTML/CSS/JS-Kickstart 0.2 von Gerrit van Aaken bietet das alles in einem praktischen ZIP-File und kann kostenlos heruntergeladen und verwendet werden.

WordPress-Theme auf Yaml-Basis

Bei Dr. Web gibts aktuell einen interessanten Artikel für alle WordPress-Entwickler: man hat erfolgreich versucht, ein WordPress-Theme auf Yaml-Basis zu entwickeln, wobei Yaml ein interessantes und gut dokumentiertes Grundgerüst für flexible HTML/CSS-Layouts ist. Notiz an mich selbst: testen.

Simple CSS-Vorlagen

Mitch Bryson bietet auf seiner Website 12 CSS-Vorlagen für klassische Website-Basislayouts zum Download an. Diese Vorlagen können als Basis für eigene CSS-Basteleien dienen und bieten einen guten ersten Einblick in schlankes Webdesign.

Firebug – ein Must-have fürs Webscripting!

Nachdem ich das Firefox-Addon Firebug nun schon einige Zeit teste, wird es Zeit, es laut in die Welt hinauszuschreien: das Ding ist einfach nur genial! So übersichtlich und schön zugänglich war Scripting von HTML und CSS noch nie. Nachdem man das Teil unter Extras -> Firebug->Open Firebug aktiviert hat, wird die untere Hälfte des Browserfensters … weiterlesen

Wundersames CSS

Selbst das Team von Dr.Web war erstaunt, wieviel man mit CSS aus einer simplen HTML-Vorlage für ein Newsletter-Formular herausholen kann. Es fällt schwer, einen der 42 Einträge zum entsprechenden CSS-Wettbewerb als „den Besten“ herauszufiltern. Sehenswert sind alle.

Netter Javascript-Trick

Cooler Trick mit Javascript: geh auf eine Page mit vielen Bildern (die Google Bildersuche eignet sich etwa hervorragend). Kopier den folgenden Javascript-Code in die Adresszeile des Browsers: javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName(„img“); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute‘; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+“px“; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+“px“}R++}setInterval(‚A()‘,5); void(0); Beeindruckend, wie langweilig manchen Zeitgenossen … weiterlesen