I was happy to learn this spring that people I had a pleasure to work with are going organize in Poland a conference about front-end development. I was thrilled primarily because such events haven’t been hosted before in my country. When the speaker line-up was announced it turned out that there’s much more to be excited about than the location. With names such as Douglas Crockford, Peter Paul Koch and Tantek Çelik it looked more than promising.
The Front-Trends 2010 conference took place last week. How did it go? Excellent.
I have been hearing about the need for focus on mobile web since years. Phones with web browsers have been around for a decade. So what’s the deal? Well, we reached a point when designing for mobile is not an extra activity that requires knowledge about obscure phone-only technologies (anybody still remembers WAP?). We can finally apply existing knowledge about web standards such as CSS and HTML. Surprisingly, contemporary smartphones often provide better capabilities than their desktop counterparts: Webkit has become a de facto standard rendering engine for the phones, while desktop web still struggles with IE6 legacy. Last but not least, better touch screens make browsing on the phone a pleasure rather than sadomasochistic experience it was just few years ago.
The subject of mobile web appeared in few presentations:
- “You know WebOS” by Markus Leutwyler
- “Cross-Device Applications Development”, talk about PhoneGap by Kamil Trebunia
- “Mobile UX and Current Trends in Mobile Design” by Antony Ribot
- “JSON over SMS” by Peter Paul Koch
Koch’s talk was certainly one of my favorites. For the last two years PPK has been working for Vodafone on what he does best: discovering quirks and bugs in browsers. Except this time he’s been doing this in the wild mobile world, where the sheer amount of browsers, resolutions, viewports and phone models can give a headache. In his talk he tried to predict how the mobile landscape will look like in 2018, when phones as powerful as today’s iPhone 3G will be accessible at 10 euro price tag. Make sure to check back this blog post in eight years to verify PPK’s predictions:
- HTML5 apps are the future, not the native ones. Only applications written with open standards ensure cross-platform interoperability and thus the broadest reach.
- App stores are destined to die. There’s already at least 41 of them – Apple’s App Store is just one of the many. The value they provide is either overrated (discoverability), already provided by others (payments have been handled by operators for years) or will be replaced by open standards (common APIs). What I am missing on this list is the convenience for users, so I wonder how this particular prediction will turn out.
- Access to phone features (calls, camera, storage etc.) will be standardized across different devices. WAC initiative is a step in that direction.
- High-speed network coverage will not grow as fast as the computing power of mobile devices. Thus there still will be the need for efficient and cheap data transfer format. This format could be a streamlined version of JSON sent over SMS (thus the title of the talk).
move(GPS location change),
cameraopen. Mobile context enables creativity that’s been somewhat missing in the desktop web in the last ten years.
My personal takeaway from the talks on mobile is that it’s worth to invest time now in learning how to design for this new environment. It’s not that hard to adapt existing web sites and web applications to mobile devices, but it requires consideration during design and development phases. Reasonably working devices and standards are already there. The share of users accessing the web through phones will only continue to grow.
- “JS Performances vs Common Good Practices” by Andrea Giammarchi
- “Reusable Code, For Good Or For Awesome” by Jake Archibald
HTML5 and CSS3
A conference about front-end development cannot happen without addressing web standards. On Front-Trends CSS3 and HTML5 were all the rage. While both buzzwords were repeated like a mantra in most of the talks, three presentations went into details:
- “Pragmatic CSS” by Lea Verou
- “HTML5: Right Here, Right Now” by Tantek Çelik
According to people who have seen it, Lea’s presentation was one of the best of the conference (unfortunately I missed it). She published her slides online and they’re definitely worth checking. The presentation itself is written in HTML5 and styled with CSS3. Lea went through several new CSS3 properties, explained them and showed how they can be used to simplify the code and deliver features that were previously hard or impossible to implement. All this was accompanied with information about browser support, so one can tell immediately how feasible is the cutting edge. Spoiler: a lot from CSS3 can be used right now.
The talk by Tantek Çelik was in a similar spirit. Tantek went through most of the new features of HTML5 and grouped them into five buckets:
- dependable now
- roughly usable
- interesting but ignorable
- worthy of experimentation
I strongly recommend checking his slides as they give a primer of what’s possible now with HTML5 and what’s just around the corner.
One of the highlights of his talks was a call to action: send the following tweet to Internet Explorer 9 team:
Dear @IE: please implement Geolocation API, it’s Candidate Recommendation now!
Tantek is a former Microsoft employee and a person behind IE5 for Mac, known at the time for its excellent CSS support. Microsoft is usually implementing W3C specs that reached certain level of maturity, so there’s a hope that Geolocation API will make its way into IE9. I have sent a tweet, have you?
The conference was not without some flaws. In accordance with long tradition of tech gatherings, the wifi didn’t survive the rush of 300 bandwidth-hungry nerds. Nevertheless, the whole event was fantastic.
I’ve already heard about most of the new developments shown during the conference. Yet after leaving the venue I felt inclined to give some of them a try NOW, instead of waiting for IE8’s death in 2050. If the conference inspires you to try something new, could you wish for something more?