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/

• 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!

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!

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/

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

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.

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 ;-)

62

Named so far:
A, ABBR, ACRONYM, ADDRESS, B, BLOCKQUOTE, BODY, CAPTION, CITE, CODE, DD, DIV, DL, DT, EM, FIELDSET, FONT, FORM, H1, H2, H3, H4, H5, H6, HEAD, HTML, I, IMG, INPUT, LABEL, LEGEND, LI, LINK, MENU, META, NOSCRIPT, OBJECT, OL, P, PRE, Q, S, SAMP, SCRIPT, SPAN, STRIKE, STRONG, STYLE, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, U, UL, VAR,

You forgot:
APPLET, AREA, BASE, BASEFONT, BDO, BIG, BR, BUTTON, CENTER, COL, COLGROUP, DEL, DFN, DIR, FRAME, FRAMESET, HR, IFRAME, INS, ISINDEX, KBD, MAP, NOFRAMES, OPTGROUP, OPTION, PARAM, SELECT, SMALL, TT,

Krass. Das man sowas wie bdo, font oder isindex mal vergessen kann, kein Ding. Aber an sowas wie select, small oder hr sollte man schon dran denken.

Egal, immerhin mehr als Gerrit, bei dem ichs gefunden hab ;-)

Die Artikel stehen unter dem Motto „Advents-Quickies“ und sind bewusst kurz gehalten. Als Autoren sind diesmal dabei: Nils Pooker, Tomas Caspers, Eric Eggert, Nicolai Schwarz, Gerrit van Aaken, Stefan Nitzsche, Martin Ladstätter, Andreas Demmer, Dirk Jesse, Susanne Jäger, Jan Eric Hellbusch, Matthias Koch, René Grassegger, Stefan David und Chris Heilmann.

Aber ich bin mir sicher, dass auch ohne meine Hilfe etwas schönes entstanden ist ;-)

Also schaut ab morgen mal rein, es gibt, wie gehabt, jeden Tag einen neuen Artikel: www.webkrauts.de.

Suchmaschinen:
http://google.de/xhtml
http://de.m.yahoo.com/

Übersetzungen:
http://pda.leo.org
(ca. 20 statt 120 KB bei der ersten Übertragung!)

Sportnews, Fußballergebnisse:
http://www.kicker.mobi

Fahrpläne und mehr, Deutsche Bahn:
http://mobile.bahn.de

Google Maps als Application für unterwegs:
http://www.google.com/gmm/index.html

Googlemail:
http://m.googlemail.com

Google Calendar:
http://www.google.com/calendar/m

Wikipedia:
http://de.wapedia.org

Amazon:
http://www.amazon.de/gp/aw/h.html/
Ein Paradebeispiel wie an es nicht macht. In der US-Version gibt es amazon.com/phone. Für Deutschland habe ich eine solche URL nirgendwo finden können.

eBay:
http://mobile.ebay.de/

Wer seine Xing-Kontakte unterwegs verwalten möchte:
http://mobile.xing.com/

Das Örtliche:
http://dasoertliche.mobi

Telekom Telefonbuch:
http://pda.telefonbuch.de

Wie man an den URLs bestens erkennen kann, hat sich trotz der .mobi-Domain bisher kein einheitlicher Standard für mobile Website-Versionen gebildet. Selbst Google nutzt für seine eigenen Services intern unterschiedliche URLs um mobile Endgeräte zu bedienen. Mal ist es eine Subdomain m, mal ein Unterordner /m, mal etwas ganz anderes.

Mir persönlich sagt die Subdomain m auf Grund ihrer Kürze sehr zu, auch mobile scheint recht üblich zu sein. Dennoch ist meiner Meinung nach die speziell eingeführte .mobi–TLD die beste Wahl. Kurz, prägnant und eben für diesen speziellen Zweck eingeführt.

Download:
http://universalmccann.bitecp.com/um_report_pttp_lr3.pdf

(via: Mobile News & Infos)

http://jotbe-fx.de/daily/article/1980/mysql-performance-optimization-links

Unter http://www.happywebbies.com/ gibt es Wallpapers mit Sprüchen von 4 Webgurus zum kostenlosen Download.

Wer selbst mal raten will, probiert es hier:
http://www.happywebbies.com/img/banners/rotate.php

Eine schöne Meldung, wie von Microsoft schon fast gewohnt, bekommt man wenn man nach der Installation auf „More Information“ klickt:

Error 1508 Microsoft Silverlight has been installed successfully.

http://manuelbieh.com/handy.php

Gerade Benutzer von Handys mit Windows Mobile, Minimo und anderer „exotischerer“ Systeme sind von Interesse. Aber nicht ausschließlich diese Geräte ;)

Gespeichert werden unter dem Link lediglich die Daten die sich bei der entsprechenden Gerät/Browser-Kombination im $_SERVER-Array von PHP stecken. (Es werden also keinerlei Rückschlüsse auf Deine Identität gezogen!) Meine Erkenntnisse und Beobachtungen werde ich zum gegebenen Zeitpunkt natürlich an dieser Stelle zur Verfügung stellen. Ich danke Euch vorab schonmal für Eure Hilfe!

Maßgebend is auf’n Platz – das Derby

„Mobile Web Best Practices 1.0″ ist ein Webstandard von W3C, der Menschen dabei unterstützt, Inhalte so zu gestalten und auszuliefern, dass sie auch auf mobilen Geräten gut funktionieren. Dieser Kartensatz fasst die Richtlinien des Dokumentes in zehn Themengruppen zusammen. Indem sie diesen Vorgaben folgen, vergrößern Inhalteanbieter ihr Publikum, produzieren effektive Webauftritte und -applikationen und machen das Webbrowsen auf mehr Geräten zum angenehmen Erlebnis.

http://www.w3c.de/Flyer/mwbp_flipcards_de.html