kahlil.co

Basecamp Next

2012-01-26T00:00:00+01:00

I love 37signals.
They are opinionated, they are thought leaders and they enjoy building their profitable company in the way they see fit.
I am looking forward to seeing Basecamp Next and to study how they are rethinking their own product.

NodeUp Eleven

2012-01-19T19:41:00+01:00

Since I am interested in node.js but never worked with it yet or read up on it, I was wondering every now and then how you deal with databases in node. In this NodeUp episode the panel talks about just that topic, covering CouchDB, MongoDB, PostgreSQL, Redis and more for about 2 hours. I must admit some of that stuff is wa-haay over my head but I found it very informative and interesting.

ShopTalk Show Episode 2 feat. Paul Irish

2012-01-19T19:39:00+01:00

I enjoy this Podcast. Even though sometimes the subjects they talk about are too basic for me, there is always something to be reminded of or to pick up. Also I enjoy listening to the people who do the podcast. This epi was especially good because Paul Irish was the guest and he always gives great input.
In this specific episode I picked up two things in particular, firstly the universal ie6 stylesheet which is a cool way to handle ie6 I think and the window.matchMedia method that can be used to test media queries programmatically in Javascript.
Also, they give some great suggestions on how to get involved in the web dev community.

The Germlish Dilemma. Solved.

2012-01-17T00:00:00+01:00

TL;DR I’ll be writing in English for a while and see how it goes….

I’ve been writing in German on here since I started this blog. It is slowly getting more and more clear to me what this blog is about. It is about JavaScript development, frontend development and related news as well as podcasts and a tiny little bit about web startups or web companies that inspire me. In that order.

When I started this blog I made the decision to write in German because I have the feeling that the German community really is missing some voices that report and teach new techniques in frontend development. There is a trade off though, which is that in order to participate in the international conversation I would have to translate everything into English. Since I don’t have the time to do that I was torn for a while between writing in German and writing in English.

After a long back and forth I finally decided to try posting in English for a while and see how it goes.

Die illsten Links von neulich - Vol. 4

2011-12-29T20:09:00+01:00

Eines der am meisten geliktesten Bilder auf mlkshk dieses Jahr

Willkommen zu einer neuen Ausgabe der illsten Links von neulich. Dieses mal sehr kurz gehalten, da die Illness neulich eher spärlich war aber dafür sind die paar Links hier besonders ill.

Den Newsletter habe ich übrigens erstmal eingestellt. Ist mir grad zu blöd beides am laufen zu halten. Ich poste es lieber einfach auf dem Blog. Ich werde den Newsletter aber weiter rausschicken mit Hinweis auf neue Blogposts. Wenn ihr darauf Bock habt gerne hier anmelden.

Smashing Magazine Meetup #3 Videos ➹

Paul Irish und Christian Heilmann haben auf dem Smashing Magazine Meetup in Stuttgart zwei sehr gute Vorträge gehalten und diese sind jetzt auf Vimeo.

Working Draft Revision 53 #smmeetup ➹

Auf selbigem Meetup hatten wir die Ehre mit Paul, Christian und Vitaly eine Diskussionsrunde für Working Draft führen zu dürfen.

Changelog Episode mit dem Programmierer von Spine ➹

Eine tolle Changelog Episode mit dem Programmierer des von Backbone JS inspirierten Spine Frameworks.

Die illsten Bilder auf mlkshk.com nach Likes ➹

mlkshk hat um den Jahreswechsel abzufeiern die meist-geliktesten Bilder auf ihrem Blog gepostet. Ist sehenswert.

5by5 After Dark Episode 75 ➹

Dan Benjamin spricht über sein Equipment, Business und Behind-The-Scenes von 5by5 Studios.

Update:

Stop Whining and Start Hiring Remote Workers ➹

If we were only trying to hire in Chicago, we’d never have the world-class team we have today. 37signals has people from such distinct tech hubs as Fenwick (Canada), Phoenix, Caldwell (Idaho), Romiley (UK), Jefferson Hills (Pensylvania), Ann Arbor (Michigan), Boulder (Colorado), Tampa (Florida).

Diese Obession mit dem Vor-Ort-Sein ist absoluter Schwachsinn.

Impress.js ➹

Prezi mit JavaScript und CSS3 Transitions umgesetzt! Wicked!

URI.js

2011-12-29T00:00:00+01:00

Rodney Rehm war so freundlich einen exzellenten URL-Manipulator zu schreiben. Sogar auf Hacker News inklusive pissiger Kommentare hat ers geschafft. Wicked.

REASON Folge 1 mit Richard Metzler

2011-12-27T15:00:00+01:00

REASON ist ein Experiment, eine Interviewreihe mit Web Developern (evtl. auch mit anderen Webmenschen) aus meinem Umfeld (und darüber hinaus?). Die Idee ist, das einfach mal zu machen, auf den Blog zu klatschen und zu sehen wo es hingeht und was und ob sich etwas daraus entwickelt. Feedback ist wie immer willkommen. Am besten auf Twitter.

REASON ist in der totalen Betaphase. Alles kann sich ändern, Name, Existenz, Format, Audioqualität (hehe), einfach alles.

Folge 1 ist mit Richard Metzler aus Potsdam. Programmierer vom zarten Alter von 12 Jahren an und momentan bei LAUNCH/CO beschäftigt.

Download Link

Shownotes

CoffeeScript
Sammy.js
Spine.js
Serve
Erlang, Chaos Radio Express Show zum Thema (thx @makochnet)
Domain-specific language
Couch DB
Wooga
Iterate
Automate My Small Business
The Changelog
The Javascript Show
The Ruby Show
Founders Talk
Richard auf Flavors.me

Addy Osmanis Backbone Fundamentals Buch

2011-12-23T00:00:00+01:00

Addy Osmani stellt hier das Backbone JS Fundamentals Buch zusammen, ganz nach dem Vorbild von Rebecca Murphys jQuery Fundamentals. Das Buch enthält einführende Informationen, sowie Material für fortgeschrittene und erfahrene Entwickler.

Aufgrund der spärlichen und sehr zerstreuten Dokumentation von Backbone ist dieses Projekt unbedingt notwendig und extrem hilfreich. Es befindet sich allerdings erst in der Anfangsphase und wird mit Hilfe der Community ständig erweitert und verbessert. Hiermit also der Aufruf an alle deutschen Backbone Expertern: mithelfen!

Das geht ganz einfach auf Github über Fork → Beitrag hinzufügen → Pull Request senden.

Die illsten Links von neulich - Vol. 3

2011-12-10T14:47:00+01:00

Der güldene Link der Ausgabe

Lieber spät als nie. Der bevorstehende Relaunch und Albumrelease von Agent Lexie füllt gerade meine Freizeit aus, deshalb bin ich etwas spät dran. Ich hatte zwar noch einige Links mehr in der Liste habe die dann auf die essentiellen Links runterdestilliert und denke, dass ich eine ganz schöne Gruppe zusammengesammelt habe.

Der güldene Link der Ausgabe:

Eine kleine neue Rubrik in den illsten Links ist der güldene Link der Ausgabe. Der Link mit dem höchsten Mehrwert. Gemessen mit höchstwissenschaftlichen Methoden wie Bauchgefühl, eigene Meinung etc.

Modernizr Test Suite
Ein Killerscreencast von Paul Irish der wieder mal viele Juwelen birgt.

dude

Uses the wonderful Lebowski Ipsum and Node.js.

Die dude npm von Frederic Hemberger spuckt Lebowski Ipsum paragraphenweise aus. Everybody now: npm install thedude

Swipe JS
Die wohl beste Swipe-Gallery für mobile Geräte.

Gary Vaynerchuk’s Inc. 500 Keynote
Wahrscheinlich die beste Keynote von Gary so far. Anschauen wenn ihr wissen wollt wie unendlich wichtig Social Media für Biz ist und sin wird!

CSS3 Slider
Content Slider aus CSS3

Fronteers Video
Die Fronteers Videos.

CodeKit
Der Macher der LESS.app legt CodeKit hin und damit eine Applikation die von Sass über Less nach Coffeescript alles verarbeitet und auf Wunsch minifiziert.

37signals hire filmmaker
Immer wieder gut zu sehen was 37signals so macht, in diesem Fall stellen sie einen Film-Mann ein um ihr tun zu dokumentieren.

Khoi Vinh and the grid
Khoi Vinh redet über das Grid und Design.

Sublime Text 2 Soda Theme
Das beste Theme für Sublime Text 2 soweit.

That old time religion
This Week in Startups mit Eric Ries als Gast war eine der besten Folgen.

WTF Mobile Web
What the FUCK mobiles Internet!?

Backbone vs. Knockout
Knockout und Backbone im Vergleich und darüber das man die zwei eigentlich nicht vergleichen kann.

Smashing Mag Meetup mit Paul Irish und @codepo8
Kommt massenhaft!

Echo JS
Hacker News für JavaScript

JS Render
Ein effektives Templating System für JavaScript.

Feeds to follow
Feeds!

Die illsten Links von neulich - Vol. 2

2011-11-02T00:00:00+01:00

⚡

Illness

Freunde und Förderer des Hyperlinks, dies ist die berühmt, berüchtigte Artikelreihe und der Newsletter Die illsten Links von neulich. Abonniere den Newsletter hier um in eurem Freundeskreis nahezu vergöttert zu werden, weil sie einfach nicht rausfinden können woher ihr diese illen Links schon so früh her habt! (True Story.)

Heute bringe ich euch die zweite Ausgabe:

⚡

Fieldrunners

Paul Irish tweetete und linkte auf dieses Tower Defense Spiel das von Bocoup umgesetzt wurde. Bocoup ist eine eine kleine Armee an JavaScript Devs bei denen es sich durchaus lohnt vorbei zu schauen.

⚡

JSConf.eu Videos

JSConf.eu war vor kurzem in Berlin und ich war nicht dort, deshalb freue ich mich um so mehr über die Videos der Talks.

⚡

Joss Crowcroft

Paul Irish, seines Zeichens Mitglied des Chrome Teams und exzellenter Frontend Dev ist auch extraklasse im Hyperlinken und verweiste neulich auf diese schönen Frontend Dev Blog mit zahlreichen Experimenten und Tutorials.

⚡

Color Scheme Designer

Zach Holman, der sehr lustige Mitarbeiter von Github hat mich mit seinem Artikel über Präsentationen für Developer inspiriert einen alten Link für Farbpalletten auszugraben. Ich als nicht-Designer brauche da nämlich solche Krücken und freue mich um so mehr, daß es sie gibt.

