Re:Designing a responsive, Retina-friendly site
by orta on Saturday January 05, 2013 @08:57PM
(#5014925)
This style of blog is exactly what I've had in mind now for a few months for my own website, I think its a great way to tell a story. Congratulations Paul. Wish I could fork it on github and apply my own styles to your foundations.
Re:Designing a responsive, Retina-friendly site
by Hawkee on Saturday January 05, 2013 @10:44PM
(#5015184)
I began thinking single column. The content should be the star of the show. No sidebars or extraneous post metadata that gets in the way of reading.
I'm happy to hear you confirm this for me. I've been removing the sidebar from most pages of my site for the exact same reason. Not to mention that a sidebar generally only occupies the first screen you see. Once you start scrolling you're left with empty space below and content that's thinner than it should be.
Re:Designing a responsive, Retina-friendly site
by duck on Saturday January 05, 2013 @09:24PM
(#5015001)
Paul, as always, an awesome write-up. Looking forward to the dev one as well. The design of the article posts are spot-on. The header seems a bit off to me though, maybe it is the alignment of the photo/subtitle and the menu below it? Also, I think it would be nice if on the /photos posts if you could browse through them easier with something like a left/right arrow setup. Maybe you don't want that though? Either way, great work!
Re:Designing a responsive, Retina-friendly site
by PStamatiou on Saturday January 05, 2013 @09:33PM
(#5015016)
Thanks! Yeah I'm still pondering tweaking the header for that exact reason. It looks like it should line up with the header menu. Looks much better on mobile in the responsive header version. :)
> Also, I think it would be nice if on the /photos posts if you could browse through them easier with something like a left/right arrow setup
Curious, did the left/right arrows not load? http://dl.dropbox.com/u/186198/Screenshots/y7g5.png On individual photo pages i also bind the left/right arrow keys too. Thinking about doing the same L/R stuff for posts too.
Re:Designing a responsive, Retina-friendly site
by duck on Saturday January 05, 2013 @10:01PM
(#5015075)
Ha! They loaded and are there, but I can hardly see them on my sony laptop (1600x900) b/c they fall to the outside of the photo. When I resized my browser I could easily see them.
Re:Designing a responsive, Retina-friendly site
by mediumdeviation on Saturday January 05, 2013 @10:17PM
(#5015107)
Just looking through the source of the site, it seems that whatever CMS you're using is inserting <p> tags everywhere, including around the opening and closing <section> tags: http://i.imgur.com/RkoFP.png.
Re:Designing a responsive, Retina-friendly site
by PStamatiou on Sunday January 06, 2013 @12:18AM
(#5015399)
yeah jekyll is going ham on my new lines. I have been meaning to look into that. It's markdown but I only use html. Need to find a way to have it not use markdown (blasphemy, I know).
Re:Designing a responsive, Retina-friendly site
by robryan on Sunday January 06, 2013 @01:10AM
(#5015533)
Good stuff, looks great on retina.
It is still very niche but great to see more sites experimenting with providing higher quality retina friendly images.
Re:Designing a responsive, Retina-friendly site
by pan69 on Saturday January 05, 2013 @09:17PM
(#5014974)
Not meant to be a shameless plug but I recently redid my business website to optimize for mobile as well. We didn't intentionally target retina but it turns out we're using a font for our logo and I'm very pleased with how crisp it looks on my Galaxy Nexus. I'm currently building a website for a client and the logo is a bitmap and there is distinct difference in quality. This is my own site, built with Bootstrap: http://www.electrichq.com.au
Re:Designing a responsive, Retina-friendly site
by PStamatiou on Sunday January 06, 2013 @12:37AM
(#5015449)
Thanks -- this is actually helpful. I want to be more cognizant of my writing style, I have a lot of room to get better. I often start sentences with "But" and use the same modifiers (However, Unfortunately, etc) quite a bit.
When I write I usually start with a big, unfiltered brain dump, then some formatting and then a proofread. But the proofread is in chunks of reading, fixing, reading etc so I never get the entire flow of it to catch these i-just-used-the-same-word-in-the-last-3-paragraphs issues.
I'm happy to hear you confirm this for me. I've been removing the sidebar from most pages of my site for the exact same reason. Not to mention that a sidebar generally only occupies the first screen you see. Once you start scrolling you're left with empty space below and content that's thinner than it should be.
> Also, I think it would be nice if on the /photos posts if you could browse through them easier with something like a left/right arrow setup
Curious, did the left/right arrows not load? http://dl.dropbox.com/u/186198/Screenshots/y7g5.png On individual photo pages i also bind the left/right arrow keys too. Thinking about doing the same L/R stuff for posts too.
It's also causing the page to fail validation (ignoring the errors about unknown meta tags): http://validator.w3.org/check?uri=http%3A%2F%2Fpaulstamatiou...
When I write I usually start with a big, unfiltered brain dump, then some formatting and then a proofread. But the proofread is in chunks of reading, fixing, reading etc so I never get the entire flow of it to catch these i-just-used-the-same-word-in-the-last-3-paragraphs issues.