Wolfr

Most of my presentations work on the iPhone, this one is 1920x1080 ("HD"), that might have something to do with it.

See http://wolfslittlestore.be/2012/03/28/ios-design-resources/

Most of the resources mentioned are free, somebody on Twitter suggested I make a blog post about all the resources since that is an easier format, keep an eye on the blog. (wolfslittlestore.be/journal)

Here is the direct PDF download link for the people who don't want to have Flash on their machine: http://www.slideshare.net/Wolfr/ios-design-a-case-study/down...

The SEO text is auto generated by Slideshare. Download the PDF and things should be easier to skim. I try to make my presentations make sense online by using "sticky notes". But you certainly have a point.

This presentation delivers some insights on the whole process of creating an iPhone app from scratch to finish.

Yes, good point. I'll fix it and remove the recommendation.

What do you think about this approach: http://koenatclaes.com/ ? (currently on the frontpage there is a slideshow)

I'm thinking of doing my next one like this, it makes more sense from a UI perspective.

I put the same slides on SpeakerDeck. They will be available shortly here: http://speakerdeck.com/u/wolfr . Alternatively you can download the presentation in PDF format from SlideShare too.

I re-saved some of the slides to display a static JPG, the parsing of the PDF seems to cause some problems. I just tested it and could go through the 120 slides without problems now.

It's a bit of a pain, yeah.

If you scroll down there's a transcript which you can c/p from, but I agree that it's not ideal.

Yep. nclud is really good. Looking forward to their upcoming redesign ( http://nclud.com/ )

Something went wrong with your formatting here:

"Custom is hard, and to me custom is really saying that you have more time to think about the behavior of a select box than Apple’s interaction design team.

And that you have the dev power to fix it. On every platform out there. So sometimes you just have to be pragmatic if you’re building a product."

Hmm. Good point.

Although using px makes for an easier example, you don't have to mention the scale in which you are sizing your ems. The example was about the spacing, not about the unit used to determine the distance between heading and paragraph.

This is a presentation about UI design I gave this week, here's the short description:

"Designing better user interfaces sets out to teach interface design by talking through concrete examples: what works, what doesn’t work. A good interface consists of a thousand details done right. This presentation is all about those details."

Hmm. I think Ext is great for stuff like dynamic datagrids and they have some proper interactions (a lot of it based on the YUI! design library, which is one of the best resources out there). Unfortunately most of it looks very developer-y and doesn't really have good defaults. I can't recommend it.

Bootstrap is great and would be my top recommendation, I see Mark Otto from Twitter is working on v2. See his blog at http://www.markdotto.com/ .

You could download the PDF, weird problem though.

I agree, this is also mentioned somewhere in one of the last slides.

As a designer I know about MySQL, the terminal, PHP, Javascript, jQuery, RoR, Sass, HTML, CSS etc.; if a developer knows the basics about color, typography and alignment and knows why the designer in his team does the things he/she does it's probably going to be much easier working together.

This is completely true, I often use #EEE or even lighter grays for "nonessential" or decorative gradients.

Sometimes I prefer video (esp. if the delivery is very good) but for learning purposes I prefer reading since then everyone can choose their own tempo.

If you use 16px, the 1.5 line height I use for paragraphs becomes 24px, which ties again with the multiples of 6 rule again. So your lines are actually 24px high, if you then use maybe 48px for spacing around your blogpost, things look balanced because they're even.