⚡

Hubot

Hubot is a library and an executable that wraps up all the logic of connecting to chat servers. Right now there are adapters for Campfire and IRC, but adding stuff like Hipchat or other services should be pretty trivial.

Als Riesenfan von der Art und Weise wie GitHub arbeitet bin ich auch Fan von Hubot, der Chat-Roboter der eine sehr wichtige Rolle bei der Github’schen Arbeitsweise spielt. Er ist nun quelloffen.

⚡

iPhone 4S Slideshow Deconstructed

The “phone stage” (blue-bordered box) contains all 6 “slides” of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve).

Diesen Link hatte ich in Episode 1 vergessen: Eine Analyse der CSS Transitions in der iPhone 4 Slideshow. Cool.

⚡

Lightning JS

Diese kleine JavaScript Lib stellt eine verbesserte Lösung für asynchrones Laden von eingebettetem JavaScript dar. Es platziert die jeweiligen Skripte in einer sicheren Umgebung mit eigener window Instanz und verhindert das Blocken von document ready und window.onload Events durch die verschiedenen Bibliotheken..

⚡

5 questions with Paul Irish

Und nochmal Paul Irish, der CSS-Gott Chris Coyier führt ein Mini-Interview mit ihm durch, sie besprechen u. a. die zukünftige Browserlandschaft und die Chrome Dev Tools. Chris führt seine “5 questions with …“-Reiche mit der griechisch-stämmigen Frontend Developerin Lea Verou weiter, die durch ihre CSS3 Experimente und Single-Page Apps hohe Aufmerksamkeit in der internationalen Frontend Dev Community genießt.

⚡

Learn to think like a Git

Git ist geil und hier kann man als Git-n00b tiefer in die Materie einsteigen.

⚡

Gitbox

Gleich hinterher ein neuer Git Client für Mac, sehr simpel gehalten mit praktischen Features.

⚡

Logos in CSS

Hier hatte jemand definitiv zu viel Zeit. Reine CSS Logos mit tonnenweise Divs sind zwar schön aber leider Semantisch völlig wertlos, Lea Verou schlägt für solche Zwecke SVG vor, welches eigentlich für solche Zwecke gedacht ist.

⚡

Stickyness

Sehr cooles Experiment, vor allem wenn man es mit einem Touch-Gerät testet.

⚡

JS H.264 Decoder via @sir_pepe

Oh yeah!

⚡

Banksimple & Banksimple iPhone App

Ok, Banksimple spielt für Deutschland erstmal keine Rolle, allerdings wollte ich mal Aufmerksamkeit darauf lenken, da die Idee einfach fett geil ist. Bin total gespannt auf Erfahrungsberichte.

⚡

Punchd by Google

Die Datenkrake hat neue Tentakel :D

⚡

Crockford on JS Code Style and your brain via javascriptweekly.com

Crockford ist der Autor von “JavaScript: The Good Parts” und es lohnt sich immer ihm zuzuhören.

⚡

Schöner Tooltip

⚡

Terse JavaScript

Eine Artikelreihe voller Tips darüber wie man schönen JS Code schreibt.

⚡

Sisyphus JS via Smashing Magazine

Dieses Skript speichert Benutzereingaben in ein Formular regelmäßig im localStorage, so gehen die Eingaben auch nach einem Crash oder schließen der Browsersession nicht verloren. Das sollte jedes Formular haben!

⚡

Responsive Web Comics

Das find ich geil, hab selber schon über sowas nachgedacht. Interessant wäre ein Framework mit dem man leicht innerhalb eines responsive Designs Sprechblasen in Bildkästen für Comics unterbringen könnte. Sickness!

⚡

Gitpad

Für Windows-User eine kleine .exe Datei die Notepad als Standardeditor für Git-Merges festlegt.

⚡

Useful Coding & Workflow Tools for Webdesigners & Developers

Smashingmag haben mal in ihrer Followerschaft Dev Tools gecrowdsourced. Das Ergebnis lässt sich an Nützlichkeit kaum übertreffen.

⚡

Lessons From a Review of JavaScript Code

Ein Repost von einem Code-Review Artikel von Addy Osmani, wie immer eine schier endlose Quelle an Tipps und Einsichten zu JavaScript Development.

⚡

Jonathan Krause

Jonathan, der meine Seite designed hat, hat seine Seite redesigned. Sieht heiß aus! Gebt ihm Props oder Jobs unter http://twitter.com/jonykrause!

⚡

Deep into the frontend

Das sind mal richtig deepe Links… woah.

⚡

Brunch IO

Oi! Ein Framework ganz nach meinem Geschmack: bestehend aus Frameworks. In den Tools trifft sich das Who ist Who der aktuellen JS Frameworks und vereinen sich zur perfekten Entwicklungsumgebung für komplexe JavaScript Apps.

⚡

Paul Irish’s open Tabs

Was der Paule so liest. Ganz schön ill.

⚡

Der ultimative Slider

Ein JS Slider der mit CSS Transitions, jQuery und Canvas arbeitet. Die Übergänge sind, vielfältig, unsagbar smooth und anscheinend unendlich anpassbar.

⚡

Github Enterprise

Github zum Selberhosten für große Firmen für $ 5000,-/Monat/20 User. Heeelllooo Sah!

⚡

The Verge

Das neue Projekt von Joshua Topolsky (ehemals Editor in Chief bei Engadget) hat Style!

⚡

Bonuslinks

Henry Waltz

Ein Konzepttrailer.

PressPausePlay

PressPausePlay, a documentary film containing interviews with some of the world’s most influential creators of the digital era.

Abonniere ⚡ für early access zum nächsten Vol.!

Die illsten Links von neulich

2011-10-25T00:00:00+02:00

Sei der coolste in deiner Crew und bleib auf dem laufenden mit den illsten Links in Webdevelopment!
Diese Artikelreihe & Newsletter will die Frage beantworten: Was sind gerade so die illsten Hyperlinks around?
Here we go:

⚡

jQuery Standards Team →

The jQuery Standards Team has three primary goals:

To represent the web developer community, in particular jQuery users, to standards bodies such as the W3C and TC39 with the intention of improving existing standards and standards in progress to better meet the needs of web developers.

To represent the web developer community, and especially jQuery users, to browser vendors with the intent of helping them identify standards that they should prioritize for implementing, and proofs of concept that they can build.

To help the jQuery project adopt new standards and browser features as appropriate.

jQuery geht ab und schickt Paul Irish und Yehuda Katz in das Standards-Business. Die beiden werden die Web Development-Community gegenüber den Browser-Normungsgremien vertreten, dafür sind sie aufgrund ihrer bisherigen Tätigkeiten bestens gerüstet. Ich habe vollstes Vertrauen in die beiden und fühle mich bestens repräsentiert.

⚡

Badass JS →

WE’RE BACK BABY!

Hey? Wusste gar nicht dass es sie gab, aber sie sind schon wieder zurück. Sieht cool aus, der Blog. Bin gespannt ob sich die Postfrequenz von 7 Monaten tatsächlich erhöhen wird. Wenn ja, dann würde mich das freuen.

⚡

jQuery Swap →

Timmy Willison, seines Zeichens jQuery Core Member und so, hat was entdeckt:

I had discovered a surprisingly useful internal jQuery function that may be of use to you: jQuery.swap.

und diese nützliche Funktion macht folgendes:

It swaps the styles of the element you pass with the given css, calls your callback, then returns the element to its original style.

In seinem Beispiel holt er für eine Lightbox über jQuery Swap schnell die Koordination des Endzustands, seines zu animierenden Bildes. Clever.

⚡

Ixoth →

Hook anything up to Siri with Ixoth.

Ich finde ja, dass Siri ein Geniestreich ist, Ixoth erweitert die Fahigkeiten von Siri nach Wunsch. Genial.

⚡

JavaScript Conventions →

Crockford (of JavaScript: The Good Parts fame):

The long-term value of software to an organization is in direct proportion to the quality of the codebase. Over its lifetime, a program will be handled by many pairs of hands and eyes. If a program is able to clearly communicate its structure and characteristics, it is less likely that it will break when modified in the never-too-distant future.

Der Crockford legt Konventionen für JavaScript hin. Exzellent. Einfach danach richten…

⚡

Style in jQuery Plugins →

Cowboy von Bocoup:

Ultimately, while there are many different plugin style considerations, the most important thing is for you to focus on developing your own personal style that balances efficiency with readability and maintainability. Your plugin not only needs to work well, but it needs to be easy to update and maintain, because you’re going to be the person maintaining it!

In diesem Artikel bietet Cowboy eine Unmenge von sehr hilfreichen Best Practices, Links, Tipps und Style-Empfehlungen die man als JavaScriptler definitiv kennen sollte!

⚡

Mixergy Interview mit Neville Medhora →

You know what formal means to me? It means boring as fuck!

Diese grandiose Interview mit Neville Medhora über seine Art Copy zu schreiben fand ich sehr erhellend. Schon seit langem wundere ich mich warum E-Mails und Werbetexte immer so scheißelangweilig sein müssen. Müssen se nich, und wenn man es richtig macht und frei nach Schnauze schreibt hat man einen Riesenvorsprung vor den meisten, weil man connected und sich sonst keiner traut. Sehr inspirierend.

⚡

HTML5 For Webdesigners →

Das Buch HTML5 For Webdesigners von Jeremy Keith hat jetzt eine eigene Seite, der komplette Content des Buches steht als HTML zur Verfügung und wird per Cache Manifest heruntergeladen, das heißt das Buch steht einmal geladen auch offline zur Verfügung! Noch bemerkenswert ist das der Titel der Seite einfach durch einen gestylten <title>-Tag dargestellt wird.

⚡

Slide Design for Developers

Working on your slide design pays off for the audience in front of you and for the audience online reading your slides later. I learned a lot designing this talk, and I think it can be helpful for you, too.

Der Zach Holman, dessen Blogpostreihe über das arbeiten bei Github gibt hier ein paar fantastische Präsentations-Design Tipps für Entwickler anhand der Folien für einen seiner Vorträge.

⚡

Wenn du die illsten Links in Webdevelopment gerne regelmäßig im Elektrobriefkasten haben möchtest bevor ich sie hier poste, klicke auf diesen Link trage deine Emailadresse ein und bestätige mit Klick auf den Bestätigungslink!

Tschüss Jekyll, hallo Tumblr! [Update]

2011-10-23T00:00:00+02:00

Bye Jekyll

