Another site that went out a while ago and just wasn’t added here until now. Lincolnshire Furniture is a small business that (re-)creates custom furniture for homes and hospitality.
They don’t sell online, so there’s no e-commerce, but they do have a fairly large and interconnected catalog. This was a perfect opportunity to use Drupal (specifically the Panopoly distribution), tagging each product in its own page and setting up multiple views to display furniture by type, room, function, or a combination of those. Search functionality also comes with this CMS, naturally.
The theme used started off as one of those included in the distribution, but was modified to match the previous site as much as possible.
This is a fairly basic site content-wise, but it’s the first client site we’ve built on the Bootstrap 3 framework — extensively customized, of course, and fairly heavily optimized. jQuery provides animations when you mouse over project thumbnails, and the project slideshows themselves are powered by Bootstrap’s Carousel component. Continue reading Vasilko Architects→
How did I never know about this before? Respond.js is “a fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).”
In other words, it makes HTML5Boilerplate even better by eliminating the need to craft a separate, IE8-and-below stylesheet when you don’t want those browsers to see the mobile-first version of your site. Better yet, it works with Modernizr (also part of HTML5Boilerplate) by utilizing its media-query detection code.
I just add it at the bottom of my modernizr.js file (a mere 3K of extra data) so that it starts to run before the DOM is even loaded. Sadly, it uses AJAX to get the CSS file, so there’s still a flash of mobile-first styling. But the convenience is well worth it.
Every now and then, when things get slow at work, I look for an existing site on the server that needs its code updated and rebuild it. Same design, with a few minor or largely hidden changes, but using minimal HTML5 and lots of CSS. Last week, the Village of Riverwoods, Illinois got picked out for an under-the-hood makeover.
As usual, I didn’t design this one, I just built it. A little bit of jQuery, a lot of CSS, a splash of embPerl and Google Maps API on the contact page, all built on top of an HTML5 template (with Modernizr providing the shiv for older browsers). The homepage uses a variation on my simple slideshow which interacts with the main navigation tabs.