Manuel-Bieh.de – Web-Development & Consulting

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.com/2011/08/16/linkedin-node/

Advantages of Most Perpetual Web Development Technologies – PHP, ASP.NET, Java, Ruby on Rails
– http://phpwebdevelopmentservices.blogspot.com/2011/05/advantages-of-most-perpetual-web.html

10 Excellent HTML5 coding Tools Many Users Don’t Know About
– http://smashinghub.com/excellent-html5-coding-tools.htm

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.com/tutorials/css3-font-face-design-guide

Published more than a year ago but still worth reading: Signs of a poorly written jQuery plugin:
– http://remysharp.com/2010/06/03/signs-of-a-poorly-written-jquery-plugin/

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/

Da ich es immer wieder schön finde in der Adventszeit täglich einen neuen Artikel in den zahlreichen „Web-Adventskalendern“ zu lesen, hier mal eine kleine Auflistung an schicken Kalendern die ich so gefunden habe in der Zwischenzeit:

• Webkrauts – deutsche Artikel zum Thema Internet. Schwerpunkt dieses Jahr: Kunden
• Maddesigns.de + Webstandardsblog – zwei Seiten, eine Kooperation: ein deutscher Kalender mit vielen Praxisbeispielen was heute schon mit CSS3 möglich ist oder bald sein wird
• 24 ways to impress your friends – englisch, in den letzten Jahren oftmals mit innovativen und sehr sehenswerten Praxisbeispielen
• PHP Advent – englisch, wie der Name vermuten lässt mit dem Schwerpunkt PHP-Entwicklung
• HTML5Adventure Calendar 2010 – ebenfalls englisch, jeden Tag ein beeindruckendes Beispiel was mit HTML5 möglich ist

Bei den Webkrauts sei noch darauf hingewiesen, dass sich hinter dem dritten Törchen ein Artikel von mir zum Thema „Geolocation API“ befindet. Wünsche euch viel Spaß an den kommenden 11 Tagen an denen ein „Törchen“ geöffnet wird. Solltet ihr noch themenrelevante Kalender kennen die hier nicht gelistet sind: ich freue mich über einen Hinweis als Kommentar!

… wenn vielleicht auch nur langsam: bei insFX ist ein Artikel erschienen in dem schön beschrieben wird, was ich hier ja bereits öfters bemängelt hatte; nämlich die native Unterstützung der Standortermittlung im Browser.

Hier gehts es zum Artikel: Der iPhone-App Killer: Mobile Webbrowser bekommen endlich Zugriff auf die Geolocation! Und hier noch eine etwas ältere Ausführung von mir, von Anfang des Jahres, mit einigen Fragen und Wünschen: Einige Dinge die ich mich gelegentlich frage.

Dann dürfte es ja jetzt nur noch ein paar Jahre dauern, bis sowas vielleicht flächendeckend funktioniert, schön!

Ich hielt es für recht interessant, daher erlaube ich mir einfach mal, den entsprechenden Pressetext dazu hier zu bloggen:

Ende Oktober 2008 ist es soweit – die neue Adobe Creative Suite 4 geht auf Tour.

Den Anfang macht am 29.10.2008 die grosse Launch Veranstaltung mit zahlreichen Partnern in Kölner E-Werk. Danach geht es auf Tour durch Deutschland, Österreich und die Schweiz.

Unsere Experten zeigen Ihnen in der ganztägigen, für Sie kostenlosen Veranstaltung alle neuen Funktionen und Werkzeuge – das sollten Sie auf keinen Fall verpassen! Gehören Sie zu den Ersten, die live die Adobe Creative Suite 4 sehen. Melden Sie sich noch heute an und sichern Sie sich Ihren persönlichen Platz!

Termine und Orte

• 29.10.2008 Köln
• 10.11.2008 Berlin
• 18.11.2008 Zürich
• 21.11.2008 München
• 25.11.2008 Wien
• 27.11.2008 Hamburg

Programm

Kreativ-Workflow mit der Creative Suite 4 Design Premium Was gibt es Neues in Photoshop CS 4 Erstellen interaktiver Anwendungen mit der Creative Suite 4 Web Premium Postproduktions-Workflow mit der Creative Suite 4 Production Premium