Update: Uuund wieder zurück. Ich muss echt sagen ich kann Tumblr nicht leiden, konnte ich noch nie. Ich brauche zwar die Features aber das hat jetzt wirklich zu sehr geschmerzt. Aua! Außerdem hab ich mein Design vermisst. Ich muss eine andere Lösung finden. Entweder Linkposts von Tumblr via jQuery und API importieren wie hier von @rmetzler vorgeschlagen oder aber auf ein Wordpress Tumblog umsteigen und mein Design portieren. Mal sehen…

Yep!

kahlil.co ab sofort auf Tumblr. Ich liebe Jekyll zwar und bin etwas traurig dass ich umsteigen muss, ich möchte mich jedoch völlig auf auf das Produzieren von Content konzentrieren können. Neben meinem Vollzeitjob bin ich mit genug anderen Projekten beschäftigt dass ich keine Zeit mehr dafür erübrigen kann, an meinem Blog rumzutüfteln. Tumblr hat halt auch alles was ich brauche: Bookmarklet, Twitterintegration und iPhone App.

Jekyll ist gut wenn man vor allem lange Artikel schreiben möchte, ich möchte aber auch spontan Links und kurze Ideen auch von Unterwegs (ich pendle jeden Tag insgesamt 3 Stunden) posten können und das geht unter anderem am besten mit Tumblr und komplementierenden Applikationen.

Mittlerweile kriegt Tumblr das mit dem Caching und der Performance zum größten Teil ja klar.

Mein Content liegt dann natürlich nicht mehr in Textfiles vor aber mein gebackupter RSS Feed reicht mir dafür.

An dieser Stelle möchte ich mich nochmal bei @jonykrause für das schöne Design meines Jekyllblogs bedanken, er sei hiermit als iA und Webdesigner mit Fokus auf Typografie nochmals wärmstens empfohlen.

Ich liebe Veränderung, also auf ins nächste Experiment.

Das Tumblr Killerfeature ist für mich das Bookmarklet und das iPhone App. Das Tumblr mittlerweile ein ausgewachsenes Social Network ist, ist ein interessanter Bonus.

Squarespace 6 werde ich im Auge behalten, sieht sehr interessant aus und deren App ist noch mal n Grad slicker als das von Tumblr. Kostet halt, aber die Preisstruktur soll mit dem Release von Version 6 angepasst werden, mal sehen.

Den Content von meinem Jekyllblog werde ich wohl nach und nach migrieren und ist voererst noch unter jekyll.kahlil.co zu erreichen. Es ist mir klar, daß ich grad echt alle Links von meinem alten Blog zerhau und der Gooblebot denkt ich hab n Vogel. Aber so ist das dann halt, ich denke ich habe alle Vor-und Nachteile abgewogen und komme damit gut klar. Wenigstens gibt’s hier jetzt öfter Content :)

FOWA Links

2011-10-05T22:23:00+02:00

Mark Kus hat's designed (wie immer).

Es lohnt sich nicht, sich im Neid zu suhlen. Lieber halte ich mal #FOWA im Auge und sammele interessantes hier.

Gestern wurde ja schon SpineJS Mobile released. Sieht wie gesagt richtig gut aus. Freue mich schon drauf das mal genauer anzuschauen.
LayerVault ist Versionskontrolle für Designer. Heute auf FOWA gelauncht, die Preise scheinen mir ziemlich happig!
Chris Coyier Slides von seinem Vortrag
Chris Coyier wies wohl im Talk auf SpriteCow hin. Ein Tool um Sprites zu erstellen. Win!
Christian Heilmann hat noch zwei interessante Links von FOWA vertweeted: eine neue API für JavaScript Animationen und ein cooles kleines CSS Experiment von Simurai.

Christian Heilmann's Vortrag bei FOWA 2011

2011-10-05T14:25:00+02:00

Christian Heilmann:

Yesterday I went to London to deliver the opening Keynote at the Future of Web Apps. In it, I reminded people of using the web to build apps on the web, why it makes sense to build with open technologies and showed off some of the new technologies.

Schön mit Audio und HTML5-Nyan-Cat-Slides.

SpineJS Mobile

2011-10-04T22:22:00+02:00

Spine Mobile strives to give your applications a native look and feel, providing the best user experience possible.

Schöner Release von Spine JS!

JSConf Zusammenfassung

2011-10-04T22:13:00+02:00

hacks.mozilla.org:

The conference kicked off with Bella Morningstar, president of the Brendan Eich Fan Club (a.k.a. Mandy Lauderdale), serenading Brendan

Ziemlich grenzwertig aber Ich wäre trotzdem gerne dort gewesen :)

Mulberry

2011-10-03T21:05:00+02:00

Mulberry:

Mulberry helps web developers rapidly create content-rich native mobile applications. Powered by HTML5, CSS3, and JavaScript and built on top of PhoneGap, Mulberry transforms your content and data into a responsive, native, cross-platform mobile experience.

Jekyll-artig mobile Apps für Phonegap bauen? Mmmmh delicious…

Obsession x Voice

2011-10-03T20:58:00+02:00

This is my video tribute to a great talk at SXSW in 2009 between John Gruber and Merlin Mann about obsession and voice

Sehr schöne und Präsentation/Zusammenfassung vom Schriftsteller Yuvi Zalkow über einen gemeinsamen Talk von Gruber und Merlin Mann in dem sie über Bloggen und Motivation reden. Ziemlich inspirierend und hilfreich.

Seasons, eine Schablone für Treesaver JS

2011-10-03T19:45:00+02:00

We hope this will open the doors to get started creating dynamic HTML publications with ease, and to enable integration of Treesaver publications in content management systems.

Ein, wie ich denke wichtiger Schritt für Treesaver. Das ermöglicht es Entwicklern schneller auf einen grünen Zweig (höhö) zu kommen…

Modulares CSS

2011-10-03T19:28:00+02:00

Jonathan Snook:

What I have discovered are techniques that can keep CSS more organized and more structured, leading to code that is easier to build and easier to maintain.

Ein interessantes Web-Buch mit Vorschlägen für eine modulare CSS Architektur. Ein wichtiges Thema wie ich denke, CSS wird oft nachlässig behandelt und erzeugt auf lange Sicht dadurch oft Kopfschmerzen.

LocalStorageDB

2011-10-01T18:11:00+02:00

a simple, tiny database layer for localStorage

LocalStorageDB abstrahiert den HTML5 LocalStorage und ermöglicht es einem den Speicher wie eine Datenbank zu behandeln. Für komplexere Probleme die man mit dem LocalStorage abhandeln möchte ist das spannend.

JavaScript Frameworks Roundhouse Kick

2011-09-26T12:30:00+02:00

If you think jQuery is the answer, you lose a cookie and get an F grade!

Eine umfangreiche Linkliste an JavaScript Frameworks die bei komplexen Applikationen helfen sollen, ein Unterfangen das ich schonmal angestrebt habe. Diese Liste führt noch ein paar interessante Framworks auf die mir durch die Lappen gegangen sind.

This Developer's Life 2.0.5 - Typo

2011-09-25T15:11:00+02:00

Rob and Scott explore the world of reading online with one of the godfathers in the world of typeface and fonts.

Bill Hill Lover of reading, of typefaces, and co-creator of ClearType

Geoffrey Grosenbach Owner/Founder of PeepCode

Wer sich für Typografie im Web und auf Bildschirmen interessiert sollte sich diese Folge von This Developer’s Life unbedingt anhören.

JavaScript The Good Parts - Douglas Crockford spricht bei Google

2011-09-25T14:05:00+02:00

Ein einstündiges, sehr interessantes Video von 2009, in dem Douglas Crockford vor Google-Angestellten sein Buch JavaScript The Good Parts (Partnerlink) vorstellt. Seine Prinzipien werden beispielsweise auch vom CoffeeScript Compiler verwendet um JavaScript zu generieren. JSLint das JavaScript Qualitätstool stammt auch von Crockford und prüft strikt nach der Implementierung der “good parts” von JavaScript.

Der beste Weg um JavaScript zu lernen

2011-09-24T20:43:00+02:00

That’s what this post is: your blueprint, your roadmap, your plan of action for learning JavaScript! You don’t have to worry about finding the best resources, sorting out the bad ones, and figuring out what to learn next. It’s all here. Just follow it, step by step.

Eine schöne Zusammenstellung an Ressourcen um JavaScript zu lernen. Für den Einstieg bis hin zur Vertiefung. Außerdem noch eine schöne Liste an wichtigen JavaScript-Menschen denen man folgen und deren Blogs man lesen sollte.

Working Draft Revision 37

2011-08-25T18:52:00+02:00

Working Draft Logo

Weil ich hier mal eine Liste der verfügbaren JavaScript MVC-Frameworks aufgestellt habe, wurde ich gefragt ob ich bei einer Working Draft Episode mitmachen würde, da die Jungs mal über JavaScript MVC-Frameworks reden wollten. Ich habe gerne zugesagt, da ich

den Podcast echt gut finde (Working Draft hat es als einziger deutscher Podcast in meine ultimative Podcastliste geschafft) und
Podcasts an sich gut finde.

Ich bin zwar alles andere als Experte auf dem Gebiet, das wäre dann schon eher so jemand wie Mathias Schäfer der diesen schönen Artikel geschrieben hat, aber ich denke wir haben schon was nettes zusammengestottert. Andere Themen waren unter anderem: speak.js, tween.js und pjscrape.

Das Ergebnis findet ihr hier.

Besten Dank an Schepp, Markus und Marc fürs einladen!

Audio Blogpost 01 - HTML5 Boilerplate 2.0 für Contao 2.10.0

2011-08-15T18:52:00+02:00

Audio Blogpost 01: HTML5 Boilerplate 2.0 für Contao 2.10.0 by kahlillechelt

Ein kleiner Audiopost zur HTML5 Boilerplate 2.0 Extension für Contao 2.10.0. Die Extension ist entschlackt, das Frontendtemplate jQueryfied und sonst auch alles super.

Zu finden ist sie in der Contao Extension Repository und auf GitHub.

Peace out ✌

Maintainable JavaScript - Alle(?) Frameworks [Update]

2011-08-01T18:52:00+02:00

