TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Lessons learnt making our web app responsive

26 pointsby webstartupperalmost 11 years ago

11 comments

sergiotapiaalmost 11 years ago
Really really vapid &#x27;article&#x27;. It&#x27;s kind of empty of any real content which indicates to me some kind of voting ring or manipulation seeing this so high on the front page.<p>Akin to a &quot;lessons learnt writing great software&quot;.<p>&quot;Test on different operating systems.&quot; &quot;Run profiling to detect memory leaks&quot; &quot;Don&#x27;t commit buggy code.&quot;<p>Just some obvious guidelines anybody would know.
didgeoridooalmost 11 years ago
Maybe you could apply those lessons to this blog entry so I can read it on my phone without a giant blue bar taking over the entire left side of the screen...
评论 #7915717 未加载
评论 #7915716 未加载
skizmalmost 11 years ago
I always wonder if it is better to just leave sites as unresponsive if you&#x27;ve already skipped designing for mobile. Honestly vanilla non-responsive sites, without too many bells and whistles (hover&#x2F;flash stuff) are easier to navigate than a poor mobile site (or even a mediocre one). I know what to expect when I click something, and even if I have to zoom in on my own, I still would rather have the actions be consistent with the desktop version than be poking around looking for the menu.
moron4hirealmost 11 years ago
The more and more I get to develop sites for people in the wild, rather than corporate intranets, the more I learn: truly semantic HTML is responsive by default.<p>You have to go out of your way to make it unresponsive. You have to insist that you know the one, true, best way to use your site for every type of user--big-screens and small, strong- and weak- and no-sighted, color-seeing and non-color-seeing, rich-enough-to-own-the-latest-macbook or not. The pixel-perfect positioning of your logo is more important than people who do not meet your conception of your perfect user.<p>Sure, certain concessions need to be made. Obviously, if you&#x27;re making a shape-matching game, the blind need not apply. Deaf users probably won&#x27;t get anything out of SoundCloud. But most sites have a broken interface for anyone other than a median human.<p>Just imagine if HN had a properly semantic HTML layout. It&#x27;d scale properly to every cellphone with a browser, ever. Unstyled, semantic HTML may not be pretty, but it works. Resist the temptation to corrupt it with CSS and its nutty notion that it could ever maintain cross-compatibility with print.
评论 #7916785 未加载
webmonkeyukalmost 11 years ago
Next in the series: &quot;Lessons in server capacity learnt when we got more traffic than usual&quot;. The page doesn&#x27;t load for me.<p>As an amusing aside &quot;dom kop&quot; (same phonetic as their domain name) in Dutch or Afrikaans translates to &quot;stupid head&quot;
camillomilleralmost 11 years ago
This is what I see on my iPad. <a href="http://imgur.com/3y4zpXT" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;3y4zpXT</a><p>I guess there&#x27;s a seventh lesson they still haven&#x27;t learnt yet.
owenversteegalmost 11 years ago
Taking a look at the web app I think the time would&#x27;ve been much better spent by improving the interface for desktop users. It&#x27;s extremely unintuitive, several columns just show up blank for me (which I initially thought was a bug) and the top menu bar is duplicated (on the left and on the top.)<p>Also, in Dutch your site sounds like &quot;stupid head&quot; (domcop, pronounced out loud, sounds like dom kop.)
tahmida_talmost 11 years ago
Learning about responsive design means more than learning to use the bootstrap grid . Sure,the grid system is great and works in many cases . However, there comes a time when your websites will hurt if you don&#x27;t truly understand the fundamentals of responsive design .
untilHellbannedalmost 11 years ago
Buying a Bootstrap theme isn&#x27;t very impressive. Try formatting images, videos, rescaling fonts across devices. It will take a lot more than two weeks.
Donzoalmost 11 years ago
Yup, still some more lessons to learn here.<p>Go irony!
lgmspbalmost 11 years ago
True, but responsiveness is totally worth it. For example British &quot;Metro&quot; magazine, just by making it&#x27;s website responsive increased the traffic from the social networks by 100%. Also there is no hustle with m.domain optimisation.