Dealing with :hover on Mobile in CSS Only

Dealing with a double touch :hover button is a pain for the mobile user. But :hover looks and works really well with mouse-pointer desktop environments. So how do we have both? Especially in the age of the hybrid touch desktop. I can’t believe I didn’t try this trick before.

Continue reading “Dealing with :hover on Mobile in CSS Only”


Better Pagination Styles With Farcry and Foundation

Let’s face it, pagination is tough. Especially with the need to be flexible across varying display sizes. But today, I’m going to show you how I do it, which I think is pretty great and I think you, and your users, will too.

Continue reading “Better Pagination Styles With Farcry and Foundation”

Upgraded My Foundation Grid Balancer Plugin

Finally got around to upgrading my Foundation Grid Balancer plugin. For those who don’t know, I’m a “Yetinaut“. The definition of a Yetinaut is.

In addition to the ZURB team, a select group of awesome contributors have been dubbed Yetinauts. These talented dev and designers from around the world have direct write access to the codebase and support the core Foundation team on the development of the framework.

This is great because my company runs pretty much exclusively on the Foundation Framework so I get the chance to give back, but also improve on the thing I use most. Which makes for a great reciprocal relationship. Use, improve, use, improve. And so on.

Continue reading “Upgraded My Foundation Grid Balancer Plugin”

FarCry Friendly URLs and “Dumping Methods”

I don’t know why this was so hard for me to figure out, but the dev’s before me would write queries to get the friendly URL of a page generated in FarCry. I kept saying to myself, this can’t be right, but I couldn’t figure out the way until I discovered that CF will dump out all the methods tied to a FC type.

<cfset o = application.fapi.getContentType("farFU")>
<cfdump var="#o#">

This will give you all the methods you can access and sure enough there was a GETFU method, all you need to do is pass in the object id.

<cfset fu= application.fapi.getContentType("farFU").GETFU(stobj.objectid)>

The only odd thing, is dmHTML pages, if you typically name your dmNavigation parent the same as the dmHTML page inside the folder you will get a return of something like this.


So just a heads up if you build your links.


The API, has a method, thanks for pointing out @fullasagoog

<cfset friendlyURL = application.fapi.getLink(objectid=stObj.objectid)>


FarCry CMS Rules: Populating Library Data

This blog post aims to cover 2 methods of pre-filtering the pop-up library initially for your content team to easily navigate content object entries when applying rules when using FarCry CMS.

These methods are great for large sites that have a lot of content. Both do a great job at filtering down the bulk of entries a content person may have to navigate when selecting content entry items.

Both methods are built into FarCry and require a small amount of work but will really make your site that much better to use on the CMS side of things.

Continue reading “FarCry CMS Rules: Populating Library Data”

Natural Width and Height of Images

I stumbled upon a javascript readonly property that will return to you the original width and or height of an image loaded in the browser display.

Say for example you have an image that is 200px by 200px, and you style the image in CSS to be 100px by 100px. If you use jQuery’s width()  or height() method, the return will be the current height or width. IE. 100px by 100px.

This makes perfect sense but…

Continue reading “Natural Width and Height of Images”