Ein altes Rhinozeros (das O'Reilly JS-Tier :) fotografiert von vince42.

JavaScript wird immer wichtiger und populärer und die JavaScript Apps werden komplexer. Es ist immer wichtiger JavaScript Code auf eine Art und Weise zu organisieren, die es einem erlaubt bei Bedarf die Applikation zu erweitern, zu warten und während des Programmierens den Überblick zu behalten. Eine interessante Präsentation zu dem Thema hat vor einiger Zeit Andrew Dupont gegeben.

Es gibt mittlerweile einige Frameworks, die einem genau das ermöglichen.

Ich versuche mir gerade einen Überblick über die verschiedenen Frameworks zu schaffen, die es für diesen Zweck bisher gibt. Mein Ziel für diesen Post ist es eine vollständige Linkliste hier aufzubauen und über die Zeit mit weiteren Links und Erfahrungen mit den verschiedenen Frameworks zu ergänzen. Ich freue mich über Anregungen, Erfahrungsberichte und weitere Links in den Kommentaren unten oder auf Twitter, wenn relevant nehme ich diese Beiträge dann gerne in den Post auf.

Leichtgewichtige Frameworks sind mir immer am sympathischsten von daher liste ich diese zuerst. ☺

Spine →

Danke für den Hinweis @fhemberger.

Spine is a lightweight framework for building JavaScript web applications. Spine gives you a MVC structure and then gets out of your way, allowing you to concentrate on the fun stuff, building awesome web applications.

Spine is opinionated and, although at first glance it might look similar to other frameworks like Backbone, it actually has quite a different take on things.

Spine is tiny, the library comes in at around 500 lines of JavaScript, that’s about 2K minified & compressed. However, it’s not about size, it’s how you use it, and Spine certainly packs a punch!

Agility JS →

Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.

JavaScript MVC →

A collection of the best practices and tools for building JavaScript applications. Built on top of jQuery, it consists of the following standalone components:

StealJS - Dependency management and a stupidly easy build tool.

FuncUnit - There’s no better functional testing solution available. Write tests in jQuery syntax, run them via command line or browser.

jQueryMX - These plugins are the building blocks of large jQuery applications: model, view, controller, class, fixtures, and more.

DocumentJS - A JSDoc compliant tool that turns comments into a searchable documentation app.

Backbone JS →

Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

Artur Adib, der Programmierer von Agility JS, hat hierzu ein schönes Einsteigertutorial erstellt.

SproutCore →

SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web.

Knockout JS →

Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern.

Update (13.08.2011): Weitere interessante Links mit Vergleichen und Diskussionen zum Thema.

Ein kurzer Pro/Contra Vergleich zwischen Backbone und KnockoutJS
@molily schreibt hier über die schwächen von BackboneJS für sehr umfangreiche Projekte. Weitere, tiefergehende Artikel sind angekündigt.
Ausführlicher Vergleich zwischen Backbone und Knockout Teil I & Teil II
Ein Einsteigertutorial zu BackboneJS auf NetTutsPlus

Agility JS - Eine Alternative zu Backbone

2011-07-28T15:00:00+02:00

Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.

Der Programmierer von Agility JS hat allen die an Backbone JS interessiert sind eine Mail mit Bitte um Feedback geschrieben:

Agility.js has the same goal of Backbone.js - to give Javascript code an MVC structure so it is more easily maintainable - but it tries to do so without compromising on learning curve and development speed.

Es scheint wohl noch etwas simpler zu sein als Backbone. Ausprobieren & Feedback geben!

Backbone JS Tutorial

2011-07-28T12:12:00+02:00

Hello Backbone is a simple Backbone.js tutorial comprised of self-explanatory “hello world” examples of increasing complexity. It was designed to provide a smoother transition from zero to the popular Todos example.

Durcharbeiten.

Chosen Built by Harvest

2011-07-27T23:10:00+02:00

Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

Ein wundervoller Weg um Selectboxen zu progressive-enhancen.

UberKyll

2011-07-24T13:15:00+02:00

Dieses Blog wird mit Git versioniert, mit Jekyll verwaltet und generiert und via Git und Jekyll auf Uberspace deployed. Falls du Jekyll noch nicht kennst schau dir einfach mein Basistutorial für Jekyll an.

Mit diesem Tutorial möchte ich kurz zeigen wie du deine Jekyll-Seite mit Git auf deinem Uberspace-Server deployen kannst:

Versioniere deinen Jekyll-Blog mit Git und benutze Uberspace als Git-Server so wie ich es in meinem letzten Post beschrieben habe.

Da Jekyll in Ruby geschrieben ist und als Gem bereitgestellt wird, ist die Installation ganz simpel, setzt allerdings Ruby 1.9 mit RubyGems > 1.3.7 voraus. Default ist bei Uberspace Ruby 1.8 mit RubyGems 1.3.1, aber du kannst deinen Account simpel auf 1.9 umstellen, das Uberspace parallel dazu bereitstellt. Wie das geht, haben sie hier beschrieben.

Installiere anschließend Jekyll wie folgt:

[user@host ~]$ gem install --user-install jekyll

Mit dem folgenden post-receive Hook für Git kannst du Jekyll automatisch deployen nachdem du die Seite hoch gepusht hast.

Greife mit einem FTP-Client auf Dein Uberspace zu und navigiere zum “hooks”-Ordner in deinem remote Repository. In meinem Fall:

/git/meinprojekt.git/hooks

Erstelle eine Datei mit dem Namen “post-receive” und kopiere folgenden Code hinein und ersetze wo nötig den Pfad oder Usernamen mit deinen Angaben, wo das nötig ist habe ich es in den Kommentaren dazu geschrieben:

#!/bin/sh
# Die folgende Variable speichert den Pfad zum Repository um das es geht.
# Hier meinprojekt.git mit dem Namen Deines Repos ersetzen und ggfs. 
# den Pfad zum Repo
GIT_REPO=$HOME/git/meinprojekt.git 

# Die folgende Variable speichert den Pfad zum tmp Ordner in dem dann der Jekyll
# Befehl ausgeführt wird um die deine Seite in den Webroot zu befördern.
# Hier wieder "meinprojekt" mit dem Namen des Repos ersetzen ohne ".git" am Schluss.
TMP_GIT_CLONE=$HOME/git/tmp/meinprojekt

# Die folgende Variable speichert den Pfad zum Webroot
# Je nach URL bitte den richtigen Pfad eintragen Wie sich das mit 
# den Webroots auf Uberspace verhält
# Steht sehr ausführlich im Uberspace-Wiki: 
# https://uberspace.de/dokuwiki/start:domain
# Ersetze hier DEINUSERNAME und WEBROOTORDNER bitte mit den richtigen Namen.
PUBLIC_WWW=/var/www/virtual/DEINUSERNAME/WEBROOTORDNER

# Hier geht's dann ans eingemachte: 
# Mit "git clone" wird Dein Repository in das tmp-Verzeichnis geklont
git clone $GIT_REPO $TMP_GIT_CLONE

# Dein persönliches .bash_profile wird aktiviert damit der 
# Jekyll-Befehl benutzt werden kann.
# Ersetze DEINUSERNAME mit deinem Uberspace Benutzernamen.
. /home/DEINUSERNAME/.bash_profile

# Jekyll generiert die Seite aus dem tmp-Verzeichnis heraus
# in den Webroot hinein.
jekyll --no-auto $TMP_GIT_CLONE $PUBLIC_WWW

# Das tmp-Verzeichnis wird gelöscht und das Shell-Programm beendet.
rm -Rf $TMP_GIT_CLONE
exit

Damit der Hook korrekt funktioniert musst du die Datei noch ausführbar machen und dann sollte es funktionieren.

Ich freue mich über jedes Feedback hier, auf Twitter oder via Mail.

UberGit

2011-07-10T15:43:00+02:00

Howto: Uberspace als Git-Server verwenden (schrftl. Anleitung unten). Die Musik ist von Boris.

Welcher Entwickler, der nicht nur in Opensource arbeitet und für den Git noch neu ist, sitzt nicht regelmäßig vor GitHub und denkt sich “Geil! Aber ich bräuchte private Repositories und ich möchte aber erstmal nicht $7, $12 oder $22 im Monat für dafür auf Github ausgeben.” Richtig. Keiner.

Glücklicherweise gibt es seit kurzer Zeit eine Lösung dafür und viele andere Probleme:

Uberspace

(Wenn du Uberspace schon kennst, einfach diesen Teil des Artikels überspringen.)

Wenn du als Entwickler Uberspace noch nicht kennst, dann unbedingt auschecken! du wirst es lieben.

Ab dem 2. Monat bezahlst du mindestens 1 Euro und maximal das was es Dir Wert ist, du entscheidest. Die Limits sind 100 GB Traffic und 10 GB Speicherplatz. Mehr als genug für die meisten Dinge die man so tun will. Außerdem hindert einen nichts daran mehrere Uberspaces anzulegen. Wenn man sich dann über OpenID einloggt kann man zwischen den verschiedenen Uberspaces hin- und herswitchen. Es werden keine persönlichen Daten abgefragt.

SSH-Zugang ist da und Git, sowie Node.js, PHP, Ruby usw. vorinstalliert. Mindestens genauso wichtig wie die Möglichkeiten die man dort hat und das es nur eine Accountart gibt, ist, dass der Service super ist. Ich bekomme von Uberspace persönliche, ausführliche, sehr hilfreiche E-Mails mit einer Responsezeit von einer halben bis ganzen Stunde. Für kleinere Dinge ganz einfach den Ubernauten auf Twitter schreiben. Die Jungs die das ganze Ding schmeissen sind Sysadmins mit Leib und Seele und lieben was sie tun. Alle 4 haben mindestsn 10 Jahre in dem Biz aufm Buckel helfen Dir bei jeder Schwierigkeit gerne weiter. Der Grundtenor bei Uberspace ist: alles geht. Wir wollen dass du alles machen kannst was du Dir als Entwickler nur erträumen kannst. Ruby on Rails und PHPskripte gleichzeitig auf einem Uberspace laufen lassen? Über Shellskripte das CMS deiner Wahl inklusive Datenbank von einer Dev-Umgebung in die Produktivumgebung deployen? Kein Problem. Mach es.

Es ist als hättest du deinen eigenen, persönlichen Sysadmin.

Als Entwickler Uberspace zu entdecken, fühlt sich an wie eine Befreiung aus der Knechtschaft der “normalen” Hoster. Uberspace sieht die Entwickler als Hauptzielgruppe ihrer Dienstleisung und macht das Arbeiten, Experimentieren und Automatisieren unheimlich einfach. Dieses Blog zum Beispiel, wird mit Git versioniert, zum Uberspace-Server gepusht und dort generiert dann Jekyll die statischen Webseiten automatisch.

Aber zurück zum eigentlichen Thema:

Uberspace als privaten Git-Server verwenden

Richte deinen Uberspace Account ein.
Generiere deinen SSH Key wenn noch nicht vorhanden. In der Github Help Section steht wies geht.
Hinterlege den SSH Key auf Uberspace.
Lege den Ordner in dem du auf Uberspace deine Git Repositories speichern möchtest. Zu empfehlen wäre ein Ordner mit dem Namen git im Home Verzeichnis.
In diesem Ordner legst du einen Order für dein Git Projekt and mit dem Suffix .git. Das ist einfach eine Konvention für Ordner in denen Remote Git Repos liegen.
Initialisiere deine bare Git Repository mit git init --bare.
Wechsele zurück auf deine lokale Umgebung, erstelle einen Ordner git und klone darin das Uberspace Repository mit git clone ssh://USERNAME@SERVERNAME.uberspace.de/home/USERNAME/git/meinprojekt.git.
Das leere Repository ist somit geklont und die remote Adresse ist mit origin eingetragen. Jetzt kannst du dein Projekt einfach versionieren und per git push origin master nach Uberspace pushen.

Das wars schon, viel Spass damit!

Foundation 07 mit Chris Sacca

2011-07-07T08:05:00+02:00

Foundation 07 // Chris Sacca from Kevin Rose on Vimeo.

Dieses Interview aus Kevin Roses Interview-Reihe ”Foundation” ist sehr interessant. Chris Sacca ist ein Name der in der Startup-Welt immer wieder fällt und wenn er ausgepsprochen wird, dann immer mit Bewunderung und Respekt. Ich bin zu spät dazu gestossen um zu wissen warum. Dieses Interview gibt aber deutlich Aufschluß darüber. Erstens ist er unheimlich freundlich und auf dem Boden geblieben aber was wichtiger ist, ist seine Lebensgeschichte bis jetzt. Sein unglaublicher Antrieb in jungen Jahren etwas zu gründen, wie er sich aus einem immensen Schuldenloch herausgearbeitet hat, seine Zeit bei Google und jetzt seine Angelinvestor-Tätigkeit.

Der Abschnitt über seine Tätigkeit bei Google ist besonders interessant, genauso wie seine Erklärung wie Twitter Geld machen wird.

Das ist das erste mal das jemand mal konkret und glaubhaft erklären kann wie Twitter Geld verdienen wird. Im Zentrum der Geldmach-Strategie für Twitter ist das Messen des Lebenswegs eines Tweets. Die Reise eines Tweets und die Wirkung auf andere Medien und der Effekt des Tweets auf die Verkäufe kann anscheinend genauestens verfolgt werden. Der Wert eines promoted Tweets kann also ziemlich genau berechnet werden. Diese Messbarkeit die durch das Internet ermöglicht wird, ist was Google so reich gemacht hat.

Die Verfolgung eines Tweets durch die sozialen Medien aber, macht die Information viel detaillierter und reicher als die reine Conversion Rate die man bei Google Ads berücksichtigt. Ich bin jetzt um so gespannter darauf zu sehen, wie sich das Promoted Tweet Produkt bei Twitter entwickeln wird. Und wie gesagt, das Video oben ist unbedingt zu empfehlen.

Die aktuelle Best Practice für die Verschlüsselung von Passwörtern

2011-07-02T10:36:00+02:00

Bild von Bohman

Coda Hale:

You can literally test all lowercase, alphabetic passwords which are ≤7 characters in less than 2 seconds. And you can now rent the hardware which makes this possible to the tune of less than $3/hour. For about $300/hour, you could crack around 500,000,000,000 candidate passwords a second.

Der oben zitierte Artikel von Coda Hale ist unbedingt zu empfehlen, wenn Du jemand bist der Benutzerpasswörter in einer Datenbank oder sonstwo speichert.

Aufgrund der immer schneller werdenden CPUs ist es viel viel einfacher geworden in sekundenschnelle und für wenig Geld alle möglichen Kombinationen von Buchstaben und Zahlen durchzugehen um verschlüsselte Passwörter zu knacken.

Die Lösung hierfür ist nach Coda und Marco Arment bcrypt.

Warum bcrypt?

Coda Hale:

Basically, it’s slow as hell. It uses a variant of the Blowfish encryption algorithm’s keying schedule, and introduces a work factor, which allows you to determine how expensive the hash function will be. Because of this, bcrypt can keep up with Moore’s law. As computers get faster you can increase the work factor and the hash will get slower.

Der Algorithmus gleicht also den Vorsprung den die Hardware bekommt aus. Die Schnelligkeit in der die Passwörter verschlüsselt werden kann beliebig durch den work factor verringert werden. Dazu kommt, dass bei bcrypt salts eingebaut sind, es vermindert also auch den Aufwand in der Implementierung.

Für alle Details wendet Euch an das Provos & Mazières paper.

Expensive Design

2011-06-25T20:00:00+02:00

Dr. Ralph Speth, CEO Jaguar:

If you think good design is expensive, you should look at the cost of bad design.

Nuff. Said.

Hypercritical Episode 23

2011-06-25T17:00:00+02:00

Hypercritical Episode 23

Was für eine Folge!

John Siracusa (14m30s):

Thankfully this is not the worst toaster in the world. In fact I think this toaster is so much better than my old toaster, so so different in every possible way than my old toaster, that I am surprised the two appliances didn’t annihilate each other when they were brought into the same room.

Der trockene Humor von John Siracusa ist echt unbezahlbar. Ich bin heute 3 mal in der Stadt unvermittelt in Lachen ausgebrochen während ich diese Folge von Hypercritical gehört habe.

Um diese Toaster-Geschichte zu verstehen muss man allerdings ein paar Folgen vorher anfangen…

JavaScript Weekly

2011-06-25T16:00:00+02:00

javascriptweekly.com:

A free, once–weekly e-mail round-up of JavaScript news and articles.

Jeden Freitag schickt Peter Cooper eine erschöpfende Linkliste mit den JavaScript-News der Woche rum. Für Frontenddevs definitiv Pflichtprogramm.

Recently in Web Development...

2011-06-25T15:00:00+02:00

nettuts.com:

[…] bringing you all the important news, announcements, releases and interesting discussions within the web development industry in a concise package.

Sehr schöne und erschöpfende Linkliste der wichtigsten News aus der Kategorie Webdevelopment unseren Freunden von Nettuts. Die fallen mir in letzter Zeit sowieso vermehrt positiv auf. Falls ihr diese Woche also nicht auf Twitter unterwegs wart unbedingt auschecken.

Ein interessantes Portfoliodesign auf Forrst

2011-06-24T15:00:00+02:00

Daniel Sitek:

I would like to hear your opinion. What do you think abou it? Is it good or bad? Can it be useable? Tell me everything what lies on your heard when you look at it :)

