Blog

Technology tidbits

Create an Overlay Image Caption for Foundation

December 19, 2014 by Chris Sherman

If you’ve used Foundation’s Orbit image slider, you have seen the clean, opaque captions the JavaScript overlays on your images. Unfortunately, the framework doesn’t provide styles for overlaying a similar caption on images that do not utilize Orbit. Let’s go ahead and add this.

Continue reading

Configuring a Foundation Libsass Project

December 18, 2014 by Chris Sherman

Setting up Foundation as a Libsass project can be confusing, especially if you’re not familiar with Node, Grunt, Bower and Git. I found quite a bit of discussion on how best to go about configuring everything but no definitive answer bubbled to the surface. In the following tutorial I’ll provide a set up that’s worked for me.

We’ll begin with a freshly created, Foundation Libsass project. The Foundation documentation does a good job explaining how to set this up, so I’ll refer you to that if you need instructions.

Continue reading

Tips for Using Foundation's Interchange

December 17, 2014 by Chris Sherman

Foundation’s Interchange is a responsive content solution that enables resource requests to adapt according to available screen real estate. Images are a particularly applicable use-case for Interchange since a massive, landscape photo doesn’t have the same effect on a phone as on a 27-inch monitor.

Continue reading

Minification and Bundling in Umbraco

December 16, 2014 by Chris Sherman

The Microsoft ASP.NET Web Optimization Framework improves the performance and reliability of your application through bundling, minification and versioning of your web resources. Bundling multiple scripts or stylesheets into one resource saves overhead by requiring browsers to make fewer HTTP requests; minification entails shortening the variable names and eliminating whitespace in your resources, thereby reducing file size; appending a version to your bundles ensures visitors to your site will use the current resources rather than stale, cached versions with the same file name.

Continue reading