We recently went live with a responsive retrofit of a complex SharePoint site: the website of Tennant Company. Their site looks like this at desktop resolution (click the image for a larger view): It looks like this on a small screen: You can see the responsive styles in action by...
Read more
Tag Archives: mobile
Responsive design and server-side code
Update This post has been completely re-written to describe a better way of making server-side code responsive. Instead of posting the variable through Ajax, it uses GET to load a fully-responsive page. A few code tweaks make the technique both user- and search-engine friendly. Update 2: In screensize.php, changed window.location.href...
Read more
Responsive, CSS-only faux tables
Tables are mildly responsive — the individual cells can resize as necessary. But they aren’t fully responsive without Javascript: You can’t take two TDs that are next to each other and suddenly have them stack, as that requires changing the HTML structure of the table. But you *can* do it...
Read more
Cross-browser, CSS-only modal box
A modal box — or “modal window” — is a custom dialog box that grays out the rest of the page when it’s active. it lets a site provide additional content without forcing the user to load a new page. Clicking on a “Contact us” link might pop up up...
Read more