Ab und an sticht auf Forrst ein Design richtig aus der Masse heraus. Dieses gehört für mich dazu. Da sind wirklich ein paar sehr schöne Ideen drin und es zeugt von Liebe zum Detail. Es bekommt viel Aufmerksamkeit auf Forrst und das Feedback ist dort immer sehr hilfreich.

Wenn jemand eine Forrst-Einladung braucht, sag bescheid.

Podcasts [Update]

2011-06-23T00:00:00+02:00

Das Heil PR-40 wird für Podcaster empfohlen. Das Bild ist von Peet Sneekes.

Ich höre jeden Tag Podcasts. Manchmal auch Audiobücher, aber vor allem Podcasts. Ich bin sozusagen der audiophile Typ. Als Kind hab ich dauernd Hörspiele gehört und jetzt eben Podcasts. Meistens haben Sie etwas mit Webtechnologie oder Technik zu tun, aber nicht immer.

Eine Sache ist jedoch sehr auffällig: keiner der Podcasts die ich mir jede Woche herunterlade ist auf Deutsch. Das liegt daran, dass es keine deutschen Podcasts gibt, die ich interessant finde. Meistens sind sie den englischen thematisch einfach hinterher und die Podcaster selber haben Schwierigkeiten die Show mit ihrer Persönlichkeit zu tragen. Meine unrecherchierte und rein auf meine Wahrnehmung und mein Gefühl basierende Erklärung dafür ist, dass die deutsche Konditionierung an sich eher introvertiert ist und jede Form von Selbstpublizierung als egozentrisch und mit negativer Konnotation betrachtet. Wenn man also das Bedürfnis hat etwas über sich oder seine Gedanken zu publizieren dann macht man das immer mit einem Gewissen Schuldgefühl und unterliegt gleich dem Verdacht einer Sucht zur Selbstdarstellung zu unterliegen. Das erzeugt bei vielen die es dann doch machen ein überhöhtes “Sich-zu-ernst-nehmen”. Außerdem gibt es eventuell etwas Angst davor sich zu einer Meinung zu bekennen. Das scheint beim Bloggen sowie beim Podcasting in Deutschland durch.

Amerikanern hingegen fällt das alles viel einfacher. Die allgemeine Konditionierung dort scheint ein gewisses Showmanship zu beinhalten was die Amerikaner anzutreiben scheint jedes Thema, sei es noch so ernst, in irgendeiner Form unterhaltsam zu präsentieren. Das heisst nicht das die Podcasts die ich höre Blödelpodcasts sind oder so, sie sind aber meistens sehr professionell gehostet und produziert und die verschiedenen Teilnehmer der Shows sind intelligent, haben bestimmte durchdachte Meinungen zu bestimmten Themen und können diese zivilisiert und interessant diskutieren ohne den Humor zu verlieren. Bei manchen Podcasts geht es aber auch einfach um das erzählen von Geschichten/Lebensgeschichten.

Amerika ist wahrscheinlich das einzige Land in dem es Podcast-Netzwerke gibt die mehrere Menschen Vollzeit beschäftigen und sich über Werbung finanzieren können. Die Podcasts aus diesen Netzwerken stellen den Großteil der Podcasts dar die ich jede Woche höre. Die Produktionsqualität ist sehr hochwertig und die Werbung ist auf eine angenehme Weise integriert, die 1. nicht stört und 2. die Glaubwürdigkeit der Podcaster nicht untergräbt, da sie nur Produkte bewerben die sie selber einsetzen oder einsetzen würden.

Hier ist die Liste der Podcasts die ich höre, in alphabetischer Reihenfolge und warum ich sie mag:

