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!
Archiv der Kategorie: HTML5
Loader / Spinner Creator
Cool gemachter Editor zum erstellen von Loader / Spinner – Elementen:
A Fix for the iOS Orientationchange Zoom Bug
http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/
https://github.com/scottjehl/iOS-Orientationchange-Fix
Templavoila – plötzlich ein BODY-Tag ?
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
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/
HTML 5 Video Player
VideoJS:
http://videojs.com/
j-media element:
http://www.protofunc.com/jme/