Designing a responsive, Retina-friendly site
paulstamatiou.com
Designing a responsive, Retina-friendly site
1–10 of 17 posts
Re: Designing a responsive, Retina-friendly site
#2This 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
#3The text/font is very nice on galaxy nexus.
Re: Designing a responsive, Retina-friendly site
#4Not 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
#5Paul, 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
#6Paul, 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…
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
#7I knew you had visted IanStormTaylor's site when I saw your new design. Good to see a nod to him in this article. ;)
Re: Designing a responsive, Retina-friendly site
#8Paul, 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…
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/Screens…
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
#9Does anyone have any good data on the impact on the number of times an article is shared with/without share buttons?
Re: Designing a responsive, Retina-friendly site
#10Just looking through the source of the site, it seems that whatever CMS you're using is inserting
tags everywhere, including around the opening and closing tags: http://i.imgur.com/RkoFP.png.
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...