37signals Podcast.
Ein sehr unregelmäßiger Podcast, es ist aber immer interessant wenn die Leute von 37signals das Wort ergreifen um über ihren Erfahrungen und Meinungen zu sprechen oder einfach Fragen der Leser ihres Blogs Signal Vs. Noise zu beantworten.
Apple Keynotes.
Jedes mal ein Schauspiel. Nuff said.
Build & Analyze.
Ein Podcast mit Marco Arment, dem Gründer und Programmierer von Instapaper, gehostet von Dan Benjamin auf Dans 5by5 Netzwerk. Das ist einer meiner Lieblingspodcasts. Es macht einfach Spass Marco zuzuhören. Er hat immer wohlüberlegte Einsichten über Programmierung allgemein, iOS Programmierung, perfekte Kaffeeröstung und viele andere Themen anzubieten. Zudem ist er auch noch ein Co-Founder von Tumblr.
Founders Talk.
Ein Podcast in dem Startupgründer von Adam Stacoviac interviewed werden. Das sind wirklich immer sehr interessante Persönlichkeiten und die Geschichten die sie zu erzählen haben sind lehrreich und faszinierend. Die Stimme des Hosts kann etwas irritierend sein aber da in den Interviews meistens der Gast spricht, lässt sich das aushalten.
Frame Rate.
Mit Brian Brushwood und Tom Merrit vom TWiT Netzwerk. Es geht in Frame Rate um aktuelle US-Fernseherien, Filme und News rund um diesen Teil der Entertainmentindustrie.
Hypercritical.
John Siracusa, der ab und an für Ars Technica schreibt (dieser Artikel auf Ars Technica gab der Show ihren Namen) ist die Hauptperson dieses Podcasts in dem er Apple Produkte und andere Dinge schamlos zerpflückt und kritisiert. Der Podcast macht Spass weil seine Kritik gut fundiert, begründet und überlegt ist. Außerdem ist er durch seine trockene Art manchmal auch einfach sehr lustig, siehe siracusasaidso.com.
Let’s Make Mistakes.
Mike Monteiro und Kate Gillum von der Designfirma Mule reden auf sehr informative Art und Weise über Design. Interessant ist hier was in Design für die beiden alles mit einfliesst wie zum Beispiel Recherche, das korrekte Verkaufen deiner Arbeit und vieles mehr. Sehr lehrreich.
Macbreak Weekly.
Der Apple News Podcast vom TWiT Netzwerk. Gehostet natürlich von Leo Laporte mit Gästen wie Alex Lindsay und Andy Ihnatko manchmal ist auch John Gruber oder Merlin Mann am Start. Sehr gut, besonders Andy ist immer ein Fest. Als Apple-Nutzer oder Fan auf jeden Fall Pflichtprogramm.
Minute with Node.js.
Ganz neu in meiner Liste. Es ist lediglich sowas wie ein Audio-Changelog für Node.js. Wenn man sich für das Thema interessiert durchaus interessant, vor allem wegen den kleinen Einsichten in die Hintergründe von Node.js.
Planet Money.
Ein sehr informativer Podcast von NPR (National Public Radio), dem öffentlich rechtlichen Radio Amerikas, über Hintergründe in der Finanzwelt. Die Reporter die hier recherchieren sind alles Laien was die Finanzwelt angeht und erklären in ihren Beiträgen alles dementsprechend für Laien. Es ist durchaus unterhaltsam, phantasievoll, sehr lehrreich und sehr gut produziert.
Security Now.
Der Security Podcast vom TWiT Netzwerk mit Steve Gibson. Anfangs konnte ich mir das nicht anhören weil Gibson die Tendenz hat sehr stockend zu reden wenn er anfängt zu erklären. Ich habe aber kürzlich angefangen mich mehr für Sicherheit im Netz zu interessieren und höre den Podcast also trotzdem, denn Steve Gibson weiss wirklich wovon er spricht.
Tech News Today.
Tägliche Tech News auch von TWiT. Höre ich nur manchmal weil ich meistens die wichtigsten Sachen schon mitbekommen habe. Ist aber, wie alles von TWiT, absolut hochwertig.
The Big Web Show.
Dieser Podcast ist auf Dan Benjamins 5by5 Netzwerk und ist ein Podcast über Webstandards, Web Design und Art Direction mit Jeffery Zeldman, Dan Benjamin und meistens einem hochkarätigen Gast aus der Web- oder Webdesignwelt. Ganz groß.
The Critical Path.
Wieder von Dan Benjamins 5by5 mit Horace Dediu, dem Mann hinter asymco.com. Ein höchst interessanter Podcast der die “Kausalität von Misslingen und Erfolg in mobile computing kontempliert”. Sehr zu empfehlen.
The JavaScript Show.
Ein sehr junger Podcast, gerade mal 3 Episoden alt mit Jason Seifer und Peter Cooper. Der wöchentliche JavaScript Lowdown sozusagen. Neueste Links und News zum Thema JavaScript von den beiden Hosts die von Ruby nach JavaScript konvertiert sind, da ja JavaScript jetzt die coole Sprache ist. Jason Seifer hat davor die Dev Show mit Dan Benjamin gemacht die ich sehr sehr gut fand. Keine Ahnung warum die das eingestellt haben aber diese Show ist ein guter Ersatz für die Dev Show.
The Moth Podcast.
The Moth ist eine not-for-profit Organisation die sich der Erzählkunst widmet. Sie veranstalten Abende bei denen Leute frei auf einer Bühne 15-20 Minuten lang eine Geschichte aus ihrem Leben erzählen. Von lustig bis traurig ist da alles dabei. Im wöchentlichen Podcast bekommt man jeden Dienstag eine dieser Geschichten zu hören. Auf iTunes findet man dann mehr wenn man will. Das ist schon was besonderes, die Geschichten sind allesamt sehr gut erzählt.
The StackExchange Podcast.
Mit den beiden Gründern von StackExchange Joel Spolsky und Jeff Atwood über die Eigenheiten und Probleme die ihre Frage-Antwortseiten so mit sich bringen. Sehr interessant und nicht selten durchaus auch lustig.
The Talk Show.
Die Show von John Gruber gehostet von Dan Bejamin auf 5by5. Wahrscheinlich Dan Benjamins erfolgreichste Show mit 300000-400000 Downloads im Monat. John Gruber ist natürlich der Betreiber von der extrem erfolgreichen Seite daringfireball.com, dementsprechend dreht sich das Gespräch meisten um Apple und Konkurrenz. Momentan hängen die beiden immer noch eine James Bond-Serie hinten dran und sprechen in chronologischer Reihenfolge in jeder Folge über einen James Bond Film.
This American Life.
Eine der besten Podcasts ever. Interessante Geschichten zu einem bestimmten Thema, sehr gut produziert und erzählt von Ira Glass und seinen Kollegen von NPR.
This Developer’s Life.
Nach dem Vorbild von This American Life Geschichten aus dem Developerleben von und mit Jeff Atwood.
This Week in Google.
Leo Laporte, Gina Trapani und Jeff Jarvis reden über Google und Facebook und die Cloud und haben manchmal Gäste. Nicht ohne Grund einer der erfolgreichsten Podcasts bei TWiT.
This Week in Startups.
Das war mal mein Leib- und Magenpodcast. Ich war von Episode 1 an mit dabei und verpasse weiterhin keine Folge, er ist aber nicht mehr so wichtig für mich wie früher. Wie der Name schon sagt geht es hier um Startups und um Startupgründer. Das Archiv ist schon unbezahlbar mit etlichen fantastischen Interviews und beantworteten Fragen. Jason Calacanis ist der geborene Entertainer, ein sehr guter Interviewer und gibt sein Wissen sehr gerne auf seiner Show preis.
This Week in Tech.
Der König unter den Techpodcasts. Jeden Sonntag auf TWiT, immer mit hochkarätiger Besetzung extrem informativ und unterhaltend.
Sehr vielversprechend: This Week in Music mit Ian C. Rogers.
Der Gründer von Topspin übernimmt auf dem ThisWeekIn Netzwerk die Show This Week in Music, die bisher, aufgrund der schlechten Hosts absolut beschissen war. Ian hat allerdings durch seine Backstory und seine langjährige Erfahrung mit dem Music Business die absolut besten Vorraussetzungen eine sehr interessante Show über Musik abzuliefern. Ich bin sehr gespannt.

Bitte lasst mich auf Twitter oder hier in den Kommentaren wissen, wenn ihr interessante Podcasts kennt die ich hier nicht aufgeführt habe. Ich bin immer auf der Suche nach neuen Podcasts und würde mich auch freuen mal was gutes auf Deutsch zu finden.

Update (25.08.2011):
Als einziger deutscher Podcast schafft es jetzt Working Draft in meine Liste. Ein wöchentlicher News-Podcast für Webdesigner und -entwickler. Nicht weil ich mal zu diesem Podcast eingeladen wurde, sondern weil er mir einfach Spaß macht, es wird schön über meine Lieblingsthemen abgenerded und die Hosts des Podcast sind angenehm entspannt und natürlich.

Mittlerweile hat Ian C. Rogers seinen Podcast This Week in Music auf dem ThisWeekIn Netzwerk gestartet und wie erwartet ist er großartig. Es regnet sehr interessante Gäste und Einsichten aus und um das sich im Umbruch befindende Musikbusiness.

CSS Normalization Statt CSS Reset

2011-06-20T00:00:00+02:00

@yellowled hat heute Morgen auf den interessanten Umstand hingewiesen, dass das HTML5 Boilerplate von dem CSS Reset auf CSS Normalization umsteigt.

Major: Now using css normalization instead of css reset + building up default styles

We’re pulling in http://github.com/necolas/normalize.css/ developed by Nicolas Gallagher along with Jonathan Neal.

normalize.css retains useful browser defaults and includes several common fixes to improve cross-browser (desktop and mobile) styling consistency.

Lots of research has gone into normalize, verifying what are the default user agent styles provided by each browser. We can very specifically change only the ones we need to instead of the bulldozer approach.

Das liebe ich so am Boilerplate, die klügsten Frontendentwickler-Köpfe suchen nach den absoluten Best-Practices für die Umsetzung einer Webseite. CSS Noarmalization ist anscheinend sehr gut recherchiert und ist definitiv ein schöner neuer Ansatz. Der Code ist weitaus sauberer, mal sehen wie sich das in der Praxis schlägt. User-Feedback wird benötigt:

We’re really happy to get user feedback on this, as we think style normalization is a better direction than resetting; and want to make sure you do too. :) Leave a comment here or in the Google Group: http://h5bp.com/group

Redesign

2011-06-18T00:00:00+02:00

Das Mockup

Das bisherige Design meiner Seite war von mir. Es war ein wenig inspiriert von Dan Benjamin’s 5by5.tv weil ich das schlichte Design und auch die Podcasts sehr gerne mag. Ich fand es ok, war aber nicht ganz zufrieden damit, denn ich bin in erster Linie Webentwickler, zwar mit einem Auge für Design aber mehr Expertise in der Umsetzung als in der Kreation von Webdesign.

