Untitled-1

Retina Website [I wish]

by Jeff Broderick Pro Nov 2, 2011
in Toodo
List
Comments_teaser Comments UI October 31, 2011

This shot is a Rebound of...

Comments UI

by Jeff Broderick Pro

1 Attachment

10 buckets
Tweet
3,112 views
http://drbl.in/ckmN
Icon-colordrop

Tags

  1. 26
  2. 11
  3. 9
  4. 7
  5. 4
  6. 4
  7. 1

24 Responses

  1. Pro Untitled-1 Jeff Broderick

    I really wish the web had retina support. I looove looking at designs @2x.

    Check out the attachment for fullsize!!!!

    likes

    7 months ago

  2. Pro Louie_cropped Louie Mantia

    You can target the iPhone 4 with media queries...

    Anywho, You should make crisp 1px edges instead of 2px borders... they look a bit sloppy.

    likes

    7 months ago

  3. Pro Untitled-1 Jeff Broderick

    I disagree. :D And I meant retina for web. Not for iPhone.

    likes

    7 months ago

  4. Pro Avatar Anders Drage

    Mantia - > I´m not sure if I agree on that one.. Apps lately have been doing 2px edges because of the Retina, to make it stand out more.. To see 1px crispness on the phone you need to have it 10 cm from your eyes. Further away 2px looks better, IMO. Facebok for example, used 2px borders in their latest update. (Check out this: http://dribbble.com/shots/306033-UI-Facebook-sidebar-interface-free-PSD)

    Jeff: Love it. Would like some more tutorials from you :)

    7 months ago

  5. Yz_avatar Yakim van Zuijlen

    Um? You can make retina for the web. The only thing is that nobody has a retina display.

    7 months ago

  6. Pro Untitled-1 Jeff Broderick

    @Yakim Right, including myself. :-/

    7 months ago

  7. Pro Avatar Jack Bingham

    Funny. I actually dislike seeing Retina designs on screen. They look kinda 'My First App' and childish. Once they're on the iPhone they just sharpen up and send shivers down my spine.

    EDIT: Not saying this is childish at all! The icons look great!

    EDIT 2: I dug myself a hole :(

    likes

    7 months ago

  8. Pro Picture 13 Scott Perket

    Very interesting idea to get that comment count attention. Really dig it.

    7 months ago

  9. Pro Louie_cropped Louie Mantia

    Jeff, Anders

    2px looks sloppy and Fisher Price. Imagine there was only retina display ('cause that soon will be a reality). Why design with 2px strokes if you have a extra pixels? It doesn't have to be 2 full pixels, it could be a pixel and a half.

    likes

    7 months ago

  10. Pro Untitled-1 Jeff Broderick

    Again, I disagree. To each his own.

    likes

    7 months ago

  11. Pro Avatar-02 Shaun Moynihan

    90% of the people who use an app...probably even more...will never notice the difference between 1.5-2 pixels.

    Great work Jeff, really liking this!

    likes

    7 months ago

  12. Pro Me Arron ☁ Hunt

    Looks great....but personally I don't ever want Retina display to come to the desktop. I love my pixels too much.

    likes

    7 months ago

  13. Pro Dribble avatar Martin Schuerrer

    I love the design of the #iOS tag. Reminds me of Freckle.

    I think "Add a comment" is a bit misleading, I'd suggest "Update status" like Facebook.

    7 months ago

  14. Pro 287536_1536287582570_1696261529_795813_76031859_o Hidde van der Ploeg

    yeah! I want a 27" Retina display, NOW!

    7 months ago

  15. Pro Louie_cropped Louie Mantia

    Shawn, I've never heard someone use the excuse "most people won't notice so it doesn't matter". It does matter.

    likes

    7 months ago

  16. Pro Avatar-02 Shaun Moynihan

    @mantia, Please don't say that... I never said it didn't matter. I only said that a majority of people who use the apps we make don't notice the difference between 1.5-2px. No excuses.

    likes

    7 months ago

  17. Pro Avatar Jack Bingham

    @mantia — I can't believe you're openly admitting that you're happy to use half pixels in your designs :P

    likes

    7 months ago

  18. Avatar dribbble Baldoph

    Yeah wouldn't 1.5 pixel look blurry??

    7 months ago

  19. Pro 47916_612344734129_4811245_34962507_768484_n Austin Bales

    You have double the pixels in a Retina display. More crisp edges is a big win — 1px lines are extra sharp, why wouldn't you take advantage of that?

    It's kinda academic for the web but — Retina and 1x assets need not be exactly the same. 2px lines are primarily useful when you want to scale down assets, but there's no reason to restrict yourself to 2px lines for high-dpi displays. Just make two assets. Boom.

    7 months ago

  20. Pro Untitled-1 Jeff Broderick

    ....Unless you like the look. It's like asking "why restrict yourself to the colors blue or black."

    likes

    7 months ago

  21. Pro Avatar Anders Drage

    Mantia: Quick question.. In the new facebook update, they used 2px lines.. I´ve made them with both 2px and 1px..
    http://cloud.andersdrage.com/BWM4/o

    When designing for phone for example, dont you agree that 2px is clearer when having the phone at a distance?

    7 months ago

  22. Lol Pedja Rusic

    I never liked so many comments lol

    Anyhoo god forbid retina displays...

    likes

    7 months ago

  23. Pro Twitpiccc Goran Daemon Peuc

    Ah, retina web (desktop monitors @ retina density). That would be awesome. It's just that this dream is soooooo far away. :( Right now, and well, even in the next few years, Retina class desktop monitors would just be an epic fail.

    7 months ago

  24. Pro Untitled-2 Mani

    nice work :)

    6 months ago

Ads via The Deck

More by Jeff Broderick

More In Toodo

keyboard shortcuts: ← previous shot → next shot L or F like