Making an iPad HTML5 App & making it really fast

Jun 15, 2010 0 Comments
Tagged: , , , , and

thomasfuchsNow this is really good for us real web craftsman and women. Real knowledge of your field once again proves itself against frameworks. How much I loved the demos of jQtouch at last weeks @media ( or #wdx as it is called now ), I still think that using a library or a framework isn't the thing to do for speed. So Ipad and Iphone development will create a new demand for good old hand coders.

"Don’t rely on frameworks or what standards zealots tell you. In our case, a highly trimmed HTML page, with inline CSS, just some pure JavaScript without a framework and using the capabilities of the target platform (iPad) as much as possible allows for a lean page that loads almost instantly, caches well and works great offline. Yes, we could have used JavaScript and CSS frameworks, but sometimes less is more (and remember, you don’t need all the cross-browser heavy lifting that frameworks do for you)."

(Via Thomas Fuchs.)

@media 2009

Jun 25, 2009 0 Comments
Tagged: , , and

As I write this, I'm on my way to @media 2009 in London. This is my 6th visit to an @media event, including the to Ajax ones. I hope to see a lot of old friends and to make new ones.

I will try to update this post as the event goes on, so if your not there and want to know what happens: follow me on twitter to get short updates, a year ago I would have been live blogging but with this twitterthingy.....

Here are some photos, I took those instead of taking notes...

@media 2009 and other conferences

This year I will be attending some conferences, here is my list of the ones I will be going to.

@media 2009

In a few months I will be attending my 6th (sixth) @media conference. This time I booked a room in the hotel which is the closest to the venue, the Premier Inn London County Hall. No more wandering around london in the rain, as I did after a few pints at the first @media ajax november 2008. No more standing in cramped underground trains as I did at my last company sponsered visit in spring 2008.@media 2009

I am looking forward to seeing all of the speakers, especially the ones I haven't seen like Simon Collison and Jason Santa Maria. I'm curious on the one track arrangement, as I always had a love hate relation with the two track thing. Two of my favorite speakers would always be on the same time in a different room. I am not sure that I like the whole no-lunch thing, but I understand that the guys from vivabit had to do something to keep is affordable in these times.

Still the cost of a conference to me is not the ticket alone, I have to fly over and get a hotel for a couple of nights. So the cost of the ticket is only 40% of the whole, less so if you reckon that I won't be billing clients for three days. But the real value is off-course in the speakers and speaking to lots of fellow web developers from all over europe and to that I am really looking forward to.

Fronteers

The other conference I am going to attend is Fronteers 2009. Not that I have much of a choice as I have been drafted by PPK to help organizing the whole thing. One of the advantages is that I already know which speakers we have lined up. All I can say at this point is that you really, really have to attend this one..

fronteers

Full frontal

The third one I may attend is Full frontal as the speakers line up sure looks impressive for a day which costs only 100 pounds. I am not sure about this as it comes awfully close after fronteers and I may have some work to do sometime. On the other hand this could be my replacement for my yearly javascript conference fix that @media Ajax provided...

So if you are attending any of these, have fun and I will see you there.

@media

May 28, 2008 0 Comments
Tagged:

Today I will go to @media (again) hopefully I will meet lots of old and new people. Surely I will have a blast and learn a lot.
Anybody who wants to meet up, contact me or use twitter, see ya.

Update

I went and I enjoyed it. I had a great time and talked with a lot of smart and fun people, some were event speaking on stage! London I will see you in september, as I just booked @media ajax...

Technorati Tags:

@media 2008

After long consideration, about 5 minutes that is, I booked for @media 2008, I even got the super early bird discount. After being there for 3 times, including last November's @media ajax, I look forward to attending my 4th @media in a row.

@media2008.png

It promises the same conflict the other two (normal) @media's had, two tracks presenting you with the choice which one you will follow. Often the two are equally interesting and offer something for everyone.

I do hope though that the presentations will be more challenging than last years, I had a blast but didn't learn all that much that summer. No offence to the fine people from vivabit though, more a confirmation that I am on the right track maybe...

@media ajax was different though, a very focused two days which left me with my head spinning at times and not just from the beer. The presentations there varied from extremely challenging (Brendan Eich) to hilarious (Stuart Langridge).

Enough said, hope to see you all there, maybe for a few Fronteers beers....

Update, flight and hotel booked. more than 3 months in advance, a record for me...

Just browsing and found...

Nov 16, 2007 0 Comments
Tagged: , , , , and

I was just browsing and found these articles;

  1. A good article by Dave Shea about browser detection and other bad things here.
  2. Another article by Roger Johansson about the speed of browser vendors versus the w3c...
  3. Roel van gils talking about email obfuscation on alistapart
  4. PPK just updated his W3C dom compatiblity core tables
  5. a nice article over unobtrusive javascript
  6. An old article by Jonathan Snook about hosted subversion.
  7. Javascript keyboard madness by Jan Wolter.

As I will be attending @media ajax this year and I am buried in work, posting will be a little slow for the next few weeks, excuses for that.

Just browsing and found…

Nov 16, 2007 0 Comments
Tagged: , , , , and

I was just browsing and found these articles;

  1. A good article by Dave Shea about browser detection and other bad things here.
  2. Another article by Roger Johansson about the speed of browser vendors versus the w3c...
  3. Roel van gils talking about email obfuscation on alistapart
  4. PPK just updated his W3C dom compatiblity core tables
  5. a nice article over unobtrusive javascript
  6. An old article by Jonathan Snook about hosted subversion.
  7. Javascript keyboard madness by Jan Wolter.

As I will be attending @media ajax this year and I am buried in work, posting will be a little slow for the next few weeks, excuses for that.

@media Ajax

Sep 15, 2007 0 Comments
Tagged: , and

PPK has gotten me interested in this and it is looking better everytime more info is getting available. Maybe I will go, two @media's a year is better than one, don't you think?@media Ajax

UpdateI am going, just booked. Pretty exciting, this is my first time going to a major conference as a independent contractor. That means, booking flights, hotels and stuff. If any other dutch people are going, please let me know... Happy clog or front end gilde meeting in london, I'm in...

@media 2007 - day 1

Jun 08, 2007 0 Comments
Tagged:

As this years @media conference has no wifi available, this review is posted after I got home. This will give me the time to collect my thoughts and tinker a bit with this post. More than I usualy do and I hope that this will improve my (ad-hoc) writing style. So with no further ado, I present to you my view of the 2007 @media conference.

Beyond Ajax

Jesse James Garret

The first presentation of the 2007 @media conference is the keynote of Jesse James Garrett, called 'Beyond Ajax'. As this is the man who coined the term Ajax, I am pretty keen to hearing what he has to say.

He starts with explaining what he does and who he is and then starts with with a good question:

What is the web good for ( or at ).

He further goes on to explain some global things about the user expierience that changed the world. His presentation is spot on, but very broad, meaning that he could give this presentation 5 times a week to different audiences.

link to sheets

The broken world.

Solving the browser problem once and for all.

Molly E. Holschlag

Molly talks about browser development and web standards. Hers was a very nice presentation, which she gave with a lot of passion. I haven't seen her speak in person before and truly liked her style. She is passioned about what she does and I am sorry to hear that she will dissappear from the public speaking platform for awhile.

She in short explains that developing browsers is difficult. We can still blame the vendors for their faults, but we should understand what problems they face. Browsers too have to work with incomplete standards and different user models. They main thing they should do is, in her opinion, to open up to and listen to the community. She explains that only apple with safari is not doing that and strongly asks them to the discussion.

In short, a nice presentation.

link to sheets if available

High preformance Web Pages

Nate Koechley

A very good presentation from Yahoo's Nate Koechley about bettering preformance. He talked about some things that we know, but also gave a couple of good obscure examples. Furthermore, he showed us how the browsers don't deal well with cache, so that it is wise to develop for an empty cache user.

The eye opener that he started with though, was that the html load time is only about 5% of the total time. So all that work that goes into database query optimization and more back-end work counts for no more than 5%. 95% is going into scripts, images and stylesheets, so following these points is going to help you a lot.

He build his presentation around 12 pointers that he and his team have found usefull.

  1. decrease the number of http requests
  2. combined distribution networks
  3. setting exparation headers is one to look at..
  4. gzip your files to reduce bandwidth.
  5. put css at the top of your documents. use <link> instead of @import.
  6. put javascript to the bottom, as it stops loading everything else.
  7. avoid css expressions
  8. make js and css external
  9. reduce DNS lookups
  10. minify Javascript
  11. avoid redirects
  12. turn of ETags

link to sheets if available

Interface design Juggling

Dan Cederholm

Dan Cederholm the author of 'bulletproof webdesign' comes back to @media 2007 with a presentation on Interface design Juggling. The presentation compares juggling to the daily activities of a interface designer. He shows a special site he just released for an example: toupeepal, a site of wig wearers, a wig 2.0 site.

He shows that an interface designer basicly juggles with a couple of elements, namely:

  1. Color
  2. Typografy
  3. Favicons
  4. adding details without adding complexity
  5. suggest the box
  6. Reuse and recyle
  7. microformats

link to sheets if available

Microformats, building blocks and you

Tantek Celik

My second time to see Tantek, who offcourse presents on micoformats. He gives more examples of real world usage, showing that microformats have matured a lot. Last year he spoke of how it should work, now he was (not quite) gloating.

The standard is a good way to mark up several things and is going somewhere. The examples are really good and show how you can use Microformats in your everyday projects. I for one can use them very well at my currect project. And to be honest, marking up anwb in microformats will be pretty cool on my (h)resume.

When web accessibility is not your problem

Joe Clark

This was when fatigue kicked in, after a very long day, I sadly had to leave this one to others. Afterwards I heard that it was quite good and I will read his slides.

Notes are available here

@media 2007 - day 1

Jun 07, 2007 0 Comments
Tagged:

As this years @media conference has no wifi available, this review is posted after I got home. This will give me the time to collect my thoughts and tinker a bit with this post. More than I usualy do and I hope that this will improve my (ad-hoc) writing style. So with no further ado, I present to you my view of the 2007 @media conference.Update with link to the audio and sheets

Update

All of the sheets and audio are available here

Beyond Ajax

Jesse James Garret

The first presentation of the 2007 @media conference is the keynote of Jesse James Garrett, called 'Beyond Ajax'. As this is the man who coined the term Ajax, I am pretty keen to hearing what he has to say.

He starts with explaining what he does and who he is and then starts with with a good question:

What is the web good for ( or at ).

He further goes on to explain some global things about the user expierience that changed the world. His presentation is spot on, but very broad, meaning that he could give this presentation 5 times a week to different audiences.

The broken world.

Solving the browser problem once and for all.

Molly E. Holschlag

Molly talks about browser development and web standards. Hers was a very nice presentation, which she gave with a lot of passion. I haven't seen her speak in person before and truly liked her style. She is passioned about what she does and I am sorry to hear that she will dissappear from the public speaking platform for awhile.

She in short explains that developing browsers is difficult. We can still blame the vendors for their faults, but we should understand what problems they face. Browsers too have to work with incomplete standards and different user models. They main thing they should do is, in her opinion, to open up to and listen to the community. She explains that only apple with safari is not doing that and strongly asks them to the discussion.

In short, a nice presentation. And after I had a chance to meet her and have a brief talk, a very nice lady...

High preformance Web Pages

Nate Koechley

A very good presentation from Yahoo's Nate Koechley about bettering preformance. He talked about some things that we know, but also gave a couple of good obscure examples. Furthermore, he showed us how the browsers don't deal well with cache, so that it is wise to develop for an empty cache user.

The eye opener that he started with though, was that the html load time is only about 5% of the total time. So all that work that goes into database query optimization and more back-end work counts for no more than 5%. 95% is going into scripts, images and stylesheets, so following these points is going to help you a lot.

He build his presentation around 12 pointers that he and his team have found usefull.

  1. decrease the number of http requests
  2. combined distribution networks
  3. setting exparation headers is one to look at..
  4. gzip your files to reduce bandwidth.
  5. put css at the top of your documents. use <link> instead of @import.
  6. put javascript to the bottom, as it stops loading everything else.
  7. avoid css expressions
  8. make js and css external
  9. reduce DNS lookups
  10. minify Javascript
  11. avoid redirects
  12. turn of ETags

Interface design Juggling

Dan Cederholm

Dan Cederholm the author of 'bulletproof webdesign' comes back to @media 2007 with a presentation on Interface design Juggling. The presentation compares juggling to the daily activities of a interface designer. He shows a special site he just released for an example: toupeepal, a site of wig wearers, a wig 2.0 site.

He shows that an interface designer basicly juggles with a couple of elements, namely:

  1. Color
  2. Typografy
  3. Favicons
  4. adding details without adding complexity
  5. suggest the box
  6. Reuse and recyle
  7. microformats

Microformats, building blocks and you

Tantek Celik

My second time to see Tantek, who offcourse presents on micoformats. He gives more examples of real world usage, showing that microformats have matured a lot. Last year he spoke of how it should work, now he was (not quite) gloating.

The standard is a good way to mark up several things and is going somewhere. The examples are really good and show how you can use Microformats in your everyday projects. I for one can use them very well at my currect project. And to be honest, marking up anwb in microformats will be pretty cool on my (h)resume.

When web accessibility is not your problem

Joe Clark

This was when fatigue kicked in, after a very long day, I sadly had to leave this one to others. Afterwards I heard that it was quite good and I will certainly read his slides.

Notes are available here