Hier die Punkte mit denen ich nicht ganz zufrieden war:

Der vertikale Rythmus der Seite,
meine Fontwahl (war vor allem Auf Windows grauslich),
dem dunkelgrauen Balken oben,
der Hervorhebung meiner Links und
dem in Grautönen gehaltenen Farbschema,
außerdem bin ich noch nicht dazu gekommen das CSS über Media Queries responsive zu machen.

Vorher

Nach ein bisschen Nachdenken ist mir klar geworden, dass ich einen Designer für die Seite brauche. Jemand der das ganze Thema lebt und atmet.

Aufgrund seiner Reaktion auf einen meiner Blogartikel bin ich auf @jonykrause gestoßen, dessen Webseite mir sehr gefallen hat. So sehr sogar, dass ich ihn gefragt habe ob er nicht Lust hätte meine Seite zu designen.

Designphilosophisch sind wir auf der gleichen Wellenlänge und das führte dann schnell zu einem Austausch über die Ziele des neuen Designs meiner Webseite.

Es war mir sehr wichtig, wie auch beim letzten Design, die Sidebar komplett wegzulassen. Für mich als Leser vieler Blogs, sind Sidebars völlig unsinnig und störend. Blogger stopfen dort völlig sinnfrei massenweise Information hinein die eventuell mit der SEO helfen aber nicht mit der UX. Als Benutzer der Seite lädt das mehr zum Ignorieren von Inhalten als zum Explorieren der Seite ein. Ich ignoriere Sidebars wie Werbebanner und ich denke ich bin da nicht allein. Also weg damit.

Die Posts sollten gut lesbar sein, die Links eine eigene Farbe bekommen und klar als Links erkennbar sein. Bisher waren die Links einfach fett, was als einfache Hervorhebung missverstanden werden konnte. Außerdem sollte der Font für Bildschirme optimiert sein und das Layout “responsive” sein.

Jonathan hatte Bock, wir klärten das geschäftliche, ich eröffnete ein Basecamp-Projekt und er legte los. Für die Auflistung der Artikel einigten wir uns darauf, dass der erste Artikel komplett zu lesen sein soll und die folgenden als Teaser darunter zu sehen sind und über eine Pagination durch die Teaser navigiert werden kann. Seine grobe Vorstellung hat er in dem Mockup, dass Du ganz oben siehst verewigt und nur zwei Tage später hatte er die ersten Screens fertig.

Anhand meines Feedbacks hat er dann im nächsten Schritt das Design direkt mit HTML5 Markup und CSS3 umgesetzt und mir zur Ansicht geschickt. Nach ein, zwei weiteren Feedbackrunden war das Design dann bereit implementiert zu werden.

Jonathan hat die Droid Fontfamilie von Google Webfonts gewählt, sehr schöne Fonts wie ich finde, für Bildschirme optimiert und wird somit auf allen Betriebssystemen und Bildschirmen korrekt dargestellt.

Aufgrund der Lieferung als Markup und CSS war es sehr einfach für mich das Design schnell in Jekyll einzuarbeiten. Ich konnte problemlos mit ihm noch einige Details klären, die erst bei der konkreten Umsetzung aufkamen und das Endprodukt hast Du vor Dir!

Jetzt

Ich bin sehr glücklich mit dem Ergebnis, mit der extremen Reduziertheit des Designs, seiner Fokussierung auf das Wesentliche und dem exzellenten Flow des Contents.

Ich kann Jonathan Krause somit sehr empfehlen, mit ihm zu arbeiten ist sehr angenehm, er beherrscht sein Handwerk und zeichnet sich durch eine große Liebe zum Detail aus.

Kontaktiere ihn, wenn Du einen guten Informationsarchitekten oder UX-Designer brauchst.

Mit Jekyll einen Blog verwalten

2011-06-11T00:00:00+02:00

Einen Blog mit Jekyll generieren und verwalten from Kahlil Lechelt on Vimeo.

Schon seit einiger Zeit habe ich Lust Screencasts zu erstellen und zu posten. Heute habe ich meinen ersten erstellt. Als Thema habe ich das generieren und verwalten eines einfachen Blogs mit Jekyll gewählt. Jekyll ist ein “blog-aware” Rubyskript, dass aus HTML-Templatedateien und Contentdateien wie HTML-, Markdown- oder Textiledateien eine statische Webseite generiert.

Es gibt einiges was an diesem Screencast besser sein könnte. Und er geht etwas lange (etwas über 30min) aber ich denke er ermöglicht definitiv einen schnellen Einstieg in Jekyll. Lasst mich auf jeden Fall wissen falls etwas unklar oder gar falsch ist. Here we go, irgendwo zwischendrin nies ich zweimal, nicht erschrecken :)

Anmerkung: HD Quali bekommt ihr leider nur direkt auf Vimeo.

Nützliche Links zum Thema:

Leo's Keynote, die Feature Detection & eine Ode an Modernizr [Update 2]

2011-06-08T00:00:00+02:00

Während seiner Keynote auf der Contao Konferenz hat Leo Feyer das seltsame neue Contao-Feature vorgestellt, dass aufgrund des Browser-Strings CSS-Klassen in den Bodytag schreibt damit man verschiedene Browser per CSS ansprechen kann.

Warum er nicht auf Feature Detection setzt, begründete er auf seiner Keynote mit der erstaunlichen Aussage er habe in Mootools nachgeschaut wie dort Feature Detection gemacht wird und die würden auch nur den Browser String auslesen. (Einer seiner Fans war daraufhin ganz stolz und meinte auf Twitter Leo “zerpflücke” Feature Detection. Dabei haben Leo und sein Fan, im Grunde nur Wissenslücken preisgegeben.)

Das war eine erstaunlich oberflächliche Investigation zum Thema Feature Detection, gerade bei einem solchen Projekt wäre ich von einer gründlicheren Recherche ausgegangen. Wenn Mootools den useragent ausliest und das Feature Detection nennt, ist das natürlich falsch.

Für die Feature Detection benutzt man am besten Modernizr. Modernizr wird von den erfahrenen Frontendentwicklern Paul Irish, Faruk Ateş und Alex Sexton entwickelt und basiert natürlich nicht auf dem auslesen eines Browserstrings, es wird dort über JavaScript auf über 40 Features und Funktionalitäten getestet.

Hier ein kurzer Auschnitt aus der Dokumentation:

Unlike with the traditional—but highly unreliable—method of doing “UA sniffing”, which is detecting a browser by its (user-configurable) navigator.userAgent property, Modernizr does actual feature detection to reliably discern what the various browsers can and cannot do. After all, the same rendering engine may not necessarily support the same things, and some users change their userAgent string to get around poorly developed websites that don’t let them through otherwise.

Modernizr aims to bring an end to the UA sniffing practice. Using feature detection is a more reliable mechanic to establish what you can and cannot do in the current browser, and Modernizr makes it convenient for you in a variety of ways:

Die Dokumentation und alle Informationen auf der Seite sind schwer zu empfehlen, man kann einiges lernen und außerdem gibt es auch eine Liste der Features, die nicht abprüfbar sind. Zusätzlich zur Feature Detection implementiert Modernizr auch ein Cross-Browser Polyfill welches einem ermöglicht auch schon heute HTML5 Markup cross-browserfähig einzusetzen (auch in IE6).

Hier eine kurze Erklärung über die Art und Weise wie Modernizr arbeitet:

For a lot of the tests, Modernizr does its “magic” by creating an element, setting a specific style instruction on that element and then immediately retrieving it. Browsers that understand the instruction will return something sensible; browsers that don’t understand it will return nothing or “undefined”.

Dieses Testen auf Features ist sowohl kurz- als auch langfristig viel sinnvoller, da es völlig losgelöst von proprietären Entscheidungen der Browserhersteller und den Browsereinstellungen des Benutzers funktioniert.

Über Klassen im html-Tag kann man dann

abhängig von der Featureunterstützung CSS einsetzen und
durch die integrierte micro-library YepNope.js abhängig von der Featureunterstützung JavaScripts laden.

Modernizr ist JavaScript-Frameworkunabhängig (es brauchen also deshalb keine Mootools-jQuery Kriege vom Zaun gebrochen zu werden), sehr leicht und lässt sich hier auch noch nach Geschmack und Belieben konfigurieren.

Meine kleine Extension (auch auf GitHub) die das HTML5 Boilerplate in Contao integriert, beinhaltet Modernizr und kann schon jetzt in Contao genutzt werden. Das werde ich auch nach wie vor so machen und den PHP-Befehl der die body-Klasse mit Browserinfo füllt, wenn es denn geht, aus meiner fe_page.tpl entfernen.

Die Frage ob Feature Detection gemacht werden sollte oder nicht, dürfte meiner Meinung nach bei dem heutigen Wissenstand im Frontend Development eigentlich gar nicht mehr aufkommen. Eventuell fehlt da eine Frontendentwickler-Stimme im Contao Core-Team?

Ich finde es schade, dass so eine Fehlentscheidung getroffen wurde und hoffe, dass das “UA Sniffing” in Version 2.10 stable oder wenigstens in 2.11 wieder verschwindet und Contao einfach mit Modernizr ausgeliefert wird.

Update 09.06.2011: Leo Feyer sagt auf Twitter ich hätte das Thema falsch verstanden und die Hälfte beim zitieren weg gelassen. Er sagt auch, dass er sich heute noch in den Kommentaren dazu äußern will. Kommentare sind ab sofort offen.

Update 2: Auch nach Leos Ausführungen in den Kommentaren sehe ich die UA-Sniffing Lösung in Contao weiterhin als die schlechtere Option an. Leo sagt die Klassen dienen nur dem Vermeiden von hässlichen CSS-Hacks, das einsetzen der CSS-Klassen für die modernen Browser und ihre Versionen kann aber nur auf Feature Detection ausgerichtet sein, da hier keine CSS-Hacks nötig sind. Und wie in meinen Ausführungen oben schon genug breitgetreten ist das Auslesen des useragent hierfür, meiner Meinung nach, nicht die richtige Lösung.

CSS-Klassen um elegent IE-Probleme zu lösen bekommt man ganz einfach mit der Lösung aus dem HTML5 Boilerplate:

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->  <html class="no-js" lang="en"> <!--<![endif]-->

Contao Konferenz Rekapitulation

2011-06-05T00:00:00+02:00

Bild von der Contao Konferenz Flickr Galerie

Die Konferenz war wirklich vorbildlich organisiert.

