Top all-time · #2593
Cloud Four
Company blog · blog.cloudfour.comwebdesign
Cloud Four is the company blog at blog.cloudfour.com, writing about web and design. Since 2012, 29 different Hacker News readers have linked it 36 times, most often “The EMs have it: Responsive and Fluid Web Design”. It is still writing: the last post was on 2026-10-01, and you can follow it by feed.
We share what we learn so we can build a better web, together.
Most-linked posts?
- The EMs have it: Responsive and Fluid Web Design5 people · 5 mentions · first linked 2012-04-19
- Explaining iOS and Android users' Wi-Fi browsing disparity4 people · 4 mentions · first linked 2012-08-02
- Autofill: What web devs should know, but don’t3 people · 3 mentions · first linked 2016-06-01
- Seriously, don't use icon fonts2 people · 2 mentions · first linked 2015-11-23
What Hacker News says?
This explains the benefits: http://blog.cloudfour.com/the-ems-have-it-proportional-media... Here's some boilerplate code: https://github.com/johannaruiz/propotional-mqs Make sure you set the viewport correctly: http://blog.javierusobiaga.com/stop-using-the-viewport-tag-u... as an incorrect viewport can cause issues with some mobile browsers: http://www.quirksmode.org/blog/archives/2013/11/a_day_in_the...
Comment linking /the-ems-have-it-proportional-media-queries-ftw/
on “Zurb Foundation 5 Released”Submitted The real conflict behind and srcset as a story · 9 points
HN discussionThat's their share of mobile web browsing. It measures usage, while the other numbers here are measuring share of unit sales. There's always been a big disparity between the market share and web usage share of Android vs. iOS: http://blog.cloudfour.com/explaining-the-ios-and-android-mob... See also: https://en.wikipedia.org/wiki/Usage_share_of_operating_syste...
Comment linking /explaining-the-ios-and-android-mobile-disparity/
on “Uber Opening Robotics Research Facility in Pittsburgh to Build Self-Driving Cars”Submitted Seriously, don't use icon fonts as a story · 7 points
HN discussionSVG images support media queries, which handles this use case pretty well. See here: http://blog.cloudfour.com/media-queries-in-svg-images/
Comment linking /media-queries-in-svg-images/
on “Inventing Favicon.ico”Submitted Seriously, Don’t Use Icon Fonts as a story · 6 points
HN discussionUsing em instead of px for media queries is definitely a bit of a mindmelter at first. However, if you're truly interested in building a responsive site, not just hitting a few target devices(1), I definitely recommend spending a little bit of time getting comfortable with the idea. Mostly, it forces you to consider the context of your media queries, not just specific resolutions or device capabilities. This helps t…
Comment linking /the-ems-have-it-proportional-media-queries-ftw/
on “Developing a responsive, Retina-friendly site (Part 1)”Submitted Don’t use the HTML picture element (most of the time) as a story · 4 points
HN discussionThe one problem I've found with this approach is making sure that the CSS and JS breakpoints stay in sync as a site is maintained. At my previous job, we came up with a way of changing JS behavior based on CSS changes to DOM objects. http://blog.cloudfour.com/behavioral-breakpoints/
Comment linking /behavioral-breakpoints/
on “Responsive JavaScript”Submitted Autofill: What web devs should know, but don’t as a story · 3 points
HN discussionDo many of the major sites actually use StatCounter though? Akamai's stats show a very different story - http://blog.cloudfour.com/explaining-the-ios-and-android-mob...
Comment linking /explaining-the-ios-and-android-mobile-disparity/
on “Eric Schmidt: Google Hasn’t Submitted A Native Google Maps App To Apple (Yet) ”Submitted Autofill: What web devs should know, but don’t as a story · 3 points
HN discussionI'm not sure i agree with his reasons, mostly because what the data really shows is that Android users don't really browse on Wi-Fi [1] (on 3G the discrepancy - device marketshare vs browsing marketshare - is much lower). My opinion (with anecdotal evidence) is that Android users just stick with their PCs when at home (presumably when they have Wi-Fi), whereas iOS users prefer the small screen, for some reason. [1]…
Comment linking /explaining-the-ios-and-android-mobile-disparity/
on “Why Android users surf less than iPhone users”Submitted Responsive Design for Apps as a story · 3 points
HN discussionFor http://www.pixtulate.com (on the fly cropping and scaling of responsive images) we simply read lots and lots of blogs from the responsive web design community. We eventually narrowed down on a problem everyone was discussing and was trying to build various home grown solutions to. After reading all the great posts by Jason Grigsby ( http://blog.cloudfour.com/ ) the problems with sending one-size-fits-all images…
Comment linking /
on “How do you validate an idea before you build it? Sell it”Submitted Explaining iOS and Android users' Wi-Fi browsing disparity as a story · 3 points
HN discussionSubmitted How Apple.com will serve retina images to new iPads as a story · 3 points
HN discussionSubmitted Autofill: What web devs should know, but don’t as a story · 2 points
HN discussionSubmitted The Pitfalls of UI Kits and Pattern Libraries as a story · 2 points
HN discussionSubmitted Hide/Show Passwords: The Missing Plugin as a story · 2 points
HN discussionSubmitted Common Patterns in Styleguides, Boilerplates and Pattern Libraries as a story · 2 points
HN discussionSubmitted Responsive design for apps as a story · 2 points
HN discussionSubmitted How do you pick responsive images breakpoints? as a story · 2 points
HN discussionSubmitted The EMs have it: Responsive and Fluid Web Design as a story · 2 points
HN discussionSubmitted Truths about input (from the browser) as a story · 1 points
HN discussionSubmitted Responsive Images 101: Definitions as a story · 1 points
HN discussionSubmitted Responsive Images Are Here. Now What? as a story · 1 points
HN discussionSubmitted » the EMs have it as a story · 1 points
HN discussionSubmitted Slow and ugly as a story · 1 points
HN discussionSubmitted The EMs have it: Proportional Media Queries FTW (2012) as a story · 1 points
HN discussion