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.

Gridless: a responsive HTML5 and CSS3 boilerplate

87 pointsby thatcoolguyalmost 14 years ago

8 comments

huhtenbergalmost 14 years ago
I have this nagging suspicion that this whole "responsive HTML" movement is driven largely by a desire for a layout that works on (a) an average desktop screen and (b) on an iPhone / smartphone. And so instead of designing two separate sites, let's design something that looks good on (a) and (b), and also has an intermediate state that we pass through when resizing the window between (a) to (b). Nobody would actually care for these intermediate states (because, frankly, who does routinely browse on a desktop at 500px in width?), but since we <i>can</i> generalize, let's do it. And also let's call it some fancy name and put some theory behind it.<p>Point being - I don't see a point in responsive layouts.<p>There are two extremes - the desktops and the small-screen mobile devices. These cover 99.9% of all users. Designing an uniform solution for both is not too alike to building a File I/O framework to hide the differences between reading from the local file and one on the FTP server. Sure it is nice, but why? It just conceals the important differences and creates whole bunch of new problems.
评论 #2648527 未加载
评论 #2648113 未加载
retlehsalmost 14 years ago
Looks good, I've got few questions for you:<p>- Why put respond.js in the footer? (H5BP puts it up in the head with the call to Modernizr)<p>- Why self-close your meta and link tags if you're using HTML5?<p>- Why doesn't the image in the demo resize as you resize the window? (img { max-width: 100%; } fixes that)
评论 #2646928 未加载
marcamillionalmost 14 years ago
Interestingly, the github page that the marketing page is hosted on, is quite responsive.<p>Just resized it to all different sizes and it still looks good.<p>Even the code snippets fold gracefully.
beck5almost 14 years ago
To be honest, if compass doesn't have it I just dont care at the moment.
评论 #2646671 未加载
评论 #2646824 未加载
评论 #2648177 未加载
matt912almost 14 years ago
I must ask, why the name “Gridless”? Surely HTML/CSS frameworks and grid systems are completely different things? The name almost seems to suggest that the use of a grid is a bad thing. Just the way I perceived it :)
评论 #2649777 未加载
评论 #2651110 未加载
nbashawalmost 14 years ago
Awesome! I have been thinking about making something like this, but it looks like you did a better job than I would have. Responsive design is an idea who's time has come.
评论 #2646870 未加载
currywurstalmost 14 years ago
On a slightly unrelated note, I think the term 'responsive' is unnecessarily overloaded. I thought there were some performance problems with the normal HTML5 boilerplate !<p>Could 'screen adaptive' or 'multi-screen' be a better name ?
kuroiralmost 14 years ago
Loved the test page. Good work!
评论 #2646846 未加载