Spot on Martin Gauer.

The digital carpenter.


by martin on October 21st, 2011

tubemap
Two years ago, Martin, author of the following post, was about to become a carpenter. Instead, he became our apprentice and a fellow webdeveloper. Needless to say how drastically this changed his perspectives.
It was not an easy decision to take somebody with almost no relevant background or references into our team and teach him how to build web apps. It requires time, attention and patience; assets which are tremendously valuable in this fast living and growing industry. And since these are so valuable they became rare. Honestly: Aren’t we usually lusting for Stanford graduated robot ninjas who started coding unicorns when they turned five?
In the digital age teaching has become pretty impersonal. I think this is a mistake, and making exceptions in the recruitment process every now and then can make a huge difference – not only in the life of a single person, but also for a company and its culture.

Recently Martin created attackemart.in, a simple and elegant personal website. It quickly became viral and eventually won the prestigious Awwward. He did this after his first year. And boy, are we proud.
We asked Martin to write down his story and share it on our blog, because we think this is a success story of its own. The successs of having unearthed the talents of a prospect carpenter.

Hey, my name is Martin Gauer, I’m 23 years old and live in Bochum, Germany.
Two years ago, I was about to start an apprenticeship as a carpenter. However, it wasn’t really what I wanted to do, since I had a deep interest in designing stuff. I had created cover designs for some bands and photoshopped some small websites before. Therefore, I was desperately looking for a place where I could learn more about these things, and eventually succeed as a designer.
While googling around I came across the website of 9elements, and loved what I saw. I immediately contacted them to ask if I could work there.
Initially, they hesitated but since they saw some potential in the stuff that I’ve designed, they offered me an internship.

My internship felt a little like a total brain wash: When I started, I quickly found out how little I knew about design and user experience. I didn’t really know what’s going on in the internet, what’s hot and cool. I’ve never heard about HTML5 and CSS3. Bottom line, I started from almost zero.
During this time, almost all my designs were smashed down by either Eray or Sebastian, who told me I could do better. They asked me to start bookmarking and collecting websites that I like and to mimic their style, before creating my own. They asked me to sign up to Twitter and to follow the best designers around the world. Set your benchmark as high as possible, so you’ll never have to chance to tread water.

It was pretty frustrating to see how far I was from being a good designer, but it also fueled my curiosity and determination to succeed. I stayed in the office as long as I could. Sometimes I just didn’t want to leave at all.
Later, they told me that exactly this attitude convinced them to open the doors wide for me. At last, when I asked them to become an apprentice at 9elements they agreed.

Learning you are, young padawan.

Their offer came with one condition though. They wanted me to enroll as a software developer rather than a designer. ‘Design and Code go hand in hand, it’s almost the same thing. The one you’ll see, the other you’ll feel’. They argued that it’ll be far more powerful to build what I envision than just to design it.
This offer was somewhat unexpected, but honestly, the more I thought about it the more I liked the idea. It turned out to be great decision.

So I started to learn how to code. It was a very steep learning curve since I had no coding background at all. I learned how to create clean and scalable markup, and had the luck to look over the shoulder of one of the bests. I had the chance to work extensively with CSS3, media queries and mobile design.
Today I’m already in charge of creating and maintaining HAML / SASS for most of the 9elements projects.

When 9elements launched their new website in the beginning of this year they got some traction and won some awards. And I thought: hey, this is something I want to accomplish, too! I was determined to build my own website and to make it awesome.

Naturally, it wasn’t that easy. It took me several iterations – you probably know the game – sketch, code, redesign, throw away, create from scratch, design, code, etc. Finally, in October 2011 it was finished, polished and ready for deployment.
The development process was extremely valuable: I learned turning a vision into design and design into code – full stack!

Of course, I was very curious if the concept would get any traction. After launching the site I’ve submitted it to various CSS galleries and tweeted the link. And boom! People started tweeting about it and the feedback was overwhelming. Two days later, Jan emailed me that @soxiam, the lead designer of vimeo featured me on his personal blog. The internet is such a wonderful place :)
Finally, my goal was to win the prestigous awwward. It took almost 8 days – but here it is, I got it! And I’m proud as hell.

Huge thanks to my team for helping me to be more than I could have ever imagined. I consider myself really lucky to be part of it!


Visualising traffic on img.ly with node.js and canvas.

Live is beautiful.


by Eray Basar on July 14th, 2011

img.ly live tracker

At Nodecamp 2011, we wanted to present a live tracker built with node.js. After seeing the popular facebook map by Paul Butler, I was wondering why not create something like that with live data. The appeal of watching the temporal dynamics within such a visualisation is obvious.

Of course, the problem with live data is that there is no way to tweak it with some nice afterfx, or play it in fast forward to make it look awesome. Mastering the art of live visualisation requires to create something meaningful while it looks stunning at almost every single instant. That’s not easy.
continue…


In case you have missed it

Thank god it’s Friday


by Eray Basar on June 23rd, 2011



We are stuntmen slash programmers.


Spot on: Watchlater.


