JS Date Time Picker

Aufbauend auf dem jQuery UI DatePicker eine Erweiterung um eine Zeitauswahl:
http://trentrichardson.com/examples/timepicker/
http://www.blogrammierer.de/jquery-jquery-ui-datepicker-zu-einem-datetimepicker-upgraden/

oder ein jQueryDatepicker PlugIn dass die Zeitauswahl schon mitdrin hat:
http://xdsoft.net/jqplugins/datetimepicker/

Internet Explorer 9+ Sliding Box-Shadow Bugfix

Problem:

Elemente die z.B. via JQuery auf- und zu sliden bzw. ihre größe dynamisch ändern und einen box-shadow haben, hinterlassen im IE9+ unschöne Spuren beim Sliden, die dauerhaft sichtbar bleiben.

Lösung:

#element {
overflow: hidden;
}
#element:after {
content: “ „;
font-size: 1px;
display: inline;
line-height: 0;
overflow: hidden;
}

Better CSS Coding

Kurzschreibweise verwenden:
padding: 10px;
border: 1px solid red;
background: #000 url(pic.gif) no-repeat right top;
font: 700 16px/18px Arial, Helvetica, sans-serif;
list-style: square inside url(bullet.png);

Zuweisungen zusammenfassen: h1, h2, h3 { }
Letztes Semicolon weglassen (kann -> muss nicht)
font-weight: 700(bold), 400(normal)
@media print { }

http://blog.marit.ag/2010/04/26/css-und-performance-slideshow-vom-typo3camp-in-potsdam/
http://technikwuerze.de/podcast/technikwuerze169/

http://webstandard.kulando.de/post/2010/05/26/css-sprite-ladegeschwindigkeit-optimieren-http-requests-verringern
http://ty-ma.de/magazin.html
http://stuff.contrast.ie/talks/newwebtech2010/
http://net.tutsplus.com/tutorials/html-css-techniques/the-official-guide-to-html5-boilerplate/
http://www.spritebox.net/

HTML5 Resources

Best practice und jede Menge weiterer Tipps/Links etc. unter:
http://html5boilerplate.com/
http://net.tutsplus.com/tutorials/html-css-techniques/the-official-guide-to-html5-boilerplate/

Ne ganze Reihe interessanter Artikel hier:
http://net.tutsplus.com/sessions/html5-and-you/

HTML5 Showcases:
http://ehabaref.com/2011/02/40-beautiful-examples-of-html5-website-showcase/