Inhaltlich jedoch, gabs in den Sessions nichts wirklich neues für mich. Es gab vielleicht zwei Sessions aus denen ich ein oder zwei Sachen mitgenommen habe. Die Sessions waren hautpsächlich an Anfänger und Nicht-Entwickler gerichtet denke ich. Oder besser: es gab keine alternativen oder parallelen Sessions für fortgeschrittene Contaobenutzer bzw. -entwicker (Bis auf 2 Workshops, aber die zählen nicht da es sehr schnell nicht mehr möglich war dort einen Platz zu bekommen).

Macht das so Sinn?
Ich hätte wohl auf den Entwicklerevent in Stuttgart gehen sollen! (Mach ich auch wenn es denn einen weiteren gibt.)

Aber nochmal die Frage: Macht die offizielle Contao Konferenz so Sinn? So stark auf ein Subset der Contaonutzer ausgerichtet? Ich gehe jedenfalls nächstes mal nicht hin wenn absehbar ist, dass sich Fortgeschrittene prinzipiell langweilen werden. (Wenigstens bin ich bei Angry Birds ein paar Level weiter gekommen ;)

Nächstes Jahr wäre auf jeden Fall eine präzisere Kommunikation des Schwierigkeitsgrades der Sessions wünschenswert.

In vielfachen Gesprächen habe ich ähnliches von anderen vernommen.

So, genug gemault, weiter zu den Take-Aways

Hier ein paar Dinge, die ich interessant fand.

Den Hinweis auf die (noch kommende) Extension themeswitcher aus Carsten Kollmeiers Vortrag. Themeswitcher erlaubt es einem, zu bestimmen wann Contao welches Theme benutzen soll und somit kann man z. B. mobile Geräte ganz spezifisch beliefern, braucht aber den Content nur einmal einzupflegen. Sehr cool!
Avisota scheint ein ziemlich mächtiges Tool zu sein, die Frage ist für mich hier nur, ist das nicht etwas zu viel Ärger wenn ich einfach MailChimp benutzen kann? Für die Integration mit Contao gibts da auch schon eine schöne Extension und MailChimp ist ein wahrlich erstaunliches Produkt an das man mit einer eigens gehosteten Lösung eher nicht herankommt. Am Ende gibt es da natürlich keine allgemeingültige Antwort und es muss von Fall zu Fall entschieden werden. Aber ich sag mal Mailchimp ist sicherlich von der Technologie, dem Service und der Usability allen meilenweit voraus, des weiteren setzen sie faszinierende Maßstäbe im Webdesign aber das ist ein anderes Thema.
Von einem Nebensitzer erfuhr ich von syncCto, einer Extension die von Men At Work (Am Rande: Iiih Flash-Seite!!! Und Musik die einfach ungefragt losläuft ohne Aus-Knopf?! Wirklich?) am Tag vor der Konferenz gelauncht wurde. Es ermöglicht das sychronisieren einer Contaoinstallation von einem Server zum anderen was natürlich wahnsinnig nützlich ist!!! Wir haben bisher mit GIT und post-receive Hooks gearbeitet um Contaoinstallationen zu synchronisieren aber syncCto muss ich mir auf jeden Fall anschauen.
In einem Gespräch am Mittagstisch erfuhr ich, dass die (irgendwann) kommende Version 3 von Contao voll auf dem Zend PHP Framework basieren soll und auch die Extensionentwicklung komplett umkrempeln wird. Hmm interessant, aber warum gerade dieses Framework und warum mit dem bisherigen Aufbau der Extensions brechen? Es wäre toll etwas genaueres über diese Entscheidungen und eine Roadmap zu erfahren (Blogpost?).
Laut Leo Feyer könnte es sein, dass Frontend Editing vielleicht in Contao 3 umgesetzt wird. Find ich gut. Frage mich aber ob das nicht etwas spät ist. TYPO3 Version 5 bietet Frontend Editing dass es kracht und zwar richtig geil mit dem Aloha Editor (Check mal die TYPO3 Phoenix Demoversion). Den Aloha Editor kann bei Contao nicht eingebaut werden, weil dessen Wiener Programmierer jQuery als Basis einsetzen. Diese Einschränkung durch das alleinige setzen auf Mootools könnte ein Schuß ins Knie sein. Der Aloha Editor ist frontendeditingmässig im Moment absolut top of the line. Es wird schwierig sein etwas ähnlich gutes oder besseres zusätzlich zum komplett neuen Contao 3 zu programmieren. Da könnte Contao durchaus seinen bisher ernormen Vorsprung gegenüber TYPO3 ganz plötzlich verlieren.
Naja, bis TYPO3 5 kommt dauerts sicherlich noch bis nächstes Jahr und wer weiß, wahrscheinlich ist es weiterhin komplizierter zu handhaben als Contao, aber ich denke es ist sicherlich wichtig diese Entwicklung im Auge zu behalten und eventuell Prioritäten zu überdenken.

Fazit

Wie gesagt, das ganze war sehr gut organisiert, großes Lob an die Veranstalter. Und die Stimmung dort war sehr angenehm.
Als fortgeschrittener Nutzer jedoch, hätte ich mir mehr Tiefe und komplexere Themen gewünscht. Alles in allem war es super dort gewesen zu sein um einfach mal diese kleine aber stetig wachsende Community zu erleben.

Ob ich nächstes mal wieder hingehe, ist jedoch aus den oben genannten Gründen sehr fraglich.

Andrew Dupont zum Thema wartbares JavaScript.

2011-05-29T16:13:00+02:00

Andrew war schön verkatert, der Vortrag aber exzellent.

Wenn ihr mal eine kleine bis große Applikation mit jQuery oder einem anderen JS-Framework geschrieben habt, kennt ihr bestimmt das Problem. Nach nur kurzer Zeit ist der Code so unüberschaubar, dass es einen viel Zeit kostet den Code auch nur nach ein paar Tagen wieder zu verstehen.

Andrew Dupont, seines Zeichens Mitprogrammierer beim Prototype Framework und Scriptaculous und Frontend Developer bei Gowalla gibt bei seinem Talk auf der MIX11 Konferenz einige wertvolle Konventionen und Werkzeuge preis, die einem helfen können seinem JavaScript-Code eine MVC-artige Struktur zu geben. Sehr zu empfehlen.

In einem Post auf braahm.be wurden die wichtigsten Stichpunkte zu dem Vortrag zusammengeschrieben.

Launch!

2011-05-07T00:00:00+02:00

Bild von Tambako the Jaguar

OK. Ich habs endlich geschafft. Meine persönliche Webseite ist gelauncht. Sicher, es muss noch einiges dran gefeilt werden aber ich dachte ich lege jetzt einfach mal mit den Schreiben los.

Ich musste einige Zeit darüber nachdenken, welches System ich benutzen möchte um meine Seite zu betreiben.

Während meiner Tätigkeit als Webentwickler bin ich mit mehreren CMS Systemen in Berührung gekommen. Vor 6, 7 Jahren hatte ich intensiv mit TYPO3 zu tun, danach habe ich ein paar mal mit Wordpress herumgespielt. Seit zwei Jahren arbeite ich aber hauptsächlich mit Contao. Für die meisten Fälle ist es wirklich das richtige System für mich. Viele Dinge die man ständig bei der Umsetzung von Kundenprojekten braucht, wie einen Authentifizierungsprozess, Registrierung mit Double-Opt-In, Newsmodul oder Newsletter bringt Contao out-of-the-box mit sich und lässt sich aufgrund seiner am MVC-Modell ortientierten Architektur sehr bequem und leicht erweitern.

Ich würde wahrscheinlich in über 90% aller Anwendungsfälle Contao statt TYPO3 für ein Projekt wählen. Das mag sich mit TYPO3 Version 5 zu Gunsten von TYPO3 etwas ändern, aber das wird sich dann wahrscheinlich erst nächstes Jahr zeigen.

Contao für meine persönliche Seite einzusetzen wäre also eine logische Entscheidung für mich gewesen. Meine Seite ist aber hauptsächlich ein Blog. Mit Contao kann man super einen Blog umsetzen, allerdings wusste ich das Wordpress auch eine sehr gute Entscheidung für meinen Blog wäre da Wordpress darauf spezialisiert ist. Als ich also in Gedanken so zwischen Wordpress und Contao hin und hergerissen wurde, habe ich plötzlich Jekyll entdeckt.

Jekyll ist ein ein “Blog-bewusstes” Rubyskript, dass aus Markdown-, Textile- und HTML-Dateien statische Webseiten generiert. “Blog-bewusst” ist jetzt die wörtliche Übersetzung von “blog aware”, Worte die in der englischen Beschreibung von Jekyll verwendet werden. Es bedeutet das Jekyll die statischen Seiten in einer Blog-artigen Ordnerstruktur generieren kann, wenn Du das möchtest.

Vom Prinzip her funktioniert es so:

Du legst ein paar HTML oder Markdown Templatedateien an. Für Abfragen, Schleifen und ähnliches benutzt man die Templating-Sprache Liquid.
In der Konfigurationsdatei kann man unter anderem die URL-Struktur festlegen.
Dann legt man im Posts-Ordner die Markdown-Dateien mit den Blogposts ab und generiert die Seite

Das wars. Jekyll generiert dann zum Beispiel eine Ordnerstruktur wie:

/blog/2011/05/04/mein-erster-post/index.html

für die Blogartikel.

Eine detailliertes Tutorial gibt es dann in einem meiner nächsten Posts.

Jekyll hat mich sofort magisch angezogen. Ich liebe die Effektivität dieses Systems, Contao oder Wordpress erschienen mir im Vergleich zu Jekyll sofort überladen und zu komplex für meine Zwecke.

Die statischen Seiten sorgen für eine sehr performante Webseite da der Server nichts anderes tun muss als HTML auszuliefern. Für mich hat sich das als die perfekte Wahl herausgestellt. Ich schreibe meine Posts gerne mit Markdown in Textmate. Für einen Webentwickler fühlt sich das wie eine ganz natürliche Entscheidung an.

Mit Hilfe von Git und den unendlichen Möglichkeiten von Uberspace lässt sich auch das Deployment sehr elegant gestalten… aber mehr dazu im nächsten Post, da gibts dann die Anleitung von A-Z.

Ich finds auf jeden Fall geil so und bin gespannt auf meine kleine Reise mit meiner kleinen Seite. Ich hoffe mit meinem Blog einen Beitrag in der Webentwickler-Community zu leisten. Ich habe in den letzten Jahren so viel von den geteilten Informationen anderer gelernt und lerne auch heute jeden Tag dazu. Es ist an der Zeit zurückzugeben!

Yey!