<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" gd:etag="W/&quot;A04GSXs4eSp7ImA9WhJVGUw.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084</id><updated>2012-09-06T10:25:28.531+02:00</updated><category term="poem" /><category term="mainpage" /><category term="javascript" /><category term="live" /><category term="recruiting" /><category term="events" /><category term="youtube" /><category term="solutions" /><category term="6wunderkinder" /><category term="upfront" /><category term="nba" /><category term="recording" /><category term="sprint" /><category term="Gründung" /><category term="announcement" /><category term="startupszene" /><category term="homepage" /><category term="css" /><category term="next11" /><category term="frontend" /><category term="python" /><category term="official" /><category term="animation" /><category term="Termine" /><category term="video" /><category term="relaunch" /><category term="launch" /><category term="interna" /><category term="startups" /><category term="facebook" /><category term="recommendation" /><category term="theory" /><category term="techberlin" /><category term="php" /><category term="Deutsche Dogge" /><category term="roundup" /><category term="programming" /><category term="showMeCode" /><category term="nachbarschaftsauto" /><category term="passion" /><category term="problems" /><category term="hyr" /><category term="opinion" /><category term="beschleuniger" /><category term="insights" /><category term="twitter" /><category term="reference" /><category term="languages" /><category term="coding" /><category term="investment" /><category term="design" /><category term="it profits" /><category term="Messen" /><category term="project" /><category term="progress" /><category term="filter bubble" /><category term="berlin" /><title>dieBeschleuniger</title><subtitle type="html" /><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://blog.diebeschleuniger.de/" /><author><name>Benjamin Kampmann</name><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="//lh4.googleusercontent.com/-cMSh8Xt3W18/AAAAAAAAAAI/AAAAAAAAEFE/vi8O1NR7ZUU/s512-c/photo.jpg" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/dieBeschleuniger" /><feedburner:info uri="diebeschleuniger" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry gd:etag="W/&quot;CkINRnk8fyp7ImA9WhVSE0w.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-4708389921623016279</id><published>2012-03-09T17:29:00.000+01:00</published><updated>2012-03-09T17:29:57.777+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-09T17:29:57.777+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="opinion" /><category scheme="http://www.blogger.com/atom/ns#" term="theory" /><category scheme="http://www.blogger.com/atom/ns#" term="solutions" /><category scheme="http://www.blogger.com/atom/ns#" term="insights" /><category scheme="http://www.blogger.com/atom/ns#" term="facebook" /><category scheme="http://www.blogger.com/atom/ns#" term="twitter" /><category scheme="http://www.blogger.com/atom/ns#" term="recommendation" /><category scheme="http://www.blogger.com/atom/ns#" term="filter bubble" /><title>It's time for a change - inside recommendations</title><content type="html">Lately there is has been a vivid and fruitful discussion about the &lt;a href="http://www.ted.com/talks/eli_pariser_beware_online_filter_bubbles.html"&gt;filter bubble&lt;/a&gt; created by recommendation services all around is. The hyposis is that filtering data based on what we want to hear will stop exposing us to stuff we don't want to know but should. And the more this kind of filtering happens the less people care about stuff outside their circle which could have potentially a bad influence for society. While thinking about that problem I realised that recommendations - as of today - don't work in the long run anyways because they are too static.&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
The way recommendations algorithms work today is basically on top of an so called intrest-graph: The system looks at the stuff you liked using those a link of other people, who liked the same. Then it looks for stuff the other "who are very like you" liked and recommends this as something you probably like, too. And every time you tell the system another thing you liked or disliked it gets more accurate the next time. This is how it works from last.fm to netflix, from facebook to twitter. Smart system, don't you think?&lt;br /&gt;
&lt;br /&gt;
But how come I - and with me so many others - stopped using last.fm? With more than one and a half years of historical data it should be able to predict the stuff I like pretty good, shouldn't it? So what happend? The algorithm didn't change. Neither did the data. But I did. Almost over night, I switched from listening hard rock/punk to trance (electronic). I realised I am way more productive that way. So when I wanted to listen to the new stuff, last.fm kept interrupting me with the wrong stuff - the stuff I didn't like anymore. And it was almost impossible to make it change. Because trying to fight two years of recorded history is like fighting wind mills. &lt;b&gt;The more data you have in the recommendation system the harder a transition to becomes&lt;/b&gt;. As a result I quit last.fm.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
This may sound rare and uncommon, but think about it for a second; &lt;b&gt;Everyone who has ever moved from one flat to another knows how liberating it feels to start from scratch&lt;/b&gt;. And you'd also agree &amp;nbsp;that there is at least one box you won't open ever. In there is mostly baggage that you don't need anymore; It could be old (hurtful) picture of your ex or a box of books and CDs you never were able to throw away. Similar to last.fm, &lt;b&gt;where the baggage was all this music I used to listen to&lt;/b&gt;. And as it was impossible to make last.fm adopt to my changes, I had to move on as well.&lt;br /&gt;
&lt;br /&gt;
Social Networks in comparison are still very young. But eventually they have to face the same problem. Someone I totally admired last year and all his posts can be very annoying to me today. And I am not only thinking about the break up - as the hardest of all relationship changes - I am talking about everyday life; &lt;b&gt;we and our relationships to others change constantly&lt;/b&gt;. A bunch of people already face the problems like having their ex-girl friends liking the post where you are complaining about your wife. In relationships you have a lot of baggage - way more than your music history. But it is &lt;b&gt;not in the interest of Facebook&lt;/b&gt; or Twitter to &lt;b&gt;offer a you clean slate&lt;/b&gt;. And this is also true for the relationship to companies and other fan pages.&lt;br /&gt;
&lt;br /&gt;
But you know me, I don't bitch about a problem without a at least looking for a solution: When we were working on the relaunch of &lt;a href="http://www.happyyuppie.com/"&gt;happyYuppie.com&lt;/a&gt;, we ran into a similar problem. The way stock forecasts work is called time-series-analysis. You look at the values in the past and try to find a mathematical model describing it in a way that allows you to predict the future values. While rewriting that algorithm, there was a huge collaps in the Solar-Panel-Market in Germany; all over the places their stocks fell. And though this was a common case of market cleansing, our models predicted that they'd get back to old strength soon. &lt;b&gt;Based on the old baggage&lt;/b&gt; (the long-term history) and not taking into account the latest strong trends, &lt;b&gt;our prediction models were simply wrong&lt;/b&gt;. &lt;b&gt;As recommendations algorithms are when there is a huge change or general transition.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
The way we solved this was by creating a series of models for different time periods: one for monthly data of the last three years, one of weekly data of the last year and another of daily data for the last three months. While doing this over a series of different data and time horizonts we've learnt one common thing: &lt;b&gt;the shorter the time span the more "trend aware" the forecast is&lt;/b&gt;. What follows is mixing those three models to create one surprisingly precise model. The weight of each models depends highly on the&amp;nbsp;volatility&amp;nbsp;and some other parameters of the stock, which I can't disclose here. But essentially it means the model for solar panel companies are much more aware of the latest trends of losses happening.&lt;br /&gt;
&lt;br /&gt;
Resulting in a system that creates forecasts for in a slowly fading weight the further you go back in history. You could apply these principles to recommendation systems easily; taking into account when it happened and put a &lt;b&gt;higher emphasis on the younger event &lt;/b&gt;when there is an detectable change in taste, &lt;b&gt;the recommendation system would become much more change-aware and long-lasting&lt;/b&gt;. On top it would also &lt;b&gt;allow the user to influence his&amp;nbsp;personalized&amp;nbsp;system&amp;nbsp;easily&lt;/b&gt; and &lt;b&gt;break out of his filter bubble by&amp;nbsp;actively&amp;nbsp;including something&lt;/b&gt; that hasn't been there before. This would give him &lt;b&gt;immediate insight on that topic with the best content available&lt;/b&gt; and slowly something the user is less interested in now fades out.&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/Ce4UlFJqPeQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/4708389921623016279/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2012/03/its-time-for-change-inside.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4708389921623016279?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4708389921623016279?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/Ce4UlFJqPeQ/its-time-for-change-inside.html" title="It's time for a change - inside recommendations" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><georss:featurename>Brunnenstraße 4, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.53063 13.40115</georss:point><georss:box>52.528215 13.3962145 52.533045 13.4060855</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2012/03/its-time-for-change-inside.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0QCRnY8fyp7ImA9WhRbEko.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-3258242277138697785</id><published>2012-02-03T14:22:00.000+01:00</published><updated>2012-02-03T14:22:47.877+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-03T14:22:47.877+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="problems" /><category scheme="http://www.blogger.com/atom/ns#" term="solutions" /><category scheme="http://www.blogger.com/atom/ns#" term="insights" /><category scheme="http://www.blogger.com/atom/ns#" term="startups" /><category scheme="http://www.blogger.com/atom/ns#" term="design" /><category scheme="http://www.blogger.com/atom/ns#" term="recruiting" /><category scheme="http://www.blogger.com/atom/ns#" term="programming" /><category scheme="http://www.blogger.com/atom/ns#" term="Gründung" /><category scheme="http://www.blogger.com/atom/ns#" term="berlin" /><category scheme="http://www.blogger.com/atom/ns#" term="startupszene" /><title>Two Things About The German Tech Startup (Job) Market</title><content type="html">&lt;br /&gt;
Lately I've met quite a few people from silicon valley coming to Berlin to check out the startup scene. Thought the local Startups scene is often compared to the one over the great lake, a few things are very different. Often mentioned are the missing network of founders and investors as well as longer history in tech entrepreneurship. But&lt;b&gt; today I want to discuss two&amp;nbsp;&lt;/b&gt;&lt;b&gt;urgent problems&amp;nbsp;concerning the tech job market in Berlin, &amp;nbsp;&lt;/b&gt;which&amp;nbsp;&lt;b&gt;not even the local founders understand entirely&lt;/b&gt;, as far as I can see. But we need to understand their roots to be able to tackle them and find solutions.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Very few tech-founders&lt;/b&gt;&lt;br /&gt;
When you look at the number of students in computer science and how many tech founders you have you quickly notice a huge difference between Germany and other places like the valley. One of the reasons for that lies in the university courses in Germany (and Europe):&amp;nbsp;you learn about the bigger picture, the higher concepts, the theories of computers and informatics here. As the term "computer science" describes it so very well: after your studies you know your way around the science part. But you &lt;b&gt;don't learn to code&lt;/b&gt;, to &lt;b&gt;design a software architecture&lt;/b&gt;, to &lt;b&gt;create a product nor a UI&lt;/b&gt; that users understand. &lt;b&gt;Product development is not part of these courses, don't event hink about entrepreneurial or administrations&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
As a result &lt;b&gt;IT graduates in Germany have almost no experience in Software Development nor knowledge of business&lt;/b&gt;.&amp;nbsp;There is a good reason why established companies like Microsoft, SAP or IBM expect a transition period of 6-12 months for a graduate in their company before they can even consider him able to be part of a development team.&amp;nbsp;But at the same time there is a huge demand for software and hardware engineers world wide. So&amp;nbsp;&lt;b&gt;established companies &lt;/b&gt;don't only&lt;b&gt; pay very well &lt;/b&gt;in this sector they&lt;b&gt; &lt;/b&gt;also&lt;b&gt; give techies a lot of freedom&lt;/b&gt; and ensure they have fun at work. So there are &lt;b&gt;only very few techies capable and interested in founding a company&amp;nbsp;&lt;/b&gt;as product development and business are rarely part of studies in informatics in europe (other than at MIT or Berkley) and the tradeoff is very high.&lt;br /&gt;
&lt;br /&gt;
Though &lt;b&gt;back in the first dot-com bubble&lt;/b&gt;* even in Germany a &lt;b&gt;lot of techies founded or co-founded companies&lt;/b&gt;. Being really happy to find someone to take care of the business-side of things most took MBAs and took care of the non-business-part only. Only to learn that they got &lt;b&gt;screwed over by their business "partner" big time when things heated up&lt;/b&gt;.&amp;nbsp;This experience became part of the collective memory of hacker scene here. It is rooted in there so deeply that even though it is a totally new generation of hackers now they &lt;b&gt;are still alienated by business and marketing people &lt;/b&gt;and simply &lt;b&gt;consider them not trustworthy&lt;/b&gt;. The second big reason why so few hackers are interested in taking their idea up another level and found a company. &lt;b&gt;Most tech innovation&lt;/b&gt; still happens hidden from the majority of the society and even &lt;b&gt;hidden&lt;/b&gt; from the startup scene in the &lt;b&gt;members-only-area of hacker spaces&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Barely design-driven entrepreneurship&lt;/b&gt;&lt;br /&gt;
Secondly there is a huge &lt;b&gt;lack of good designers&lt;/b&gt; in the startup community in europe, although the roots for this are to found totally elsewhere. They have not had the bad experience in the 2001-bubble and product development is actually a huge part of the design process. Well, yeah, &lt;b&gt;similar to developers not learning anything about design, designers barely learn how to code during their studies&lt;/b&gt;. But that ain't the reason, the reason lies within in the system: &lt;b&gt;While the arts are free, studying design is not.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Almost any &lt;b&gt;half-way decent university in europe offering&lt;/b&gt; some kind of (web-) &lt;b&gt;design course&lt;/b&gt; is privately run and therefore&amp;nbsp;&lt;b&gt;very expensive&lt;/b&gt;. And most of them take up so much time that there isn't any time left for a job on the side. Of course there are scholarships but they barely cover everything, so many, many design student &lt;b&gt;take a student loan&lt;/b&gt; and you can get them easily. &lt;b&gt;Leaving them with a huge debt&lt;/b&gt; (100k-120k isn't that&amp;nbsp;unusual&amp;nbsp;I was told) when they graduate. So even though they are totally in-experienced they have to ask for a lot of money just to pay off the loan and have enough money left for the rent. They simply &lt;b&gt;can't work for shares or lowered cash because they just can't afford it&lt;/b&gt;. That is why design is so expensive in europe.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;But what does that mean?&lt;/b&gt;&lt;br /&gt;
Because of all of that, it is &lt;b&gt;very hard to find those passionate Tech-Teams&lt;/b&gt; with this great solution for a common problem that you just need to give some money for marketing and everything else just happens on its own. Even if you find a founder team of tech people, you probably have to help them a lot with the business- and marketing-side of things. But &lt;b&gt;most startups are founded with a lack of technical skills&lt;/b&gt; by business administration graduates, who "see a market for it" somewhere and &lt;b&gt;just need "someone to program it"&lt;/b&gt; anyway. Though there is &lt;b&gt;no one willing to do that&lt;/b&gt;. And just opening another startup-jobs-offerings-website isn't going to change that. There are just so many more benefits - for a developer - to work for big corp than for your startup (as I showed earlier).&lt;br /&gt;
&lt;br /&gt;
But there are things we can do. And with reading this article down to this point, you made the &lt;b&gt;first and most important step already&lt;/b&gt;:&amp;nbsp;realizing&amp;nbsp;that the market is different than in the valley, that &lt;b&gt;great product aware tech-teams are the exception&lt;/b&gt; and &lt;b&gt;most techies need help with their business-side&lt;/b&gt;. The &lt;b&gt;second thing&lt;/b&gt; is about&amp;nbsp;&lt;b&gt;emphasizing&amp;nbsp;the offerings&lt;/b&gt;&amp;nbsp;big corp can't make to developers: do a startup is about&amp;nbsp;&lt;b&gt;making a dent in the universe&lt;/b&gt;. And by that hope to find those few that are willing to take upon that risk and join a startup instead of heading for the safe bet at IBM or SAP.&lt;br /&gt;
&lt;br /&gt;
And then there is the third and probably &lt;b&gt;hardest part&lt;/b&gt;: &lt;b&gt;be honest and fair with the techies&lt;/b&gt;. I already told you, that there is a huge distrust from developers against business people. And unless we can change that nothing is going to change. So, &lt;b&gt;tell your techie co-founder the truth&lt;/b&gt;, &lt;b&gt;tell him to get a lawyer&lt;/b&gt; (or talk to me about the gig**) for the contract, &lt;b&gt;give her the shares she really deserves&lt;/b&gt;,&lt;b&gt; talk about exist-strategies openly&lt;/b&gt; and &lt;b&gt;negotiate in his&amp;nbsp;favor&lt;/b&gt;&amp;nbsp;when there is an investor. In short: &lt;b&gt;stop screwing with him&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
When we do that, there is a real chance more techies are willing to join the startup scene and help create awesome products.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-size: x-small;"&gt;* Yes, I said "first".&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: x-small;"&gt;** I offer free advice and help for techies, who are unsure about the co-founding they are doing&lt;/span&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/hdkwQcuCSfo" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/3258242277138697785/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2012/02/two-things-about-german-tech-startup.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3258242277138697785?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3258242277138697785?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/hdkwQcuCSfo/two-things-about-german-tech-startup.html" title="Two Things About The German Tech Startup (Job) Market" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><georss:featurename>Rosenthaler Platz, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.5299555 13.4010994</georss:point><georss:box>52.5275405 13.3961639 52.5323705 13.4060349</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2012/02/two-things-about-german-tech-startup.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DUQMQH88cCp7ImA9WhRVEko.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-709319001248308726</id><published>2012-01-11T11:23:00.000+01:00</published><updated>2012-01-11T11:23:01.178+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-11T11:23:01.178+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="javascript" /><category scheme="http://www.blogger.com/atom/ns#" term="frontend" /><category scheme="http://www.blogger.com/atom/ns#" term="animation" /><category scheme="http://www.blogger.com/atom/ns#" term="insights" /><category scheme="http://www.blogger.com/atom/ns#" term="showMeCode" /><category scheme="http://www.blogger.com/atom/ns#" term="css" /><category scheme="http://www.blogger.com/atom/ns#" term="coding" /><title>Polaroid Photo Stack with Animation</title><content type="html">&lt;div style="text-align: left;"&gt;
&lt;i&gt;This "Show me code or it didn't happen" features the rotated photo stack and its animation as seen at &lt;a href="http://www.nachbarschaftsauto.de/"&gt;Nachbarschaftsauto&lt;/a&gt; or in&amp;nbsp;&lt;a href="http://www.youtube.com/watch?v=_hQBxYoLrmU&amp;amp;feature=youtu.be"&gt;this video&lt;/a&gt;.&lt;/i&gt;&lt;/div&gt;
&lt;br /&gt;
Right from the first time we discussed the idea to show featured cars in a polaroid photo stack with flipping animations I fell for it. This gently rotated stack reminded me on a project I've worked before where we represented photo-albums and folders with a pile of pictures. I always liked this way of represent content. But looking for such a jQuery plugin I couldn't find anything that was half-way decent looking nor programmed well.&amp;nbsp;Most snippest were made for photo-albums and didn't work on div-elements or did some really bad canvas-hacking to rotate things, making it impossible to animate it nicely nor include links in the code.&lt;br /&gt;
&lt;br /&gt;
So I took the only thing I could do: take the one that &lt;a href="http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/"&gt;looks best&lt;/a&gt;, read the code and write it yourself. As most of them, this one wasn't using the latest technology nor was it backwards-compatible, but at least it had some rotation and the animation in a way I wanted it to be. Lucky me, I had a designer to my left, helping me out with the Polaroid and stuff. Most of that is very straight forward. But there are few pitfalls, which took me one hour or the other to figure out. This article is about those insights we've won working on this particular part of the project.&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;To make it easier for others to find and understand the code used for rotation and animation, &lt;a href="https://gist.github.com/1550762"&gt;I created a little gist containing only the relevant parts of the project&lt;/a&gt;. I assume you can read and understand HTML, CSS and Javascript and therefore won't explain every line of it, if you have questions for one line or the other just use the github comments features and I'll gladly answer them. Over here I want to go over some bigger and smaller issues, work-a-round or hacks (on HTML I am never sure which it really is) we had to do to make it look and work as it does today.&lt;br /&gt;
&lt;br /&gt;
With this restructuring we also took the chance to replace the template with a fresh &lt;a href="http://html5boilerplate.com/"&gt;HTML5Boilerplate&lt;/a&gt;. You'll see later how this helps us fix the lack of css-transform in Internet Explorer &amp;lt; 9 by using the included &lt;a href="http://www.modernizr.com/"&gt;Modernizr&lt;/a&gt;. Aside from that we also use &lt;a href="http://lesscss.org/"&gt;less&lt;/a&gt; now to structure our CSS internally. I won't get into detail on how they work, but will explain all areas necessary to understand fix the particular bugs. Let's start from the top.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Position and Rotating&lt;/b&gt;&lt;br /&gt;
This first problem is to rotate the stacked photos. &amp;nbsp;For that we have a container around our div-elements, that we give a &lt;a href="https://gist.github.com/1550762#file_styles.css"&gt;&lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;position: absolute&lt;/span&gt;&amp;nbsp;css style&lt;/a&gt; so that we can position our elements inside above each-other using &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;position: relative; top: 0; left: 0;&lt;/span&gt;. &amp;nbsp;Now all divs are "sitting" on top of each other. So far so easy. We could add the rotation here as well, but we wanted them to be stacked randomly otherwise it feels to fake, if they have the same position every time you reload the page. So the rotation happens &lt;a href="https://gist.github.com/1550762#file_photostack.js"&gt;in javascript&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
For rotation we take the css-transform-feature called the same way. you specify it by using setting &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;transform: rotate(13deg);&lt;/span&gt;&amp;nbsp;in HTML5. As soo many other features of HTML this has been around for a while before it was part of the official specification. So for older firefox and gecko-based browsers you also want to specify &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;-moz-transform&lt;/span&gt;, &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;-webkit-transform&lt;/span&gt;&amp;nbsp;for safari and chrome and &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;-o-transform&lt;/span&gt;" for Opera. Even Internet explorer 9 knows this if you set it as &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;-ms-transform&lt;/span&gt;. Unfortunately, jQuery checks the items passed to the css-function and the version we are using there (1.5.2) doesn't know this property. It allows &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;msTransform&lt;/span&gt; though...&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Old Webkit rendering issues&lt;/b&gt;&lt;br /&gt;
Now, this rotates our stack easily in a lot of modern browsers already. But on some old webkit browsers the edges appear like huge stairs, no smoothening happens. For that I found a little work-a-round. It seems there are multiple rendering modes in webkit browsers for css-transformations. The newer one supports is more advanced, it supports 3D-rendering and uses graphic acceleration. On old webkits you can smoothen out those edged by triggering that mode. This happens here by setting the style &lt;span style="background-color: white; line-height: 16px; text-align: left; white-space: pre;"&gt;&lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;-webkit-backface-visibility: hidden.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-family: 'Bitstream Vera Sans Mono', Courier, monospace;"&gt;&lt;span style="font-size: 12px; line-height: 16px; white-space: pre;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;b&gt;And IE &amp;lt; 9.0&lt;/b&gt;&lt;br /&gt;
I wish we could ignore that one. Because it is nasty. But it turns out, almost 15% of your users use IE &amp;lt; 9. Sucks to be me, but what can I do about it? The most common method to get around the lack of css-transform support in InternetExplorer is by using the &lt;a href="http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx"&gt;DXImageTransform&lt;/a&gt;-Filters. Though the name suggests otherwise they work on any DOM-Element, not images only. Sadly, the &lt;a href="http://msdn.microsoft.com/en-us/library/bb554293(v=VS.85).aspx"&gt;Rotate-Filter&lt;/a&gt; only rotates in 90° steps, so we have to use the much more general &lt;a href="http://msdn.microsoft.com/en-us/library/ms533014(v=VS.85).aspx"&gt;Matrix-Tranformation&lt;/a&gt;. But matrix-stuff is hard, so we - like many others, too - fallback to a libs to do the heavy lifting for us there. It is called pb.transformIE and uses the sylvester library to do some math. Both are included in the &lt;a href="https://gist.github.com/1550762"&gt;gist&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Now we only want to have these libs loaded, when cssTransform isn't there. For that we use &lt;a href="https://gist.github.com/1550762#file_modernizr_snippet.js"&gt;Modernizr&lt;/a&gt;. That is very important because pb.Transforms is a bit older and the "am I run in IE"-Part on the top breaks on IE 7 and 8 for no good reason. By using modernizr, the code is only inlcuded if csstransform is missing in the first place. So we can outcomment that part and don't have to worry about that bug. Now, in case TransformIE is loaded, we tell it to look out for &lt;a href="https://gist.github.com/1550762#file_modernizr_snippet.js"&gt;any changes on .polaroid elements&lt;/a&gt;.&amp;nbsp;Now we can trigger transformIE by setting the&amp;nbsp;&lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;-sand-transform&lt;/span&gt;&amp;nbsp;style to our rotate, too. It understands and translates it into DXImage-Matrix-Transformation. And we have rotated images.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;But the position...&lt;/b&gt;&lt;br /&gt;
Yeah. There is one major difference, though: when you rotate use the DXImage Matrix method, the point around which the rotation happens is on the top-left, while in css-transform it is in the center of the object. So the polaroids in InternetExplorer don't look stacked but fanned out. That is not what we want. To work a round that problem, we use another difference between those methods: In css-transform it is defined that the width and heights stay the same while in DXImage-Transformation the size changes as it is always calculating the pixels per row from the perspective of the screen and not of the element. This results in bigger elements when rotated with DXImage-Transform.&lt;br /&gt;
&lt;br /&gt;
Using this information we don't only know whether it was rotated wrong, we also know pretty exactly where to move it to make it appear as if it was turned correctly. To use this, we calculate the size and position of the element before the transformation is applied, then we apply the transformation, check the size again and adapt the top and left style if necessary. &lt;a href="https://gist.github.com/1550762#file_photostack.js"&gt;All this happens, everytime &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;$(x).rotate(deg)&lt;/span&gt; is called&lt;/a&gt;. This way it also takes care of transformations that changed the size before this one. That happens everytime the animation stops, turns the image and puts it back into the stack.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;But this one text doesn't rotate&lt;/b&gt;&lt;br /&gt;
Looking closely at the rotated elements, one of the texts isn't rotated correctly. It isn't rotated at all actually. At least not as the other texts are. Though it is the same kind of child element of the div that gets rotated. And everything else rotates correctly. Turns out there is a a bug in the Internet Explorer 8 with DXImage-Tranforming: the child-elements can't be positioned or they aren't transformed. Using: &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;margin-top: -1px&lt;/span&gt; instead of &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;top: -1px&lt;/span&gt; fixes the problem. Weird though...&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Now. Animate. Animate, I say. Stupid Internet Explorer...&lt;/b&gt;&lt;br /&gt;
What's now, internet explorer? Why you don't animate the photo stock. All others do. It is just a simple&amp;nbsp;&amp;nbsp;&lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;margin-left&lt;/span&gt;&amp;nbsp;and&amp;nbsp;&lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;-top &lt;/span&gt;set with jQuery-Animate, then we replace the position in the DOM - to make it go to the back of the other polaroids - turn it back and animation the margin back to the original position. You can do margin-setting, can't you? Turns out, you can, but you can't properly read it. If it isn't set explicitly, you return &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;auto&lt;/span&gt;&amp;nbsp;instead of the correct &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;0&lt;/span&gt;. Well, then let's add a &lt;a href="https://gist.github.com/1550762#file_photostack.js"&gt;check for that, too (line 80/81)&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Strechting the body&lt;/b&gt;&lt;br /&gt;
Eventually, we have our animation now.&amp;nbsp;Simple. Elegant. Aside from the stupid body. Since we are moving the element a far way by using the margin, it runs out of the browser-window quickly. Totally okay, aside from the fact that the body stretches out during the animation so that the ugly scrollbar appears, grows with the animation, becomes smaller and disappears again. Gooosh... soo ugly.&lt;br /&gt;
&lt;br /&gt;
But don't worry, uncle Ben has a solution for that problem, too: setting &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;width: 100%&lt;/span&gt; and &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;overflow-x: hidden&lt;/span&gt; for the body makes the elements move out without the stupid scrollbar. Bad though that it also means very small screens, like the iPhone don't allow you to scroll to the side though 60% of the content is located there. The better way is to set &lt;span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"&gt;min-width: 960px&lt;/span&gt; instead of width. That way we receive all the space the screen gives us but at least 960px for scrolling. But after the screen we hide the content - no scrollbar for elements outside of that. As it happens during our animation.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Unbelievable that such a simple looking feature can trigger so many bugs and incompatibilities. Most of the code I wrote now really is for working around various problems and bugs, while the actual code is just &amp;nbsp;fraction of the code. Javascript really is a language written to work-a-round Browser bugs. The only way to make our lifes easier is by documenting them. I hope we save somebody some trouble with those insights. If you have any questions, just let us know.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/_EUkEOvVzZ4" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/709319001248308726/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2012/01/polaroid-photo-stack-with-animation.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/709319001248308726?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/709319001248308726?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/_EUkEOvVzZ4/polaroid-photo-stack-with-animation.html" title="Polaroid Photo Stack with Animation" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><georss:featurename>Rosenthaler Platz, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.5299555 13.4010994</georss:point><georss:box>52.5275405 13.3961639 52.5323705 13.4060349</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2012/01/polaroid-photo-stack-with-animation.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DkMDQXc8fCp7ImA9WhRWFk0.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-4152503125708633283</id><published>2012-01-03T14:34:00.000+01:00</published><updated>2012-01-03T16:27:50.974+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-03T16:27:50.974+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="frontend" /><category scheme="http://www.blogger.com/atom/ns#" term="relaunch" /><category scheme="http://www.blogger.com/atom/ns#" term="insights" /><category scheme="http://www.blogger.com/atom/ns#" term="nachbarschaftsauto" /><category scheme="http://www.blogger.com/atom/ns#" term="mainpage" /><category scheme="http://www.blogger.com/atom/ns#" term="nba" /><title>Understanding the Nachbarschaftsauto Redesign</title><content type="html">Recently, we've relaunched the main page of &lt;a href="http://www.nachbarschaftsauto.de/?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;Nachbarschaftsauto&lt;/a&gt;. While the obvious benefit is that it looks better it is also an adaption to the change in the way people use the site. This articles will give you some insights on the structural designs decisions we took for the new design and reason why we went there. There is going to be another article going into the technical details of this awesome polaroid stack animation and the pitfalls we had to get around later this month. Now, let's take a look at the design from a user interface and design perspective.&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-isaC5OJOvJY/TwGpGE_CsTI/AAAAAAAAABk/Ep8y7kjsrQw/s1600/nba_new.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="273" src="http://3.bp.blogspot.com/-isaC5OJOvJY/TwGpGE_CsTI/AAAAAAAAABk/Ep8y7kjsrQw/s320/nba_new.png" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;The new design&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
When Nachbarschaftsauto started almost a year ago, the concept of giving your car to strangers was something very new and totally counter-intuitive to most people. In case you don't know, most germans really love their car; it's the number one status symbol over here - way before the house. So, by all means the concept needed to be explained. That was reflected in the way the page was structured; it had a clear focus on introducing the concept, the insurance and the idea to both lenders and takers. Almost a year later, the founders had a lot of press coverage, the media loves the topic and explains the idea every week to everyone who wants to listen.&lt;br /&gt;
&lt;br /&gt;
By now most people coming the page already understand the basic idea and are curious to look further into it. Their approach had changed and so did our page. We changed the page to make it easier for the user to find what she is looking for. And that - we found out - is very diverse, too. While we have a bunch of recurring users coming there to look for a car straight away, a lot of users just "come to check it out". As mentioned before our press coverage has been great, so the name is dropped on TV almost every week, driving a lot of traffic to our site. There was an obvious need to change the design to fit those needs.&lt;br /&gt;
&lt;br /&gt;
If you look at the page now (or at the screenshot atop) you'll notice that we've separated the website in roughly three areas above the fold. As the eyes come from the top left, they go through the first area of interest: Searching your Nachbarschaftsauto. A slightly smaller logo and a clear and bold claim explain the user that she's on the right page. Right beyond there is the search box, making it quick'n'easy to get into the main process of the page - looking for a car. A big call to action button right next motivates the user to go ahead. Before the redisng this was mostly the only way the user could dive into the content.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
For those just "checking it out" that involves to much interaction: having to type a place means having to think of a place you'd like to look for a car, which means thinking of a reason why you'd need one. And if you are unlucky you typed in one of the few places, where there aren't any cars just yet, leaving you with an empty result set and a really bad user experience. Instead, we added the browsing-section on the right. In case the user doesn't have any concrete place he is looking for a car, the eye can just continue its way to the right side of the page. There is a nicely rendered polaroid photo stack of featured cars.&lt;br /&gt;
&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="clear: left; float: left; margin-bottom: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-8a_lmXnKJ_Q/TwGxjGK-tAI/AAAAAAAAAB4/Sc0yADqwpks/s1600/nba_new_annoted.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="346" src="http://4.bp.blogspot.com/-8a_lmXnKJ_Q/TwGxjGK-tAI/AAAAAAAAAB4/Sc0yADqwpks/s400/nba_new_annoted.png" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Annotated areas of the new design&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
To put some eye candy on top, we added a &lt;a href="http://www.youtube.com/watch?v=_hQBxYoLrmU&amp;amp;feature=youtu.be"&gt;nice animation to the photo stack, flipping you through the photo deck&lt;/a&gt;. Whilst there is enough time to not only enjoy the animation and the picture but also notice the corresponding content and if there is something interesting, the user can see more details with just one click. That way the user can approach the data in a more relaxed way than having to think of the use case.&lt;br /&gt;
&lt;br /&gt;
Beyond those two most important areas, we have an area with further information, like the testimonials, the press coverage and the possibility to add your car easily. The button ain't that huge and colorful, because we wanted to focus on searching as the main call of action for the page. As by definition there are always more people looking for cars than those looking to register a car.&lt;br /&gt;
&lt;br /&gt;
The footer mostly stayed the same. Aside from the reference to our partners, there is the full sitemap-like footer to all the static content like press information and imprint. On the right we also added our new &lt;a href="https://plus.google.com/101381304839033714532"&gt;Google+ Nachbarschaftsauto Page&lt;/a&gt; to the list social networks.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/T7WPG5I1Upg" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/4152503125708633283/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2012/01/understanding-nachbarschaftsauto.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4152503125708633283?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4152503125708633283?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/T7WPG5I1Upg/understanding-nachbarschaftsauto.html" title="Understanding the Nachbarschaftsauto Redesign" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-isaC5OJOvJY/TwGpGE_CsTI/AAAAAAAAABk/Ep8y7kjsrQw/s72-c/nba_new.png" height="72" width="72" /><thr:total>0</thr:total><georss:featurename>Ackerstraße, Berlin, Deutschland</georss:featurename><georss:point>52.5350424 13.3911379</georss:point><georss:box>52.5253839 13.3713969 52.5447009 13.4108789</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2012/01/understanding-nachbarschaftsauto.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DEUNR3k5eSp7ImA9WhRWFU0.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-314553057763469922</id><published>2011-12-14T14:55:00.003+01:00</published><updated>2012-01-02T13:11:36.721+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-02T13:11:36.721+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="progress" /><category scheme="http://www.blogger.com/atom/ns#" term="insights" /><category scheme="http://www.blogger.com/atom/ns#" term="hyr" /><category scheme="http://www.blogger.com/atom/ns#" term="programming" /><title>happyYuppie reloaded</title><content type="html">At the beginning of this year, when dieBeschleuniger was just about to get founded, we were asked by little startup from Berlin, &lt;a href="http://www.prozentor.com/en/"&gt;Prozentor&lt;/a&gt;, if we could take a look at their online platform for financial forecasts: &lt;a href="http://happyyuppie.com/"&gt;happyYuppie.com&lt;/a&gt;. So we did. And today is the day relaunched Product is&lt;a href="http://blog.happyyuppie.com/2011/12/oh-bonita-konnte-doch-ein-jeder-deine.html"&gt; presented to the public for the first time&lt;/a&gt;; at&amp;nbsp;&lt;a href="http://beta.happyyuppie.com/?utm_source=beschleuniger&amp;amp;utm_medium=blogarticle&amp;amp;utm_campaign=beschleuniger1"&gt;beta.happyYuppie.com&lt;/a&gt; everyone can see and experience what the next generation of that platform is going to be like.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://3.bp.blogspot.com/-u_YY58TLelc/TuiK4NmS_gI/AAAAAAAAAXM/bWw1UBMCS_U/s640/new_cool_hyr.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="640" src="http://3.bp.blogspot.com/-u_YY58TLelc/TuiK4NmS_gI/AAAAAAAAAXM/bWw1UBMCS_U/s640/new_cool_hyr.png" width="491" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This happyYuppie "reloaded" - how we called it internally - relaunch was mostly our responsibility. As Prozentor was restructuring its internal structures, we came in to take over their long-lasting (10 years!!!) web-service. We did everything from market evaluation over product development and design up to development and marketing. And today we can celebrate that we made it out of the private into the public beta. Which is also the first time, we officially talk about this project and our involvement.&lt;br /&gt;
&lt;br /&gt;
It is one of our first projects but we have been very heavily involve in it as said before. In agreement with Prozentor we will be writing about the whole process, our steps and decisions over the next couple of month. So that you, as our reader, can understand our way of working and reasoning. And maybe to help some other standing in front of similar decision. Just look out for the articles tagged &lt;a href="http://blog.diebeschleuniger.de/search/label/hyr"&gt;hyr&lt;/a&gt;&amp;nbsp;and &lt;a href="http://blog.diebeschleuniger.de/search/label/insights"&gt;insights&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Of course we'll also keep you up to date on the progress of the project as well.&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/d-U1TYxd_po" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/314553057763469922/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/12/happyyuppie-reloaded.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/314553057763469922?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/314553057763469922?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/d-U1TYxd_po/happyyuppie-reloaded.html" title="happyYuppie reloaded" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-u_YY58TLelc/TuiK4NmS_gI/AAAAAAAAAXM/bWw1UBMCS_U/s72-c/new_cool_hyr.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://blog.diebeschleuniger.de/2011/12/happyyuppie-reloaded.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkIHSXs8fip7ImA9WhRQF0Q.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-3915104122883525259</id><published>2011-12-13T16:35:00.001+01:00</published><updated>2011-12-13T16:35:38.576+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-12-13T16:35:38.576+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="relaunch" /><category scheme="http://www.blogger.com/atom/ns#" term="homepage" /><category scheme="http://www.blogger.com/atom/ns#" term="announcement" /><category scheme="http://www.blogger.com/atom/ns#" term="nachbarschaftsauto" /><category scheme="http://www.blogger.com/atom/ns#" term="mainpage" /><category scheme="http://www.blogger.com/atom/ns#" term="nba" /><title>New Nachbarschaftsauto Main Page</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
It just a few weeks ago that we've announced our engagement with &lt;a href="http://www.nachbarschaftsauto.de/?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;Nachbarschaftsauto&lt;/a&gt;, but as I already mentioned before, we've been helping them for much longer already. About the time when we were signing the deal we also discussed the new &lt;a href="http://www.nachbarschaftsauto.de/?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;Nachbarschaftsauto main page&lt;/a&gt;. Last week we eventually got it into a state we were happy enough to launch the new page. But aside from that obvious feature we also added two new nice features to the backend.&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;New Main Page Design&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;(with totally new HTML and CSS, too!)&lt;/span&gt;&lt;br /&gt;
Those of you not knowing what &lt;a href="http://en.wikipedia.org/wiki/HTML5"&gt;HTML5&lt;/a&gt;, &lt;a href="http://en.wikipedia.org/wiki/CSS3#CSS3"&gt;CSS3&lt;/a&gt; and CSS-Transitions stand for don't care much, but we still do: In order to create the new Homepage design we decided to start from scratch using latest technology available. And we are very pleased with the result, aren't you? It really simplifies a lot for us developers, is much cleaner and therefore loads way faster. As a result we decided to roll out this design allover the application in the next couple of month, too. I'll be posting another blog article about the technical topic later this month. Until then you can enjoy &lt;a href="http://www.nachbarschaftsauto.de/?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;the animations on the website&lt;/a&gt; or by watching the following &lt;a href="http://www.youtube.com/watch?v=_hQBxYoLrmU&amp;amp;feature=youtu.be"&gt;youtube video&lt;/a&gt;:&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/_hQBxYoLrmU" width="420"&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;b&gt;Facebook Login&lt;/b&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://1.bp.blogspot.com/-rJSDF0oHSf4/Tudt3_n3ROI/AAAAAAAAABI/TeWao0G9bmM/s1600/connect_with_fb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://1.bp.blogspot.com/-rJSDF0oHSf4/Tudt3_n3ROI/AAAAAAAAABI/TeWao0G9bmM/s320/connect_with_fb.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
Craved for a while and a feature we had on our list since the early days: &lt;b&gt;log in with your Facebook account&lt;/b&gt;.&amp;nbsp;But this time &lt;b&gt;done right&lt;/b&gt;. Most platforms allow you to register with your Facebook, twitter or whatever but then you have to use the same method every time, and normal users &amp;nbsp;- like me - tend to forget which method they used. On top of that, if I access the website from a different computer than I am used to or, for example, with my smartphone, where I'm not constantly logged into my Facebook or twitter, I suddenly have to log into that service to log into the platform I really want to use. Stupid Concept.&lt;br /&gt;
&lt;br /&gt;
At Nachbarschaftsauto we decided to go a different way: we&amp;nbsp;added Facebook as a service to also authenticate against&lt;b&gt;&amp;nbsp;&lt;/b&gt;- meaning: &lt;b&gt;you can but don't have to use Facebook&lt;/b&gt;. Whether you register with Facebook or without, you can still use the normal user/password authentication and password-reminder functionalities. You are not obliged to use Facebook to authenticate, you can always enable and disable the connection within your account settings.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://2.bp.blogspot.com/-5TAM_4_NbtY/Tudt4UTuWvI/AAAAAAAAABM/0jzFqe-f-0s/s1600/nba_disconnect_fb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="140" src="http://2.bp.blogspot.com/-5TAM_4_NbtY/Tudt4UTuWvI/AAAAAAAAABM/0jzFqe-f-0s/s320/nba_disconnect_fb.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Booking Calender&lt;/b&gt;&lt;br /&gt;
Last but not least, we added a really neat new feature to &lt;a href="http://www.nachbarschaftsauto.de/?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;Nachbarschaftsauto&lt;/a&gt;: &lt;a href="https://www.nachbarschaftsauto.de/my/bookingcalendar"&gt;the booking calendar&lt;/a&gt;&amp;nbsp;allows the user to specify when the car won't be available: The user can just click on the specific day, drag over a couple of days or even click on rows or columns to state. A very simple UI to make the User specify things like "the car won't be available that week" or "my car is never available on mondays". I really love it. And we are currently working on way to show you, when the car won't be available because it is booked.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://2.bp.blogspot.com/-DJTosU9Er_A/TuduqRlumJI/AAAAAAAAABY/6hdgebSWNU8/s1600/buchungskalender.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="291" src="http://2.bp.blogspot.com/-DJTosU9Er_A/TuduqRlumJI/AAAAAAAAABY/6hdgebSWNU8/s320/buchungskalender.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
What do you think about that. Ain't it neat? Anyways, stay tuned for the behind the scenes of the new main page...&lt;/div&gt;
&lt;br /&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/iWYNPtBgZlU" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/3915104122883525259/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/12/new-nachbarschaftsauto-main-page.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3915104122883525259?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3915104122883525259?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/iWYNPtBgZlU/new-nachbarschaftsauto-main-page.html" title="New Nachbarschaftsauto Main Page" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://img.youtube.com/vi/_hQBxYoLrmU/default.jpg" height="72" width="72" /><thr:total>0</thr:total><georss:featurename>Rosenthaler Platz, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.5299555 13.4010994</georss:point><georss:box>52.5275405 13.3961639 52.5323705 13.4060349</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2011/12/new-nachbarschaftsauto-main-page.html</feedburner:origLink></entry><entry gd:etag="W/&quot;C0YBQXc9fCp7ImA9WhRSFEs.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-8035050244498688189</id><published>2011-11-16T17:22:00.000+01:00</published><updated>2011-11-16T17:32:30.964+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-11-16T17:32:30.964+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="investment" /><category scheme="http://www.blogger.com/atom/ns#" term="beschleuniger" /><category scheme="http://www.blogger.com/atom/ns#" term="passion" /><category scheme="http://www.blogger.com/atom/ns#" term="announcement" /><category scheme="http://www.blogger.com/atom/ns#" term="nachbarschaftsauto" /><category scheme="http://www.blogger.com/atom/ns#" term="nba" /><title>Nachbarschaftsauto beschleunigt</title><content type="html">Though you've &lt;a href="http://www.gruenderszene.de/news/tamyca-nachbarschaftsauto-gourmeo"&gt;probably already heard&lt;/a&gt;, we haven't said it officially yet. As of now, all papers are signed, so I am very glad to announce: &lt;b&gt;We joined &lt;a href="http://www.nachbarschaftsauto.de/?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;Nachbarschaftsauto.de&lt;/a&gt;, helped them out for a few month already and are looking forward to the adventures ahead of us&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
For the few of you who don't know it yet, &lt;a href="http://www.nachbarschaftsauto.de/?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;Nachbarschaftsauto&lt;/a&gt;&amp;nbsp;is a private car-sharing plattform - similar to &lt;a href="http://www.airbnb.com/"&gt;airbnb&lt;/a&gt; but for cars: Everyone can post his car, decide on a hourly, daily and weekly price so that others can rent that car. It just takes a few clicks, some papers to fill in and the car is insured during the time of renting over the platform. Then just a call to the owner to discuss where to pick up the car and you are ready to go.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://3.bp.blogspot.com/-MesEF9_UOSg/TsPiTT4ndbI/AAAAAAAAABA/RkWVZ-H3mY0/s1600/pushing_cars.png" imageanchor="1"&gt;&lt;img alt="Karl beschleunigt Nachbarschaftsauto: getting faster with every step" border="0" height="130" src="http://3.bp.blogspot.com/-MesEF9_UOSg/TsPiTT4ndbI/AAAAAAAAABA/RkWVZ-H3mY0/s400/pushing_cars.png" title="Karl beschleunigt Nachbarschaftsauto: getting faster with every step" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Such a simple and elegant concept and at the same time powerful and genius. Not only is there a &lt;b&gt;huge &amp;nbsp;market&lt;/b&gt; all around the world, it also provides a&lt;b&gt;&amp;nbsp;great benefit to society&lt;/b&gt;. Just think about it, the car is parked 23 hours an average day - huge wasted potentials. While at the same time the road&amp;nbsp;infrastructure is exploding and more and more city are looking for &lt;b&gt;other ways to manage public transporation&lt;/b&gt;. The simplest solution would be to own &lt;b&gt;less cars&lt;/b&gt; and instead&lt;b&gt; use the existing ones more efficiently&lt;/b&gt;. Creating a platform&amp;nbsp;to enable people to do that easily- even with an insurance for their cars - is &lt;b&gt;just an awesome thing to do&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
On top of that we are very psyched to do this with &lt;b&gt;such an &lt;a href="https://www.nachbarschaftsauto.de/team.html?utm_source=beschleuniger&amp;amp;utm_medium=link&amp;amp;utm_campaign=blog-artikel"&gt;exciting team&lt;/a&gt;&lt;/b&gt;. Way before there was any web appearance the founders sat down and discussed what needed to be done. Very quickly they saw the need for an insurance to back them up. Though it took them almost a year of consulting and negotiation, eventually they got a signatured with one of Germanys top insurance Companies: &lt;a href="http://www.ruv.de/de/index.jsp"&gt;R+V&lt;/a&gt;. Going through such a dip, is what I'd call being passionate.&lt;br /&gt;
&lt;br /&gt;
With their great experience in business development, long time work in marketing and PR the founders were only lacking some technical experts - exactly our field of expertise. We are now taking care of the current platform, fix bugs, develope new features in the frontend and backend. And aside from that, we &lt;b&gt;help out everwhere we can&lt;/b&gt;, &lt;a href="http://rtl-now.rtl.de/rtl-nachtjournal/rtl-nachtjournal.php?container_id=67126&amp;amp;player=1&amp;amp;season=0"&gt;like when I staged for this spot for the RTL-News Network&lt;/a&gt;.&amp;nbsp;'cause&lt;b&gt; that's what a Beschleuniger does&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
With joint forces Nachbarschaftsauto is now getting faster than ever to bring a great product to more and more people. And Club der Beschleuniger eG is proud to be make this go faster than ever.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/ZA4biDMXRzo" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/8035050244498688189/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/11/nachbarschaftsauto-beschleunigt.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/8035050244498688189?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/8035050244498688189?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/ZA4biDMXRzo/nachbarschaftsauto-beschleunigt.html" title="Nachbarschaftsauto beschleunigt" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-MesEF9_UOSg/TsPiTT4ndbI/AAAAAAAAABA/RkWVZ-H3mY0/s72-c/pushing_cars.png" height="72" width="72" /><thr:total>0</thr:total><georss:featurename>Rosenthaler Platz, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.5297629 13.4012991</georss:point><georss:box>52.5273479 13.396363599999999 52.5321779 13.4062346</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2011/11/nachbarschaftsauto-beschleunigt.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DU8GQnw4fyp7ImA9WhdaF08.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-3290939439478136556</id><published>2011-10-27T17:03:00.001+02:00</published><updated>2011-10-27T17:03:43.237+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-27T17:03:43.237+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="launch" /><category scheme="http://www.blogger.com/atom/ns#" term="homepage" /><category scheme="http://www.blogger.com/atom/ns#" term="beschleuniger" /><category scheme="http://www.blogger.com/atom/ns#" term="reference" /><category scheme="http://www.blogger.com/atom/ns#" term="announcement" /><category scheme="http://www.blogger.com/atom/ns#" term="Gründung" /><category scheme="http://www.blogger.com/atom/ns#" term="official" /><title>Just for the record</title><content type="html">I am happy to announce that with this day, we are registered as a collective by law in Germany. This is an important step for us especially as it took a while since we officially founded. Time to celebrate...&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://3.bp.blogspot.com/-aWAvPVR3Y2w/Tmi5txbQxyI/AAAAAAAAAA8/wdjGcQu5jzU/s1600/silhoutte_breakfast_club.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/-aWAvPVR3Y2w/Tmi5txbQxyI/AAAAAAAAAA8/wdjGcQu5jzU/s400/silhoutte_breakfast_club.png" width="174" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Though the 24th is the day of our registration our official foundation date is still the &lt;b&gt;1st May 2011&lt;/b&gt; - yes, we've founded on&amp;nbsp;&amp;nbsp;"&lt;a href="http://en.wikipedia.org/wiki/International_Workers%27_Day"&gt;International Workers Day&lt;/a&gt;". It took us a while to get registered, because of the lengthy approval process you have to go through to be allowed to establish a collective in Germany. But I just received note that we've conquered even that last ofr them two days ago. Therefor I am hereby removing any reference to iGr - in Gründung - which stated we are still in the funding phase. We are not. We've made it.&lt;br /&gt;
&lt;br /&gt;
This might sound as if we weren't doing any work yet. Au contrair, mon frére¹, we've &lt;b&gt;been very busy&lt;/b&gt;. As the time of this writing we are already supporting some projects, others we are in heavy discussion about the amount of our involvements. Heck, we have enough work that we are already &lt;b&gt;looking for more craft people to join our quest&lt;/b&gt;. And guess what, we think we even found some already². I am looking forward to announcing the deals as soon as they've been closed with official signatures.&lt;br /&gt;
&lt;br /&gt;
Stay tuned, there will be more.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;¹ I am not good at this language...&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;² Does not mean we stopped looking: If you know someone, let "ben | at | dieBeschleuniger dot de" know!&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;³ Who knows the Movie the picture refers to?&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/a-9pzgGaf5U" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/3290939439478136556/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/10/just-for-record.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3290939439478136556?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3290939439478136556?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/a-9pzgGaf5U/just-for-record.html" title="Just for the record" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-aWAvPVR3Y2w/Tmi5txbQxyI/AAAAAAAAAA8/wdjGcQu5jzU/s72-c/silhoutte_breakfast_club.png" height="72" width="72" /><thr:total>0</thr:total><georss:featurename>Brunnenstraße 4, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.53063 13.40115</georss:point><georss:box>52.528215 13.3962145 52.533045 13.4060855</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2011/10/just-for-record.html</feedburner:origLink></entry><entry gd:etag="W/&quot;Ck4ESH89cSp7ImA9WhRSFEg.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-7330462818632775826</id><published>2011-10-26T11:25:00.002+02:00</published><updated>2011-11-16T14:41:49.169+01:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-11-16T14:41:49.169+01:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="opinion" /><category scheme="http://www.blogger.com/atom/ns#" term="Deutsche Dogge" /><category scheme="http://www.blogger.com/atom/ns#" term="startups" /><category scheme="http://www.blogger.com/atom/ns#" term="berlin" /><category scheme="http://www.blogger.com/atom/ns#" term="startupszene" /><category scheme="http://www.blogger.com/atom/ns#" term="project" /><category scheme="http://www.blogger.com/atom/ns#" term="6wunderkinder" /><title>about copycats and deutsche doggen</title><content type="html">Lately there has been a vivid discussion about the german copycats, a topic that&amp;nbsp;resurfaces&amp;nbsp;every couple of month in our local (meaning Berlin) startup community. This time it has been started by the call for an &lt;a href="http://www.6wunderkinder.com/blog/2011/08/09/founders-stand-up-the-anti-copycat-revolution-starts-now/"&gt;Anti-Copycat-Revolution by our dear friends at 6Wunderkinder&lt;/a&gt; receiving a &lt;a href="http://www.techberlin.com/post/8691059569/to-copy-or-not-copy"&gt;lot&lt;/a&gt; &lt;a href="http://www.basicthinking.de/blog/2011/10/25/arger-uber-eingeschworene-berliner-startup-szene-lost-neue-debatte-uber-copycats-aus/"&gt;of&lt;/a&gt; &lt;a href="http://www.heise.de/newsticker/meldung/Krach-in-Berliner-Gruenderszene-1365891.html"&gt;public&lt;/a&gt; &lt;a href="http://www.ksta.de/html/artikel/1314098346298.shtml"&gt;attention&lt;/a&gt;. This discussion peaked last week when the usually not-very-bloggish &lt;a href="http://www.gruenderszene.de/allgemein/copycats"&gt;Gründerszene felt the need to critize 6Wunderkinder&lt;/a&gt;. Their point being that copying has always been part of how creative innovation is achieved from BMW until today. Also pointing out&amp;nbsp;that some the companies promoted in the 6Wunderkinder article are actually copiest, too. Heck, this ToDo-List-App-idea ain't remarkably new either.&lt;br /&gt;&lt;br /&gt;Thought that seems impossible, I agree on both their views. The reason why those articles look contradictory lies in a classic misunderstanding. It roots &lt;b&gt;in a too&amp;nbsp;vage definition of the term copycat&lt;/b&gt;. What does it really stand for? That someone else had that idea before? That someone tried to execute this business before? Or that you literally copy-paste their website into yours? Your view on the topic depends highly on what you think copycat means. That's why I can savely agree with Gründerszene: creativity and innovation have always been based on the basic concept of stealing ideas, improving them and trying again. And if it fails, you start over.&lt;br /&gt;&lt;br /&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;On a side-note: Dear Americans, if you have a great service, product or business idea over there and you are too stubborn, lazy or busy to execute it over here in europe, what are we&amp;nbsp;supposed&amp;nbsp;to do? Wait until you show us soo much mercy that you might extend your business to our place? Guess what, we are developed enough to execute it ourself. So, who are you to blame us, for doing it ourselfes when you just don't care about this market place? What you are calling the german copycat system, I call "&lt;b&gt;taking a great business one step further by introducing it into a new market place&lt;/b&gt;"*. At least for most startups.&lt;br /&gt;&lt;br /&gt;But some startups over here work different. And that is, where I agree with the 6Wunderkinder. Just the other day I was talking with &lt;a href="http://twitter.com/majofi"&gt;Mathias Fiedler&lt;/a&gt; (&lt;a href="http://www.artflakes.com/de/shop/majofi"&gt;CTO&lt;/a&gt; at &lt;a href="http://www.artflakes.com/"&gt;ArtFlakes&lt;/a&gt;) about this topic. We realised that as a description for the thing we were talking about, the term &lt;b&gt;copycat is way to cute&lt;/b&gt;.&amp;nbsp;After some back and forth we came up with a much better fitting term: &lt;b&gt;the Deutsche Dogge&lt;/b&gt;. Some may also know it as the &lt;a href="http://en.wikipedia.org/wiki/Deutsche_Dogge"&gt;Great Dane, a dog breed &lt;b&gt;known for its huge size and massive figure&lt;/b&gt;&lt;/a&gt;. Already its impressive size is a big threat to a lot of people, but if it starts barking and aims at you, you should really be scared to the heart and run for your life. I think this terms describes this certain kind of copycat companies much more precise**.&lt;br /&gt;&lt;br /&gt;Similar to industrial meat, the startups we call &lt;b&gt;Deutsche Doggen are optimized for an industrial manufacturing process&lt;/b&gt;. Other than for big breast (as chickens) these Deutsche Doggen Startups are optimized for &lt;b&gt;appearing big and important with aggressiv barking skills&lt;/b&gt;. Often achieved by throwing marketing money at it until every kid knows how to spell the brand asleep. So when any competitor tries to enter that market, just looking at them scares the hell out of them. Leaving them with the assumpotion there would be no way of entering the market without paying them the Deutsche Dogge its tribute. Most of the time, this means, buying the hound.&lt;br /&gt;&lt;br /&gt;Optimization for the industrial process has some known side-effects though: similar as in meat production, when the huge-breast-chickens are barely able to stand or breath, the &lt;b&gt;Deutschen Dogge seems to be barely sustainable on its own&lt;/b&gt;. At least looking at the what happens the day after they got acquired: they get castrating and put into a muzzle and in most cases a major parts of employees are let off.&amp;nbsp;But this biggest disadvantage of this highly optimized proces is: the business &lt;b&gt;loses its personally&lt;/b&gt;. Similar to chicken in a breeding farm, those &lt;b&gt;Deutsche Doggen are not allowed to have a real character&lt;/b&gt;, not to mention a real life. They are simply not build for it.&lt;br /&gt;&lt;br /&gt;A business that is barely able to sustain itself, where every second person is left off as soon as they are acquired, that's not what I would call&amp;nbsp;a great business.&amp;nbsp;But, hell, trading Deutsche Doggen is a highly profitable business, so I can understand why people would do that. It's just not so great if you are the Deutsche Dogge to be traded. So, though I respect this type of business model and those executing it,&lt;b&gt; it's&amp;nbsp;not the way I do business&lt;/b&gt;. Because it's not the kind of business I consider great. I think this is the kind of business the 6Wunderkinder ment when they were talking about copycats. A term that is to vage to describe it.&lt;br /&gt;&lt;br /&gt;It all boils down to this simple message, I think the 6Wunderkinder were trying to send: Instead of building something to bark&amp;nbsp;aggressively&amp;nbsp;at other, &lt;b&gt;build something great&lt;/b&gt;, something you love and &lt;b&gt;with its own character&lt;/b&gt;. And most importantly: &lt;b&gt;do your own thing &lt;/b&gt;and &lt;b&gt;don't be someone else's pet&lt;/b&gt;!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;* This said; I would love to see someone bringing threadless.com to europe, germany specially. If you are interested, drop me a line!&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;** With the additional feature of referring to germany ("Deutsch"), as these are the only startups I know well enough to give such a precise description. I don't know whether there are similar copycat-systems in india or somewhere else and I wouldn't try to reach out describing them all with this term.&lt;/span&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/LJscdTWWSlM" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/7330462818632775826/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/10/about-copycats-and-deutsche-doggen.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/7330462818632775826?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/7330462818632775826?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/LJscdTWWSlM/about-copycats-and-deutsche-doggen.html" title="about copycats and deutsche doggen" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><georss:featurename>Rosenthaler Platz, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.5297629 13.4012991</georss:point><georss:box>52.5273479 13.396363599999999 52.5321779 13.4062346</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2011/10/about-copycats-and-deutsche-doggen.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DEEARnk6fyp7ImA9WhdaEEQ.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-4130194431930123573</id><published>2011-10-20T09:44:00.000+02:00</published><updated>2011-10-20T09:44:07.717+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-20T09:44:07.717+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="video" /><category scheme="http://www.blogger.com/atom/ns#" term="recording" /><category scheme="http://www.blogger.com/atom/ns#" term="beschleuniger" /><category scheme="http://www.blogger.com/atom/ns#" term="announcement" /><category scheme="http://www.blogger.com/atom/ns#" term="upfront" /><category scheme="http://www.blogger.com/atom/ns#" term="poem" /><category scheme="http://www.blogger.com/atom/ns#" term="techberlin" /><category scheme="http://www.blogger.com/atom/ns#" term="live" /><category scheme="http://www.blogger.com/atom/ns#" term="youtube" /><title>Ode to the Startup</title><content type="html">Last week I presented "Club der Beschleuniger eG" in public for the first time at the Usability- and Designer user group &lt;a href="http://up.front.ug/"&gt;upfront&lt;/a&gt;&amp;nbsp;in Berlin. I didn't want to do just another "this is my startup and we do this and that"-kinda slide-show-presentation. Not only because they suck but also because we are too different - I never refer to the company as a "startup" in the first place. Instead I presented a little &lt;b&gt;poem&lt;/b&gt; I had created right after we founded, explaining the reasons that got me there. So that current and future members of our company known what the goal behind the company is. And well, as it was a designer user group I also created something visually appealing.&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
So, without any further introduction I present to you the &lt;a href="http://www.techberlin.com/post/11605973919/ode-to-startups-its-poetry-time-above-a-poem"&gt;re-recording I did for techberlin.com&lt;/a&gt;:&amp;nbsp;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/9L0pSN-qY9k" width="640"&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
and the live recording of the event. So that you can get a feeling about the atmosphere there. And as a prove I really did present it in front of other people:&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/Lahbl9gB93k" width="480"&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
I'd be happy to know what you think of it - just leave a comment.&lt;/div&gt;
&lt;br /&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/GLMQ5Iha7Ho" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/4130194431930123573/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/10/ode-to-startup.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4130194431930123573?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4130194431930123573?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/GLMQ5Iha7Ho/ode-to-startup.html" title="Ode to the Startup" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://img.youtube.com/vi/9L0pSN-qY9k/default.jpg" height="72" width="72" /><thr:total>0</thr:total><georss:featurename>Berlin, Deutschland</georss:featurename><georss:point>52.5234051 13.4113999</georss:point><georss:box>52.2142546 12.779685899999999 52.8325556 14.0431139</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2011/10/ode-to-startup.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0YER3s4eyp7ImA9WhdUGE0.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-9130884934171437947</id><published>2011-10-05T12:05:00.000+02:00</published><updated>2011-10-05T12:05:06.533+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-05T12:05:06.533+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Termine" /><category scheme="http://www.blogger.com/atom/ns#" term="announcement" /><category scheme="http://www.blogger.com/atom/ns#" term="upfront" /><category scheme="http://www.blogger.com/atom/ns#" term="events" /><category scheme="http://www.blogger.com/atom/ns#" term="official" /><title>where to meet us next week</title><content type="html">Eventually &lt;a href="http://twitter.com/#!/upfront_ug/status/120438865772285952"&gt;I got word&lt;/a&gt; last week, that I received a lightning talk spot a the next &lt;a href="http://up.front.ug/"&gt;UpFront&lt;/a&gt;-Event at &lt;a href="http://co-up.de/"&gt;co-up&lt;/a&gt;¹. I'll be presenting the reasons, why we've founded the company. If that is not enough for you yet, the kind of presentation might be something worth noticing: I'm going to recite a poem - and there'll be visualisations of it, too. So, you better be there!&lt;br /&gt;
&lt;br /&gt;
If you want to meet me even before, I'll be on the &lt;a href="http://webmontag-berlin.de/"&gt;webmontag berlin&lt;/a&gt;&amp;nbsp;(and on &lt;a href="https://www.facebook.com/event.php?eid=228576843864270"&gt;Facebook&lt;/a&gt;) at the&lt;a href="http://www2.mobilesuite.de/coworking"&gt; mobile suite co working space&lt;/a&gt;. Looks like I'm gonna hit the co-working spaces that week. If you wonder how to grab me there, just ask for Matthias Fiedler, one of the organizers, he should be able to point you towards me.&lt;br /&gt;
&lt;br /&gt;
Rounded up, here is the list of next weeks event, you can meet me at.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Monday, October10th, 19h30,&amp;nbsp;Web-Montag/Berlin&lt;/b&gt;&lt;br /&gt;
at MobileSuite, Pappelallee 78/79, 10437 Berlin&lt;br /&gt;
&lt;br /&gt;&lt;b&gt;Tuesday, October 11th, 19h30,&amp;nbsp;UpFront&lt;/b&gt;&lt;br /&gt;
at Co-Up, Adalbertstr. 7-8, 10999 Berlin&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
See you there!&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;¹ Sadly, as this months &lt;a href="http://www.meetup.com/Berlin-Hack-and-Tell/events/35980102/"&gt;Hack'N'Tell&lt;/a&gt; is on the same evening, I won't be able to make it there.&amp;nbsp;&lt;/span&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/TyaUhLcsQNk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/9130884934171437947/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/10/where-to-meet-us-next-week.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/9130884934171437947?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/9130884934171437947?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/TyaUhLcsQNk/where-to-meet-us-next-week.html" title="where to meet us next week" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><georss:featurename>Rosenthaler Platz, 10119 Berlin, Deutschland</georss:featurename><georss:point>52.5297629 13.4012991</georss:point><georss:box>52.5273479 13.396363599999999 52.5321779 13.4062346</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2011/10/where-to-meet-us-next-week.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0YGQXs_fyp7ImA9WhdRGUs.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-3535065331065590637</id><published>2011-08-10T11:38:00.000+02:00</published><updated>2011-08-10T11:38:40.547+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-08-10T11:38:40.547+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="it profits" /><category scheme="http://www.blogger.com/atom/ns#" term="python" /><category scheme="http://www.blogger.com/atom/ns#" term="recruiting" /><category scheme="http://www.blogger.com/atom/ns#" term="programming" /><category scheme="http://www.blogger.com/atom/ns#" term="php" /><category scheme="http://www.blogger.com/atom/ns#" term="languages" /><category scheme="http://www.blogger.com/atom/ns#" term="coding" /><title>So, what language are you programming in?</title><content type="html">It seems to be the one defining question for developers nowadays, at least from the outside. I have spent a lot of time at socializing events talking to all kinds of people about the Beschleuniger-concept lately. Usually when we've talked for a while and the person is interested this question gets asked. Often followed by "&lt;i&gt;see, we currently do [ABC] and we are looking for someone with years of experience with that language and the field [XYZ].&lt;/i&gt;&amp;nbsp;&lt;i&gt;So, what do you think about it?&lt;/i&gt;"&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;I always stumpled on that question. Could I tell a potential project partner that I think the programming language or technology they are using is bad match and doesn't (quite) fit their needs? Would he even hear the message or just think that I am just another programmer defending his most favourite language by goofing on other languages? That is not the impression I want to give. So what to tell him¹? For the first few times I said something useless and switched the topic. But that was very unsatisfying, so I sat down and looked deeper into this topic a few weeks ago.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;And than it hit me:&lt;b&gt; It doesn't matter&lt;/b&gt;. The language doesn't matter.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;No, seriously, if you have a good software developer, it really doesn't. &lt;b&gt;A good software developer is able to get into a new software language in a couple of weeks anyway&lt;/b&gt;. Every day longer is only adding experience helping him getting things done more quickly, while the amount he can learn decreases over time. As Jason Fried phrases it: "There's surprisingly little difference between a candidate with six month of experience and one with six years."²&lt;br /&gt;
&lt;br /&gt;
I think this is especially true for good developers.&amp;nbsp;A good programmer is able to read code, understand the conceptional idea and with that learn how to do things the best possible way in that language or framework. And for most languages and frameworks that only takes a couple of weeks. After he only needs to learn the "vocabulary"; the right method-calls, functions and places to look things up. But as soon as he understood the underlying concept it takes him very little time.&lt;br /&gt;
&lt;br /&gt;
So, &lt;b&gt;why&lt;/b&gt; is it that there is so much rambling around programming languages? Or even more precise why am I defendant for certain languages and like them much more than others? It is &lt;b&gt;because of the community around it&lt;/b&gt;. Each language has a unique community surrounding it, giving it certain&amp;nbsp;characteristics. If you look at the users of a language that is mostly used for science, for example, you'll find that most people in the community will have an university degree.&lt;br /&gt;
&lt;br /&gt;
This is only one obvious example, in reality every&amp;nbsp;language and its public&amp;nbsp;appearance&amp;nbsp;is formed by the community&amp;nbsp;around&amp;nbsp;it. Every language attracts certain kind of people who are in some way or the other&lt;b&gt;&amp;nbsp;like-minded. &lt;/b&gt;And it is them who &lt;b&gt;define how to do things within "the language"&lt;/b&gt; or framework. That goes from how they share code, collaborate and organize to they way people contribute, communicate and even how they develop, from their style to the methods (waterfall, agile, test-driven) used. This is how the community and with it the language or framework is shaped.&lt;br /&gt;
&lt;br /&gt;
So even when I meet someone for the first time, if he is&amp;nbsp;&lt;b&gt;defendant for a certain language&lt;/b&gt; or framework it &lt;b&gt;means he identifies himself with&lt;/b&gt; the surrounding &lt;b&gt;community&lt;/b&gt;. And only by knowing that community I can expect him to have certain&amp;nbsp;characteristics and ideals on how to do things, even more generally than just coding style. Within minutes I am able to tell you whether we would be a good team or not. This might sound like prejudice to you but if the person acts to be associated with that community, he wants to be part of the community and therefore very much likely likes to work the way the community does.&lt;br /&gt;
&lt;br /&gt;
Of course I always question my picture of community and the people in it. That is why I don't pick on languages: I don't want put the other person in the role of defending what he is doing but rather try to get beyond that and figure out, whether he is actually a good programmer. But this works the other way round, too: if a &lt;b&gt;company is&amp;nbsp;looking for developer for XYZ, they&amp;nbsp;associate&amp;nbsp;themselves&lt;/b&gt;&amp;nbsp;with that language, their community and its&amp;nbsp;&lt;b&gt;way to do things&lt;/b&gt;. Making you more attractive to some people while least attractive to others.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;To put it in a nutshell&lt;/b&gt;: The language doesn't matter that much, as long as the developer is good. Be aware of the fact that by using certain languages you also attract certain (kinds of) people. So don't search for people you need but more for the community whose work style you want your company to work with. Or even better: drop the language and start looking for &lt;b&gt;Great Developers&lt;/b&gt; instead.&lt;br /&gt;
&lt;br /&gt;
¹&lt;span class="Apple-style-span" style="font-size: xx-small;"&gt; Most of them are male, that is why I used the male terms here. Sad but true.&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: xx-small;"&gt;² &lt;a href="http://37signals.com/rework/"&gt;Rework&lt;/a&gt;, ISBN-13: &lt;a href="http://www.amazon.com/Rework-Jason-Fried/dp/0307463745"&gt;978-0307463746&lt;/a&gt;, Chpt. "Hiring", &amp;nbsp;p. 213&lt;/span&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/uYWaIvwKMCI" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/3535065331065590637/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/08/so-what-language-are-you-programming-in.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3535065331065590637?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/3535065331065590637?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/uYWaIvwKMCI/so-what-language-are-you-programming-in.html" title="So, what language are you programming in?" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><georss:featurename>Mitte, Berlin, Deutschland</georss:featurename><georss:point>52.52972347917462 13.401099317382773</georss:point><georss:box>52.51168847917462 13.369248317382773 52.54775847917462 13.432950317382772</georss:box><feedburner:origLink>http://blog.diebeschleuniger.de/2011/08/so-what-language-are-you-programming-in.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0ECSXs4cSp7ImA9WhZUFkg.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-4657948682244628363</id><published>2011-06-01T10:49:00.008+02:00</published><updated>2011-06-09T23:41:08.539+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-06-09T23:41:08.539+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="javascript" /><category scheme="http://www.blogger.com/atom/ns#" term="frontend" /><category scheme="http://www.blogger.com/atom/ns#" term="reference" /><category scheme="http://www.blogger.com/atom/ns#" term="roundup" /><category scheme="http://www.blogger.com/atom/ns#" term="sprint" /><category scheme="http://www.blogger.com/atom/ns#" term="project" /><category scheme="http://www.blogger.com/atom/ns#" term="6wunderkinder" /><title>Sprinting with the 6Wunderkinder</title><content type="html">Last week we spent a couple of days with the 6Wunderkinder at their office for a little Javascript-UI-Sprint.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Together we created a little frontend prototype for their upcoming project. I'd say we made quite some progress. There isn't more I can tell you about that, but what I can tell you is this: there is a great atmosphere. An atmosphere of collaboration and willingness to work for the bigger goal of creating something ridiculously awesome. Though, they seem big and that might be frightening to some, they are really fun guys to work with. And &lt;a href="http://www.6wunderkinder.com/we-are-hiring/"&gt;they are currently looking for people to join&lt;/a&gt; their team, so send them your résumé. They won't bite, I assure you!&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;One open position I like to emphasize is the one for a&lt;b&gt; frontend engineer &lt;/b&gt;slash&lt;b&gt; JS-Ninja&lt;/b&gt;. At the moment we are helping them out on that matter, but let's face it, they need to have their own frontend engineers. So, I repeat: &lt;b&gt;If you are any good with frontend stuff, send them your résumé&lt;/b&gt;!&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;We'll be back at their offices around the end of June for a second, much longer, Javascript-UI-Sprint and we are looking forward to meet someone more people to work with. Also, you might wanna drop "dieBeschleuniger" while interviewed ;) .&lt;/div&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/BbMZSJX28y0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/4657948682244628363/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/06/sprinting-with-6wunderkinder.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4657948682244628363?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4657948682244628363?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/BbMZSJX28y0/sprinting-with-6wunderkinder.html" title="Sprinting with the 6Wunderkinder" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://blog.diebeschleuniger.de/2011/06/sprinting-with-6wunderkinder.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0UMSX0ycCp7ImA9WhZWGEw.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-9143085280618420</id><published>2011-05-19T17:05:00.004+02:00</published><updated>2011-05-19T17:34:48.398+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-19T17:34:48.398+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="relaunch" /><category scheme="http://www.blogger.com/atom/ns#" term="homepage" /><category scheme="http://www.blogger.com/atom/ns#" term="upfront" /><category scheme="http://www.blogger.com/atom/ns#" term="interna" /><title>Website relaunch</title><content type="html">Good day to you!&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;After I've printed the first batch of business cards containing the name of the homepage I was unhappy with our external representation. Too much text, too much design, too much of everything and last weeks &lt;a href="http://up.front.ug/"&gt;upfront_ug&lt;/a&gt; inspired me to make it simpler and go for great typefaces instead. When looking over the old version again, I saw that it was actually enough to read the headlines and the two, three words I had highlighted in each paragraph to understand the main concepts and ideas. That made me realise that there must be a way to say the same with way less words.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;I talked about all that with a friend of mine and the problem that we have to serve two "sides" at the moment: We want to tell founders how we can help them and we want to show Designers, Developers and others why this intresting for them and why they should join. The problem: not only does each side require different speaking and use of words, in its internals it might be striking against each other. So we came up with the idea to divide the page and take the main focus on each side of it and put a person  on each side representing a founder and a geek slash hacker slash designer. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;With a wireframe in mind I went through the book I have written before, wrote down the main headlines and highlighted words, sorted them to either side and decided for simple and short headlines. Today I decided to publish them, so I got out of bed, took pictures of me looking geek-ing through a door and some "reaching" for the great idea. I made the shoots against the light so I had a rough edge I could bezire-curve the silhouettes in inkscape.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;I then rephrased the words I had written down to become fluently readable and put all of that together. Then I cut half of the words again, rephrased and cut and rephrased. I did various iterations until I had a nice and precise text of the essence of what I wanted to say in a design that looks simple and great.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;My lessness drove me. And the pressure that I told a lot of people to not go on the webpage until the end of the week when giving them the business card: "because it looks like a mess and I am going to relaunch this week". It might not be perfect, but it does the job and I am not too embarrassed about it. So here you go, the new &lt;a href="http://www.diebeschleuniger.de/"&gt;Homepage&lt;/a&gt; is online!&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/CMFyYIYucNM" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/9143085280618420/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/05/website-relaunch.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/9143085280618420?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/9143085280618420?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/CMFyYIYucNM/website-relaunch.html" title="Website relaunch" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://blog.diebeschleuniger.de/2011/05/website-relaunch.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CUIER3YzeSp7ImA9WhZWEE4.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-1130207931242393175</id><published>2011-05-10T15:07:00.000+02:00</published><updated>2011-05-10T15:18:26.881+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-10T15:18:26.881+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="it profits" /><category scheme="http://www.blogger.com/atom/ns#" term="Termine" /><category scheme="http://www.blogger.com/atom/ns#" term="next11" /><category scheme="http://www.blogger.com/atom/ns#" term="upfront" /><category scheme="http://www.blogger.com/atom/ns#" term="Messen" /><title>Aktuelle Termine</title><content type="html">Da die Schedule für das heutige &lt;a href="http://up.front.ug/"&gt;up_front&lt;/a&gt; schon voll wahr, können wir unsere geplante Präsentation dort leider heute nicht machen. Ob wir die Präsentation überhaupt noch machen, kann ich daher auch nicht sagen, weil kaum ein anderer Rahmen so gut passt wie up_front, ich aber nächstes Mal leider nicht in Deutschland sein werde. Kommen werden wir aber natürlich trotzdem. Also trefft uns dort!&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Oder ihr kommt morgen oder Donnerstag zu den IT-Profits im Messe Berlin Gelände und wir treffen uns dort. Wir haben leider keinen Stand - dieses Jahr -, aber falls ihr vor Ort seid, lasst es mich wissen: ben |at| dieBeschleuniger punkt de und wir machen einen Termin. Gerne auch kurzfristig.  Oder ihr kommt morgen abend auch zum &lt;a href="http://www1.messe-berlin.de/vip8_1/website/Internet/Internet/www.it-profits/deutsch/index.html"&gt;Entrepreneurs Club Treffen&lt;/a&gt; im Franz Club (Kulturbrauerei) und wir quatschen da.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Ansonsten steht nächste Woche die &lt;a href="http://nextconf.eu/next11/"&gt;NextConf&lt;/a&gt; an. Da freue ich mich doppelt drauf. Schon mehrfach davon gehört und werde jetzt auch endlich mal dabei sein. Also könnt ihr mich auch dort treffen. Oder halt jederzeit über die oben angegebene Mail-Adresse.&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/FJ4Q4ogfXvY" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/1130207931242393175/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/05/aktuelle-termine.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/1130207931242393175?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/1130207931242393175?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/FJ4Q4ogfXvY/aktuelle-termine.html" title="Aktuelle Termine" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://blog.diebeschleuniger.de/2011/05/aktuelle-termine.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CUMMSXg9fSp7ImA9WhZWEE4.&quot;"><id>tag:blogger.com,1999:blog-5609503133679376084.post-4525270892350165893</id><published>2011-05-05T12:29:00.000+02:00</published><updated>2011-05-10T15:18:08.665+02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-10T15:18:08.665+02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Gründung" /><category scheme="http://www.blogger.com/atom/ns#" term="interna" /><title>Gegründet und online</title><content type="html">&lt;div style="text-align: center;"&gt;&lt;a href="http://www.spiegel.de/netzwelt/web/0,1518,650004,00.html"&gt;und alle so yeah...&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Schreit es in die Welt hinaus: wir sind gegründet und online. Wir haben letzte Woche die letzten noch nötigen Unterlagen an den Prüfungsverband gesendet und dürfen uns damit offiziell "e.G. i.G." - eingetragene Genossenschaft in Gründung. Lasst euch das mal auf der Zunge zergehen und sprecht es laut aus. "e.G. i.G." - find ich klasse. Offizielles Gründungsdatum ist übrigens der 1. Mai - Tag der Arbeit :D .&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Darüber hinaus haben wir auch endlich eine rudimentäre Version der &lt;a href="http://www.diebeschleuniger.de/"&gt;Webseite&lt;/a&gt;, des &lt;a href="http://blog.diebeschleuniger.de/"&gt;Blogs&lt;/a&gt; und von &lt;a href="http://twitter.com/#!/dBeschleuniger"&gt;Twitter&lt;/a&gt; online. Email und Kalender funktioniert ja schon länger. Wir kümmern uns hier fleißig darum, den Aufbau voran zu treiben und sind immer noch auf der Suche nach Verstärkung. Interesse, einfach mailen!&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/dieBeschleuniger/~4/WEk_oU0GTHM" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://blog.diebeschleuniger.de/feeds/4525270892350165893/comments/default" title="Kommentare zum Post" /><link rel="replies" type="text/html" href="http://blog.diebeschleuniger.de/2011/05/gegrundet-und-online.html#comment-form" title="0 Kommentare" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4525270892350165893?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/5609503133679376084/posts/default/4525270892350165893?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/dieBeschleuniger/~3/WEk_oU0GTHM/gegrundet-und-online.html" title="Gegründet und online" /><author><name>Benjamin Kampmann</name><uri>http://www.blogger.com/profile/04147118145657320738</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://blog.diebeschleuniger.de/2011/05/gegrundet-und-online.html</feedburner:origLink></entry></feed>