by Eray Basar on May 24th, 2011
Today we have finally released watchlater for iPad!
Watchlater transfers the idea of instapaper to video. The app comes with the promise of watching video bookmarks anywhere and anytime.
To accomplish this goal we implemented a caching system, which also automatically converts video into an iPad ready format.
Check out the watchlater website to get more infos about features and scope.
In this post, we’d like to put some light into the process of creating watchlater, and some of the pain we had. After all, creating software is not always a one way road.
The idea of watchlater came already in summer last year and we were quick to implement the first version of the app. The first app submission was in September 2010, and it took apple blasting 55 days to get back to us
just to tell that the app was rejected because of basic shortcomings, such as a missing icon and some random app crashes.
This submission however was critical to see that apple had no problem with the idea of caching online videos. You’ll never know.
Consequently, we continued the development. We rewrote the app entirely from the scratch, acknowledging that our first attempt was simply not good enough.
Technically, we then made a mistake by rewriting the backend with Node. Using Node was far to early (v0.2) – the bulletproof rails tool chain was missing, hence slowing down the development process.
Don’t misunderstand –  we think that node is awesome. It was just a bad idea to use it for the whole backend. Instead, the video processing and transcoding layer provided by our partner filsh
was implemented entirely with a Node.js and reddis stack. With over 40 servers clustered together, this might be one of the largest node installations so far.
When we submitted the second version, we had to deal another time with a slow and unresponsive apple support. Our company changed our legal form, and we wanted to change that in our development account.
Apparently, there is no way to make such a change. Instead, apple advised us to create a complete new account, and undergo the enrollment process from scratch.
If this wasn’t pain enough, we lost the “watchlater” name for the app, which is still taken by our old account. Up to this point none at apple provided us with a solution for this problem.
Even though these backlashes were very good reasons to get us down, we didn’t. We received lots of encouraging feedback. People loved the idea, and encouraged us to keep on moving.
And then there were the good news. HackFWD invested in watchlater. We took this outside investment not because we needed cash. 9elements is doing well, so we’re perfectly fine with bootstrapping our ideas.
It was because we were looking for a partner who can boost the product with their experience and network. We had several options, but HackFWD made us feel right at home, so we found a perfect match.
Apple finally approved the app, but we decided to stay under the radar until all major milestones were completed.
It also helped us to add over a thousand users, get their feedback and take some time for essentials improvements on the app. It also gave us the opportunity to iterate over the UI and overall user experience.
All users who bought the app up to this point received 300 free caching minutes.
Even though we now start promoting the app, we don’t expect it to start with a big bang. We are a looking much more a for a sustainable growth, and we believe that watchlater provides
the kind of usefulness and uniqueness to get there.
And, we’re already working on bringing even more of it in the upcoming updates!
A big shout out to our beta testers, we truly appreciate all your feedback and ideas.
Thank you:
List of beta tester.

io_teaser

Today we have finally released Watchlater for iPad! Watchlater transfers the idea of Instapaper to video. The app lets you watch video bookmarks anywhere and anytime. To accomplish this we have created a caching function which supports most video platforms. Videos are also automatically converted into an iPad ready format. The app comes with 300 ‘caching’ minutes, and users can add more minutes through in App purchase.

Check out the Watchlater website to get more info about features and scope.

In this post, we’d like to shed some light on the process of creating Watchlater and some of the pain we had. After all, creating software is not always a one way road.

continue…


coffee

As of today we have a new 9elements website. Whereas the old one was quickly put together to deliver an impression of our company culture, we put a lot more effort in developing this site. We now have a decent place where people see the cool projects we’ve worked on and also get an insight on how we work. But not only the content is fresh – with the release of our new website, we revamped our complete production toolchain.

continue…


Next decade: The big bang technology.


by 9elements on January 12th, 2011

tech-horizon

Most of you might agree that the pace of web-evolution was impressively intense last year. (Yeah,  the web is dead, we just haven’t found a new name for it yet.)

From a business perspective, 2010 was also pretty good, with many services empowering smaller companies and solo developers. Especially the Apple and Facebook ecosystems continue to nourishing a whole new generation of small dev shops. We like that.

But following Ray Kurzweil’s argumentation in “Age of the spiritual machine“, evolution will accelerate, which results in accelerated cycles of technologies, which in turn implies everything will change. In fact this thought is nothing new, but change is more perceptible nowadays, since it happens faster. That said, just turn your face for a second and you might have already missed the next big thing. It’s important to have an idea of what’s next.

So, curtain up for a random collection of our thoughts about the things to come in the near future.

continue…


If it moves they will watch it


by Sebastian Deutsch on September 25th, 2010

jsconf

We just held our talk “if it moves they will watch it” on jsconf.eu – I hope everyone enjoyed it so far. For those how are interested in the demos here are the links:

You can find the source code for these demos at github. Our real world examples for doing animations can be found here:

If you have any question feel free to comment or write us an email.


WebMontag Ruhr Review


by Sebastian Deutsch on June 2nd, 2010

reformat-blog

On May 31st the WebMontag Ruhr took place at Witten University. It was quite packed and there were plenty of talks – most of them focused on internet marketing and social media.

continue…


An HTML5 iAd


by Sebastian Deutsch on May 19th, 2010
What could an iAd look like?

iAds are a great new way to create digital advertisements for Apple’s mobile devices. Soon, there are going to be more than 100 million iPads, iPhones and iPods combined.

Based on open HTML5 technologies (yay!), developers will be able to easily create and distribute content for Apple devices. But what is all the buzz about?

continue…


Facebook’s watching you, brother.


by Eray Basar on April 23rd, 2010

it's facebook, brother!

There is a potential side-effect of the new facebook “like” button, which has currently not reached public awareness, but it probably should.

continue…