iOS 7 Wireframe Kit | Hacker News Reader

iOS 7 Wireframe Kit

blakeperdue.com

34 pointswatermel0n26 comments

Looks nice!

One (hopefully) helpful bit of criticism about the website to Mr. Perdue: The photo of the laptop is pretty, but I had to go to Github to see an actual detailed screenshot of the contents of the file.

Maybe include just a flat PNG version of the image that I can click-to-zoom on right there on http://blakeperdue.com/ios7-wireframe-kit/ ? Maybe you could get cute and make the laptop screen clickable to see a higher-resolution version. You've got a lot of nice detail in there (like the glyphs) that people might otherwise miss out on.

https://raw.github.com/blakeperdue/ios7-wireframe-kit/master...

Thanks for the idea. I added a preview image.

Off topic: Do most web developers/designers just not care about firefox anymore? I've hit so many links on the HN front page that were designed specifically for chrome and have parts just falling into the ether etc. on firefox. What gives? Don't you at least look at it in the other browsers before making it live?

Looks identical to me in Firefox and Chrome.

I think part of the problem is that Chrome uses a branch of Webkit, and combined, Webkit has a huge majority of the market share (Safari, Mobile Safari, Chrome, Mobile Chrome). It's a clear winner for "first target", but I agree, FF shouldn't be left behind, it still has a large chunk of the market share.

I'm on firefox and it looks alright for me... Maybe they test it but it works for them. With the current version numbering schemes, there are many conditions to test.

Maybe it's because I'm on a PC: http://i.imgur.com/QaEYVg8.jpg

Disable your Firefox extensions/add-ons/custom-css and try it again.

I only have firebug installed and am also using ff 23.0 (in reference to another comment), still skewed (even with firebug disabled).

I'll debug it and preview again in Firefox. I built it fast and didn't properly test it before moving on to other work. When I do "real" work I do test in Firefox on all platforms.

Yea no problem! The product itself looks awesome btw.

The problem is your screen's resolution. I see the same thing in Chrome on OSX. Make your window narrower and all the text moves above the laptop.

Looks fine for me in Firefox (Iceweasel) 23.0 on Linux, even with NoScript having disabled everything on that page.

For Illustrator instead of OmniGraffle? No true Mac-head. ;-)

I switched to Illustrator and found I liked it better. But, I added an Omnigraffle version altho it's not perfect.

Wow, that's above and beyond. Thanks!

A part of me gets tense at seeing a MacBook Pro sitting so delicately on a ledge like that.

A part of me wants to push it off.

Maybe I'm just not that proficient, but I can't fathom how anyone can use the words "rapid" and "Illustrator" (or "Photoshop") in a sentence about wireframing.

I recently had to wireframe some iOS screens for a project. Dealing with Adobe's UI, the layers, the workflow, exporting images, etc. was just awful. I ended up using Moqups (https://moqups.com) and, while it's not WYSIWYG UI elements, it did the job and was actually rapid.

Folks who do this 8 hours a day are ridiculously fast at it. I consider myself pretty proficient in PS, and our designers make me look like a toddler with a crayon.

In most use cases I totally agree with you. I was about 10c more efficient using Moquups before switching to vector based programs like Sketch

You truly do get used to their awful software.

There's so many things that you can only do in Illustrator that you can't in any other suite. Once you get the hang of it, you can be blasting out vector artwork as quickly as you think of it.

Would be great if there is a version for Sketch app.

I added a sketch version :) https://github.com/blakeperdue/ios7-wireframe-kit

Ok, Mac-head. I concede.

Reply on news.ycombinator.com