Die Anmeldung ist unter Tour Daten/Registrieren möglich.

Aber beeilen Sie sich, die Teilnehmer-Plätze sind begrenzt!

http://www.shortcut-to-brilliant.com/

Ich hab vor kurzem Handygames für mich entdeckt. Statt im WAP zu surfen oder mich „nur“ mit der Nokia „Golf Tour“ (wirklich cooles Spiel!) zufrieden zu geben, spiele ich neuerdings öfters mal „Fußball-Manager“ oder betätige mich als „Achterbahn-Bremser“, wenn ich auf irgendwen warte oder mit der Bahn unterwegs bin.

Sehr erwähnenswert ist an dieser Stelle „Mobilize and Share“ (kurz: MOSH) von Nokia. Benutzer können dort anderen Benutzern Spiele, Programme oder Themes, hauptsächlich natürlich für Nokia-Handys, vorstellen.

Eine andere Goldgrube mit kostenlosen Handygames habe ich gerade im Mobile Zeitgeist gefunden. Simyo bietet in seinem Mobil-Portal über 400 Handy-Spiele kostenlos zum Download an. Super Sache!

http://mgames.simyo.de/WhiteLabelWap/index.htm

Sehr amüsant. Das Mobile Tagging ist bis zur BYM-Redaktion vorgedrungen. BYM ist der Jugendableger der Frauenzeitschrift Brigitte. Im Video wird in anderthalb Minuten kurz erklärt was Mobile Tagging denn so ist.

Was mir daran jetzt aber nicht unbedingt gefällt ist die Tatsache das es so dargestellt wird, als wäre das Tagging wirklich nur dann von Interesse, wenn man plant seinen Urlaub in Japan zu verbringen. Außerdem wird dem Zuschauer in meinen Augen vorgegaukelt, dass man ein echtes High-End-Handy bräuchte. Doch oftmals reicht schon eine Kamera und die Unterstützung von Java-Applikationen, was inzwischen ja nun wirklich mindestens jedes zweite neu produzierte Handy leistet.

Beim Webstandardsblog gibts eine Art Mini-Umfrage zum Thema Web, die ich an dieser Stelle gern beantworten möchte:

Seit wann beschäftigst du dich mit den Themen Webentwicklung bzw. Webdesign?

„Professionell“ seit dem Jahr 2001. Dort fing ich meinen ersten Nebenjob in einer Webagentur an. Damals noch als Schüler. Das erste mal intensiver mit HTML in Kontakt kam ich etwa mit 12, also vor rund 11 Jahren. Irgendwann zu dieser Zeit entstand auch der Wunsch beruflich später einmal etwas mit dem Internet zu machen.

Welches war deine erste Entwicklungsumgebung bzw. der erster Editor in Sachen Webentwicklung?

Das war zu besagter Zeit, irgendwann vor 11-12 Jahren eine ziemlich einfach gehaltene Quelltext-Editor-Freeware von einer PC Welt CD, glaube ich.

Welches war dein erstes Bildbearbeitungsprogramm und nutzt du es noch immer?

Paint ;-) Danach kam für kurze Zeit Paintshop Pro und dann Photoshop 5. Photoshop ist bis heute das Tool meiner Wahl geblieben.

Welches war dein erstes und letztes Buch, zu den Themen Webentwicklung bzw. Webdesign?

Puh, das kann ich so genau gar nicht sagen. Ich weiß es wirklich nicht.

Welche Top-3 Blogs zu den Themen Webentwicklung bzw. Webdesign sind von dir abonniert und würdest du auch anderen Lesern empfehlen?

Uh, das sind zu viele als das ich mich jetzt hier auf 3 Stück beschränken könnte. Ich würde mindestens 5 gleichwertige Blogs nicht erwähnen. Aber sehr cool und innovativ finde ich mittlerweile ajaxian.com. Dann natürlich der Klassiker: A List Apart und Vitamin. Deutsche Blogs nenne ich aber nicht. Da empfiehlt es sich aber einen Blick in die Webkrauts-Mitgliederliste zu werfen. Die sind eigentlich durch die Bank alle zu empfehlen ;-)