CSS-JS-Booster in CakePHP nutzen

Submitted by Steffen Rühlmann on 8. December 2010 - 9:48

Im letzten Technikwürze Podcast wurde die PHP-Klasse CSS-JS-Booster von Christian „Schepp“ Schaefer erwähnt. Danke für das nützliche Script !

Einen ausführlichen Artikel zum Thema findet man im Blog von Peter Kröner. Hier möchte ich kurz beschreiben, wie man die Klasse in CakePHP nutzen kann:

Minfiy Javascript/ CSS in Cakephp

Submitted by Steffen Rühlmann on 1. November 2010 - 9:20

conners beschreibt in einem Blogpost seine Lösung zum "minifizieren" von Javascript/CSS in Cake Applikationen. Diese Lösung kann mit recht wenig Aufwand in bestehende Seiten integriert werden..

http://bakery.cakephp.org/articles/connrs/2010/10/15/minify_and_gzip_plu...

Schriften im Web

Submitted by Steffen Rühlmann on 21. October 2010 - 9:12

In einem älteren Beitrag hatte ich schon einmal über den Einsatz von Cufon berichtet.
Neben Cufon gibt es mittlerweile einfachere Möglichkeiten browserfremde Schriftarten in die eigene Webseite einzubinden.

3 Tools zur Steigerung der Webseiten Performance

Submitted by Steffen Rühlmann on 5. August 2010 - 15:14

Online-Tools zur Optimierung der Webseite:

http://www.smushit.com/ysmush.it/ - Optimierung von Bildern
http://www.cssdrive.com/index.php/main/csscompressor/ - CSS komprimieren
http://jscompress.com/ - Javascript komprimieren

Codingstandards für Webanwendungen

Submitted by Steffen Rühlmann on 4. August 2010 - 15:08

In Technikwürze 170 wurde von Codingstandards fürs Web berichtet.
Die folgenden beiden Links bieten einen guten Einstieg:

Web application development guide http://www.salford.gov.uk/webstandards-styleguide.htm
Design Patterns Library & Code Standards http://developer.fellowshipone.com/patterns/code.php

Auch wenn man sich recht fit in HTML/CSS fühlt, bieten die Styleguides recht gute Best-Practise Ansätze.

jquery - DOM-Element nach definierter Zeit ausblenden

Submitted by Steffen Rühlmann on 7. July 2010 - 9:52

Neben dem setTimeout Befehl den Javascript von sich aus bietet gibt es in jquery weitere Möglichkeiten ein DOM-Element nach einer definierten Zeit auszublenden.

Ziel soll es sein eine Drupal-Status-Meldung nach 3 Sekunden automatisch ausfaden zu lassen..

7 Principles Of Clean And Optimized CSS Code

Submitted by Steffen Rühlmann on 8. July 2009 - 8:13

Hab gerade auf Smashing Magazine eine gute Übersicht über CSS-Optimierungen gefunden - ist auf jeden Fall einen Klick / Blick wert..

http://www.smashingmagazine.com/2008/08/18/7-principles-of-clean-and-opt...

CSS - Performance / Object Oriented CSS

Submitted by Steffen Rühlmann on 28. April 2009 - 8:37

Interessante Artikel über die Optimierung von CSS ..

CSS-Background Image für Input-Buttons in IE/FF

Submitted by Steffen Rühlmann on 21. April 2009 - 14:09

Der IE 6/7 versteht die Eigenschaft background-image bei input-Buttons nicht richtig.. Abhilfe schafft hier die Eigenschaft background..

<input id="edit-cb-submit" class="form-submit" type="submit" value="absenden" name="op"/>

.form-submit {
      background: transparent url(./pics/btn_absenden.gif) no-repeat top;
      width: 150px;
      height: 40px;
      color:transparent ;
      text-indent:-9000px;
/* IE Fix*/
      font-size: 0px; 
      display:block;
      line-height: 0px;
}

www.port11.de

CSS