CSS
3 Tools zur Steigerung der Webseiten Performance
Submitted by Steffen on 5. August 2010 - 14:14
Related Terms :
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
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
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
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
Interessante Artikel über die Optimierung von CSS ..
- Reflows & Repaints: CSS Performance making your JavaScript slow?
CSS-Background Image für Input-Buttons in IE/FF
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;
}
