Manuel-Bieh.de – Web-Development & Consulting

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 bother you a lot when developing for mobile but css-tricks.com published some numbers about the fact that screen resolution is ≠ browser window size:
– http://css-tricks.com/9778-screen-resolution-notequalto-browser-window/

If you want to enrich your website’s data with some very useful HTML5 microdata and you’re looking for the right schema. Maybe we’ve got the right website for you:
– http://schema.org/docs/gs.html

Input “Type=Image” Considered Harmful (and how to fix)
– http://blog.vurve.com/2011/06/18/input-typeimage-considered-harmful/

This one is so cool: pdf.js is a javascript library to display PDF’s in your browser using the canvas element:
– https://github.com/andreasgal/pdf.js

Let’s Make a Framework is an ongoing series about building a JavaScript framework from the ground up:
– http://dailyjs.com/2011/06/02/framework-65/

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 reading:
– http://principles.adactio.com/

30 Creative Examples of Responsive Web Design
– http://webdesignledger.com/inspiration/30-creative-examples-of-responsive-web-design

A web-based DJ prototype plus a really comprehensive post about how it was created:
– http://wheelsofsteel.net/
– http://www.schillmania.com/content/entries/2011/wheels-of-steel/

If you want to develop websites or web apps for mobile using several different content sources like Twitter API, RSS feeds or your existing desktop website, you should consider to have a look at fitml.com which was released as public beta at the beginning of this week (disclosure: I work for Sevenval, the company behind fitml.com)
– http://fitml.com

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 recently made any award-worthy CSS3 animations and now you wanna win your deserved prize for it? Submit it to the Mozilla DevDerby:
– https://developer.mozilla.org/en-US/demos/devderby

A browser tictactoe game including a computer opponent with only HTML and CSS – completely without JavaScript. You think that’s impossible? No it’s obviously not:
– http://jsdo.it/usualoma/qzfr

fitml.com 1.0 beta is now online. The awesome mobile development platform I’ve been working on in the past 8 months is now online. Sign up and give it a try!
– http://fitml.com

Another private showcase I’ve been working on went online yesterday. It was created during my daily trainride from Dortmund to Cologne and back. Check out my (yet little) HTML5 and CSS3 showcase
– http://doctypehtml.net/