Letzte ManuelBieh.de - xhtml, css, webdesign News Creating Mobile Websites Why create a mobile website instead of an application? Using the web has a number of advantages, websites can be browsed on most devices, the technology is flexible, and it is easy to update sites so all users get the latest version. You only need to modify a single codebase if you want to add [...]... Linkdump #5 5 A short test on performance when using IDs in CSS selectors: – http://oli.jp/2011/ids/ Nice trick: Fixing the JavaScript typeof operator – http://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/ Understanding prototypes in JavaScript – http://yehudakatz.com/2011/08/12/understanding-prototypes-in-javascript/ How LinkedIn used Node.js and HTML5 to build a better, faster app – http://venturebeat.... Geolib.js I created a small JavaScript library to provide some basic geo functions like distance calculation, conversion of decimal coordinates to sexagesimal and vice versa, etc. Usage: To calculate distance between two geo coordinates geolib.getDistance({"latitude": 51.511928, "longitude": 7.463536}, {"latitude": 51.510318, "longitude": 7.524133}, 10); // -> 4200 (Accuracy 10m) Takes 2 or 3. First 2 arguments must [...]... Linkdump #4 4 18 mistakes that kill startups – http://www.paulgraham.com/startupmistakes.html 7 lovely things about HTML5 – http://www.elated.com/articles/7-lovely-things-about-html5-markup/ Lists are cool. So here is another one: 15 HTML5 Canvas Applications Developers Should Know About – http://smashinghub.com/15-html5-canvas-applications-developers-should-know-about.htm CSS3 @font-face design guide – http://webdesignerwall.... famfamfam silk icons css-sprite version Many of you have probably used or at least heard of the famfamfam silk iconset in the past. 1000 free 16×16px icons for every purpose you can think of. Many websites or software packages are using it. But 1000 icons means (in case you really use all of them) 1000 HTTP requests which is really [...]... Linkdump #3 3 Adobe tries to bring the functionality of print publishing programs like InDesign to CSS. They called it “CSS regions” and built a prototype that looks really interesting and promising: – http://www.adobe.com/devnet/html5/articles/css3-regions.html And there’s already a jQuery plugin as polyfill to play around with all these cool features: – https://github.com/ricardrobin/Regions.js A problem that doesn’t really [...]... Linkdump #2 2 An article about the new CSS calc() function. A feature we all have been waiting for a long time and yes: it already works in Firefox 4 and even in IE9(!): – http://webdesignernotebook.com/css/the-wonderful-calc-function/ Jeremy Keith has created a list of collected design principles, divided into five categories: people, organisations, formats, software, hardware. Definately worth [...]... Linkdump #1 1 Nice demonstrations of what you can do with webfonts in combination with CSS3 – http://webfontgallery.com/ An overview of new features coming in iOS 5 – http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5 If you have to re-style large data tables for mobile and you have no idea how, this article on responsive data tables might help: – http://css-tricks.com/responsive-data-tables You have [...]... Geolocation jQuery-Plugin I created a small jQuery plugin which acts as a simplification of the Geolocation API. Instead of using navigator.geolocation.getCurrentPosition you can now just use the jQuery methods $.geolocation.get() or $.geolocation.watch(). Contrary to the standard API the only parameter the functions expect is a JSON object with three properties in no particular order: success, error, options. [...]... Styleform jQuery-Plugin [English version below!] Mit diesem Plugin ist es möglich Checkboxen und Radiobuttons zu stylen. Anwendung: Einfach jedem Form-Element dessen Checkboxen und Radiobuttons gestyled werden sollen die Klasse „styleform“ anhängen. Alternativ kann das Styling auf alle oder nur ausgewählte Formulare angewandt werden: $('form').styleForm(); $('#myForm').styleForm(); Styling: Es kann entweder ein eigenes Stylesheet erstellt werden mit eigenen Eigenschaften [...]...