Archiv der Kategorie: HTML5

GoogleMaps Api V3 – Lösung für Bug: Marker verschwinden

Veröffentlicht am von

In der GoogleMaps Api V3 gibt es einen Bug, der dafür sorgt, das gesetzte Marker verschwinden(Insbesondere SVG-Icons). Im Netz kursieren diverse Workarounds die z.B. darauf aufbauen, das Zoom-Level zu verändern und gleich wieder zurück zu zoomen… Es gibt aber noch eine einfache Lösung: In den Marker-Optionen optimized: false setzen!

Templavoila – plötzlich ein BODY-Tag ?

Veröffentlicht am von

Templavoila schreibt beim Mapping Vorgang plötzlich den Body Tag mitten ins Template, so dass alles was dahintersteht nicht mehr gemappt werden kann.

In HMTL5 Templates werden für z.B. Slideshows spezielle Attribute wie data-descr=““ in den Tags verwendet. Wenn in diesen Attributen HTML-Tags stehen kommt es zu dem „Fehler“.

Better CSS Coding

Veröffentlicht am von

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

Veröffentlicht am von

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/