Blog

Technology tidbits

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.

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.

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.

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.

Tags

Since writing my first lines of code in elementary school I've developed expertise in software engineering, team leadership, and project management. Today I’m passionate about engineering fast, scalable applications powered by the cloud. My skills and experience enable me to deliver a holistic approach that generates results.