Posts by Bryan Hoffman
The Spigot Rorschach Test
Quick, take a look below and what do you see? Over the last 10 years or so there have been a handful of people who see a ‘sad face’ or ‘grumpy old man’ when they see the Spigot logo. Perhaps less than a dozen, that have brought it to my attention at least. What did…
Read MoreViewport Resizer
While no substitute to testing responsive layouts on an actual device, this bookmarklet is great for initial and ongoing testing. This one is a little better than others by not only resizing, but also for sending the correct user agent and injecting the appropriate meta tags. http://lab.maltewassermann.com/viewport-resizer/
Read MoreWP Migrate DB Pro
The one thing that makes developing in a local environment hard is keeping databases synced. This (paid) plugin for WordPress can do it right from one admin screen to another, and can migrate the entire database or just the tables you need. Highly recommended. We just upgraded to the developer license, in fact. WP Migrate
Read MoreThe sign of legitimacy
After all these years, behold a pale shingle. Is this the coming of legitimacy? Perhaps only if we weren’t legitimate before. Wink wink. A big thanks to Susan at Park City Signs for making this happen. And for the window decals.
Read MoreWhy I don’t post anything relevant on Facebook
I rarely (never) post anything relevant to Facebook. No status updates, no conversations, no images. Nearly everything I post is a link to something else. Why? I prefer to own my content, controlling how and where and when it’s displayed. Facebook is great for a lot of reasons. But it’s a closed system for content.…
Read MoreStrikethrough without images
Looking to add a background strikethrough effect, perhaps for headers like we do here on Spigot? Look no further. // Markup <h2 class=”strikethrough”><span>My Awesome Headline</span></h2> // CSS .strikethrough { font-size: 13px; text-align: center; margin-bottom: 45px; border-bottom: 1px solid black; } .strikethrough span { background: white; position:relative; top: 8px; padding: 0 15px; } You may have…
Read MoreNested retina media queries with Sass
Since switching from LESS to Sass I’ve been excited to learn how Sass makes responsive web design easier with @content blocks and @media mixins. During a recent project I was interested to know if these mixins could be combined and nested with retina based media queries (mq). Could a retina-based mq be nested within a…
Read MoreReplace Navigation Text with Icon Font
Looking to replace a navigation item with an icon font in WordPress? This little snippet placed in functions.php will do just that: add_filter( ‘wp_nav_menu’, ‘my_page_menu_link_names’ ); function my_page_menu_link_names( $menu ) { $menu = str_replace( ‘Your Nav Text’, ‘<i class="icon-example"><span>Example</span></i>’, $menu ); return $menu; } Replace ‘Home’ and the icon font code with what ever your…
Read MoreSVG & PNG Image Test
While I have yet to get my hands on either an iPad or Macbook Pro with a retina display, it’s clear that high resolution screens will be the standard in coming years. As such it’s imperative for designers to understand how to optimize images for these displays. The main technique being used so far is…
Read MoreWhat Template File am I Viewing?
When developing a custom theme I often find myself needing to know exactly what template WordPress is currently using to display the page. I used to simply write some dummy text directly into the file (usually ‘cha cha cha’ for some reason). That is until I came across this plugin in the Plugin repository: What…
Read More