Conferencing and Test The Web Forward


Within the last weeks I had the pleasure to attend some of the most valuable conferences in our business and meet awesome people to chat with. Finally I want to share some of my experiences and invite you what’s coming next.

Smashing Conference

Back in the end of September I attended Smashing Conference, set up by Smashing Magazine and Marc Thiele with some high quality speakers in beautiful Freiburg, Germany, the city where I’m currently living.

Focusing on web design and development the smashing way this conference had a variety of topics from the latest secrets of CSS, on the anatomy of responsive web design and the new Photoshop (tl;dr: the browser, and while we’re at it… the console is pretty easy compared to Photoshop).

Two major thoughts that were emphasized in a lot of talks are designing in the browser and responsive design. (If responsive design is only an “optional” feature in your workflow consider this time being over. (You ain’t got no choice!))

You set up something really great, Vitaly, Marc and the whole team behind Smashing Magazine. Thank you! Looking forward to a new issue in the next year.

Image Credit: Sven Freiburg / Flickr, CC BY-NC-SA 2.0

Create The Web Tour, London

Some of the hosts of Working Draft and other web-dev friends had the pleasure to join the Create The Web event by Adobe.

As a developer Brackets, the Open Source front-end editor totally written in HTML, CSS and JavaScript is the most interesting thing I took from Create The Web.
Apart from that I think Edge Reflow, a tool for designing responsive websites, is a great step for designers to get a better view on what is important in web design. Since Photoshop is not really the right tool for that.
Also I love to see Adobe joining the web community more and more and adding many valuable products (partly Open Source!) to their line-up.

Thank you, Jay, for making this well-planned and great day with good insights to Adobe’s engagement in the web platform possible for us!

Fronteers Conference

This year again I attended Fronteers Conference in Amsterdam which to many people is the best front-end conference in Europe.
Starting with the Jam Sessions on Wednesday it became a superb few days meeting a lot of people from around the globe to chat with and get into contact.

Make sure to check out the Jam Sessions which were all very good.
Note: You can find my session “Writing Awesome Code” here.

There were a lot of great talks given too. Chris Heilmann shares his experience of Fronteers. He did a great job MCing the event.

Test The Web Forward

Last but not least I will join some of the best engineers in our field to learn a better understanding of specifications, writing tests for the web platform and help moving the web forward.

Over the course of the event, not only will you learn to understand how to read specifications and understand the state of support among different browsers, but you will also create robust tests along with the editors of various standards to ensure browsers implement these features consistently. At the end of it, you will gain a deeper understanding of browser internals & how you can write clear, robust tests.

Test The Web Forward

The event is named Test The Web Forward and will take place on October 26th and 27th in Paris. Check out the website for more information about it. Make sure to be there if you are near to Paris. Or plan a nice weekend trip! It will be fun.

Writing Awesome Code – Fronteers Jam Session 2012 →


Here is how and why you should write awesome code in your team. I gave a 10 minute talk on that topic at Fronteers Conference at the Jam Session and here are the slides.
There will be a video available online in a few weeks I think.

Yeoman – Level-up Your Daily Workflow


After Yeoman was announced in the end of June while it was still in private beta developers were looking forward to use it soon. It was introduced as a tool that helps developers building web-apps while not having to care too much about the general boilerplate-coding to build a solid base for every project and to help performing tasks to bring your project into production. Now that Yeoman is available for everyone as Open Source the question how to use it in daily projects arises. I’ll try to give you a short overview on what you can expect from it

Read more

HTML5 Boilerplate – v4.0.0


HTML5 Boilerplate is out with the new version 4.0.0. There were some significant changes since the last version that are listed up in the changelog (also see below). Most of them because of the excellent work by Nicolas Gallagher – thanks for leading HTML5 Boilerplate with such great effort. What’s new? This was done throughout the last seven months of development and resolving bugs: Add documentation in a separate folder – everything that is directly concerned with the project was moved from the wiki Switch from Public Domain to MIT license Separate Normalize.css from the rest of the CSS Improve

Read more

An Approach on Building an Advanced Initial Boilerplate


Since some time I found myself defining a good starting point for a new project over and over again. While I use HTML5 Boilerplate in nearly all of my projects it’s not enough as an initial package. Since I’m using SASS (in its dialect SCSS) and have some other things I define over and over again I decided to set up a package that lets me start easily and includes a lot of tools that are necessary for my projects. This is an introduction to init, the starting point for projects that require a bit more than just HTML5 Boilerplate.

Read more

Principles of writing consistent, idiomatic CSS →


Nicolas lists up his principles of writing CSS-code. A very good summery of what should be everybody’s guidelines.
This goes deeper then what I wrote about my HTML and CSS Coding Guidelines and it tries to help people collaborating on styles.

You should read this awesome piece of work!



“Which CSS preprocessor language should I choose?” is a hot topic lately. I’ve been asked in person several times and an online debate has been popping up every few days it seems. It’s nice that the conversation has largely turned from whether or not preprocessing is a good idea to which one language is best. Let’s do this thing.

Really short answer: SASS

Slightly longer answer: SASS is better on a whole bunch of different fronts, but if you are already happy in LESS, that’s cool, at least you are doing yourself a favor by preprocessing.

Chris Coyier finds an answer to what preprocessor is the better one by pointing out what the advantages of each preprocessor are. And as it turns out SASS is winning the race because it has more power and better features. So if you are asked why you use SASS, you might want to link people to this post.

My Coding Style and Guidelines


After Harry Roberts published his HTML/CSS coding style I’ve decided to follow his call and write down how I like to code and what my guidelines for HTML and CSS coding are. This article is only a way to describe what I like to do – but it is by far not a recommendation or something. I have not really tried to “canalize” the coding style I do before but it is about time to do so and to write it down. Please let me know if you think that there are ways to do certain things better or in

Read more

RECESS – A CSS cleaning tool build on top of LESS →


Developed at Twitter to support our internal styleguide, RECESS is a simple, attractive code quality tool for CSS built on top of LESS.

Incorporate it into your development process as a linter, or integrate it directly into your build system as a compiler, RECESS will keep your source looking clean and super managable.

As I think reading the source is essential for developers to become good at what they do viewing this source in readable style is essential too. RECESS is a tool which helps you developing good-looking CSS with LESS. It is developed at Twitter and has now been open-sourced.

RECESS is a Node.js module and is maintained by @fat. You can find out more about it by viewing the source at GitHub.

BTW: I’ve decided to not minimize and concatenate my blog’s source anymore. So, feel free to dig deep!

About CSS Variables


Please read about the updated syntax of CSS variables in the first and second update of this post. Since a little bit more than a month (as of the time of writing) there is a Editor’s Draft for a CSS Variables Module by Google (Tab Atkins and Luke Macpherson) and Daniel Glazman. Just a few days ago the Working Draft was updated. The first draft was written in 2008 by Daniel Glazman but was not added to the official specification. The new WD extends this proposal by Glazman. Disclaimer: This article is part of a small series about the latest

Read more