I’m proud to announce the launch of the author site of my talented wife: Ilana C. Myer.

The art is by the very talented Galen Dara; the site design and development is my own. I wanted to take a few words and go a bit into my thoughts behind that design.

The design: The primary purpose of the site is for Ilana to share updates and insights about her upcoming book.

Towards that goal, it was important for me was to have a beautiful readable type. I used Calluna. It has an elegant feel. What struck me about it was the elegance of the serifs, and how it balanced that detail with a clean reading experience. 

To balance out the serif body type I used Lato I believe that it was intended to be used as a thinner sans-serif. However, for contrast I used it’s thickest weight. I think it still works nicely.

For Ilana’s name, at the top, we used Neue Hammer Unziale. It’s Celtic look was apropos due to the influences of the book. (You’ll just have to read it to find out more.)

Having commissioned the art, we wanted to put it front-and-center. I felt it would immediately place the visitor into the world of the book. Thankfully, the visual trend now is leaning towards full screen hero images.

The transparent heading before the posts on the homepage is to keep the visitor inside that world, always reminding them of the art. The art can be seen in full by scrolling all the way to the bottom.

The page heading recluses itself as the visitor scrolls down to bring the visitor into the text, reducing the distraction of the art.

The tech: I used underscores as a base theme and set up a grunt watch to compile my LESS and JS files. Nothing too fancy; not much needed for a blog.

    We Choose

    Today 45 years ago one of our species landing on another world. For a moment all mankind were bound together by accomplishment and ingenuity. We looked up at the heavens and for the first time, we knew one of us was looking back. Oh the force of the human spirit.

    “There is no strife, no prejudice, no national conflict in outer space as yet. Its hazards are hostile to us all. Its conquest deserves the best of all mankind, and its opportunity for peaceful cooperation may never come again. But why, some say, the moon? Why choose this as our goal? And they may well ask why climb the highest mountain? Why, 35 years ago, fly the Atlantic? Why does Rice play Texas?

    We choose to go to the moon. We choose to go to the moon… we choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win, and the others, too.”

    When something seems too hard, I look up at the sky and think of these words. We have so many challenges ahead of us, but the force of that idea.

    This is who we are.

    We set foot on the Moon.

    Goddammit. We can find a way to live with respect for one another and stop killing each other. Goddammit. We can find a way to conquer poverty and plague. Goddammit. We can find a way to live with all the comforts of modern society without burning away our future and our fellow inhabitants of this beautiful planet that gave birth to us.

    We set foot on the Moon.

      Demystifying the WordPress Plugin

      I asked one of the guys on my team to build a WordPress plugin, he balked. I realized that he just didn’t get how easy it is. So I thought I’d dedicate some time to dispelling the myth that plugins are complicated to write. “Plugin” sounds formidable. But really, a plugin is a file in the plugins directory with a comment. That’s it. To build your first plugin create a file, name it whatever you like, and place the following code at the top:

      * Plugin Name: Name Of The Plugin
      * Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
      * Description: A brief description of the Plugin.
      * Version: The Plugin's Version Number, e.g.: 1.0
      * Author: Name Of The Plugin Author
      * Author URI: http://URI_Of_The_Plugin_Author
      * License: A "Slug" license name e.g. GPL2

      Upload that file to "YOUR-SITE-ROOT/wp-content/plugins/" and voilà!

      Screenshot 2014-06-29 15.55.47

      Go to your plugins menu and you’ll see your shiny new plugin there.

      What do you put in there besides the comment? Typically, anything you’d put in your theme’s functions.php file. Unlike with the functions.php file which runs everything you put in it, where plugins are concerned you can decide whether to “activate” the code or not.

      Here’s a great post with 25+ potential plugins. Let’s try #3 (Don’t forget to change the plugin’s name):

      * Plugin Name: Remove WordPress Version Number
      * Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
      * Description: A brief description of the Plugin.
      * Version: The Plugin&#8217;s Version Number, e.g.: 1.0
      * Author: Name Of The Plugin Author
      * Author URI: http://URI_Of_The_Plugin_Author
      * License: A &#8220;Slug&#8221; license name e.g. GPL2
      function wpbeginner_remove_version() {
        return &#8221;;
      add_filter(&#8216;the_generator&#8217;, &#8216;wpbeginner_remove_version&#8217;);

      See! Wasn’t that easy?

      Typically, you’ll want to add to your functions.php file code that is necessary for your theme to run, and make plugins for all functionality that is separate from the theme.

      There’s a lot more to say about plugins, the example above is rather simple, but it should get you on your way.


        Labor Surplus is a Resource to be Tapped, Not a Liability to Mitigate

        “While those ancestral Maori who first colonized the Chathams may have been farmers, Maori tropical crops could not grow in the Chathams’ cold climate, and the colonists had no alternative except to revert to being hunter-gatherers. Since as hunter-gatherers they did not produce crop surpluses available for redistribution or storage, they could not support and feed nonhunting craft specialists, armies, bureaucrats, and chiefs.”

        - Diamond, Jared. “Guns Germs And Steel

        Technology is such a blessing. As production becomes more efficient, fewer people need to work in order feed the rest.

        While in the past, technology has created more jobs because of the efficiency it created, given Moore’s law, as the efficiency of our systems grow exponentially, I believe that it may threaten jobs, if we aren’t able to keep up with the progress.

        But what this really is, is the opposite of the Chathams’ experience. There are “crop surpluses” which means that more people are available to discover, build, learn and develop.

        All we need to do is invest in empowering people to profit from their creativity. If we invest intelligently in our future, we’re in for quite an exciting ride of creative invention and innovation beyond our wildest dreams.

          SharePulse Relaunched

          I am happy to announce the relaunch of SharePulse. (From the site)

          Relying on hit counts simply does not reflect the impact of your posts. SharePulse finds and ranks your site’s posts that have the greatest social impact. The stats are gathered from Twitter, LinkedIn, Facebook as well as your own site’s most commented posts measuring actual engagement. SharePulse lets you display these posts in your site’s sidebar showing off your posts which have had the greatest social impact over the past day, week, month year or for all time. Each post is displayed with the total number of tweets, shares and comments.

          This version was rebuilt from the ground up. It now uses more reliable stat counters and was built lean and with stability in mind. While it’s version 3, it is in alpha. It’s stable enough for a production server, but I decided to tag it as “incomplete” because of all the features I have planned.

          So please, use it on your site, enjoy it! And I’d love your feedback.

            Database Indices

            I recently had the pleasure of indexing our company’s sites’ tables. The  custom CMS I inherited has some really brilliant code, but it also has quite a large amount of idiotic code blocks as well. In this case, the database was not thought out as best it could have.

            I was able to reduce some ridiculously long queries from 10 seconds down to 2 seconds with a few well placed indices. While 2 seconds isn’t anything to brag about. It’s quite an improvement. A database index is a lookup table that is created to help query information more quickly.

            Before jumping in. One thing to note about indices is that there is an expense. If you go ahead and index your entire table it will likely take longer to run that query than a non-indexed table. So you have to be discerning about what you index.

            The rule of thumb is, anything that alters the query, typically a WHERE clause or ORDER or GROUP, is a potential candidate for an index. For me, the rest of the process was trial and error, I went through all the potential candidates in my longest queries and tried various combinations until I came up with the quickest time for each query. There may be an algorithm for calculating the best columns to index. But this worked.

            phpMyAdmin doesn’t make it easy to find your indices.

            ( Don’t get any funny ideas, this is just a typical WordPress install. )

            1) Open a table, click “Structure” at the top.

            where are you?

            2) At the bottom of the page is a tiny link that says “Indexes”. You can manage existing indices from here.

            oh there you are

            3) To add an index check to see if there’s a “More” menu on the column you’d like to index…

            and how do I do that?


              Why I use Bootstrap, and what I get from it

              I previously wrote about the the Bootstrap front-end framework. In a nutshell my thoughts then were, it’s a useful tool but if something goes wrong, it’ll be a pain to troubleshoot.

              What I thought then still remains true, if you need to work outside their box, you’ll have a tough time. However, since I first wrote about it, it’s gotten quite a bit more polished.

              My gripes

              When they made the jump from version 2.3 to 3 I was not happy. It’s quite a bit more polished now and naming conventions make more sense, but one really can’t upgrade a bootstrap 2.x based site to 3 with ease.

              Note to all framework developers: if you’re planning on doing such a drastic change, please, please, please document your changes carefully so that you’re not wasting the time of the people for whom you are building your code for? Even better? Write a conversion script.

              Also, I was not happy that they dropped IE7 support. It would be nice to have some graceful degradation in place, especially since it is a framework. I work with the banking industry, who notoriously refuse to upgrade their systems. Which is plain dumb and I have a lot to say about that; but, that’s for another post.

              What I Love

              Pain aside, it’s sweet to work with.

              It is now flat, which is really nice for a framework. It’s not a good idea to include tons of extra code to add shading and depth to an element that you will go ahead and overwrite. Start slim, build from there.

              The grid system is fully responsive, which was nicely executed. I’m also please that they moved away from the 8 column grid, 12 is much more flexible.

              Version 3 moved from sprites to glyphs in font format, it’s time for sprites to die.


              In today’s world it’s a no-brainer to use a framework, at least for prototyping. Whether, the framework is really just your own snippets you’ve collected, or it’s a framework that has a team dedicated to developing and improving it. Front-end frameworks really cut down the development time, and Bootstrap is solid.

              To resolve my initial reservations with using a framework, when I’m assigning projects to my team I make sure to pepper the tasks with some vanilla CSS and JS. It’s good to keep on one’s toes.

                To the FCC: Thoughts on Net Neutrality

                The internet is a great equalizer. It is the foundation upon which we share all our communication and knowledge, like the printing press. Giving priority access to some over others is the equivalent of constraining access to the alphabet or language. You’re damning the less fortunate to remain illiterate.

                Are you upset as well? Here’s something you can do. 

                Here’s something else you can do.

                  Leveling Up Your Development Skills with a Pinch of SysAdmin

                   “If you’re developing properly, you shouldn’t have to worry about whether your site is running Apache, Nginx or anything else. Your code should just work.”
                  - anon

                  When developing a plugin or theme for use by the greater community this is certainly true. Anything you put out there for someone else, should absolutely not be dependent on the platform.

                  However, if you already have a platform running, and your code is serving a purpose other than to be code for other people (a plugin or theme) to use on their sites — like if you are running a service yourself — then you want to make sure your code will run on your production server before pushing it there. That’s why I keep my servers running the same infrastructure. I have people who rely on my site running as expected.

                  I have a Virtual Machine (VM) running on which I develop. VMs are great because you can control 100% what is running on it.

                  Developing on a Mac is fun because it’s core is Unix-esk. Many developers will just use the PHP that is right there, or use MAMP. MAMP is a very good way to get started.

                  A native setup like that works 99% percent of the time. But I found that in a few edge cases, if you’re not developing in the same environment that your production server runs on, it can make debugging complicated… and I HATE debugging my production server live. If you do that you might as well skip all other layers and code commando, straight on production.

                  Another benefit of running your own VM is that you learn what goes on under the hood. Sometimes your code isn’t the only thing responsible for speed and performance. If you’re on a shared host, there’s a lot you can’t do. Once you practice on a local development environment, you might just find that you’ve built up enough gumption to run your own live server yourself.

                  The lowest tier on Digital Ocean is certainly comparable in price to any shared hosting. The benefits are nice, though. Want to try out Nginx instead of Apache? Sure! Want to use fast-cgi instead of running PHP on top of Apache? Go for it? How about just a simple APC install? No arguing on the phone with customer support. Just do it!

                  Doing this IS scary. The buck stops with YOU. Make sure you have proper fail safes, backups, etc. Digital Ocean has daily backups, which is nice. But if you’re hacked or you get a Reddit bump you need to handle it yourself.

                  Doing this also means that you will be competent to spin up multiple environments for testing. Thus validating the quote at the beginning of the post.

                  So how do I do that?

                  • On my Mac I run VM Fusion. I found it far superior for this than Parallels for running a local server.
                  • Digital Ocean has wonderful tutorials for spinning up servers. Try the LAMP stack. Want to run Nginx? No problem. I recommend trying several of these, a few times. The cool thing with a VM is that you can delete it and begin again, as many times as you need. Get to a good place? Take a snapshot and roll on.
                  • I Deploy with git. Which basically consists of making sure your local server can SSH to your live server(s). Since most of the people who use the sites I manage, manage the content themselves I don’t have to worry about syncing databases, so I haven’t worked out a solution for that.
                  • When I work with a team on a project I’ll typically have a staging server. It’s basically a clone of production, only without an easily accessible url. We coordinate with a central repository and test on the staging server. When code is ready to be shipped. It’s pushed to production.

                  When I keep everything the same, I won’t have to worry about deploying. If it works locally, and it works in the staging area, I can be assured that it’ll work on production.

                  I’d love to hear your thoughts. Discuss:


                    Handling a PHP unserialize offset error… and why it happens

                    I  discovered recently the importance of proper collation of database tables. I inherited a proprietary CMS to manage. The default collation was latin1_swedish_ci. Apparently it’s because “The bloke who wrote it was co-head of a Swedish company“. The problem occurred when a form we had on our site began getting submissions with foreign characters. The database collation couldn’t accept the characters and was saving them as question marks (?).

                    Serialization is the process of translating data structures or object state into a format that can be stored.” For example the array:

                    $returnValue = serialize(array('hello', 'world'));

                    Will become:


                    This is what the above string means:

                    • There is an array that is 2 in length. a:2.
                    • The first item in the array has a key that is an integer with the value of 0. i:0.
                    • The value for that item is a string that is 5 characters long, which is “hello”. s:5.
                    • The second item in the array has a key that is an integer with the value of 1. i:1.
                    • The value for that item is a string that is 5 characters long, which is “world”. s:5.

                    An unserialize offset error can occur when the string count in the serialized data does not match the length of the string being saved. so in the above example that would look like this:


                    Notice the number ‘4’, while there are really 5 characters in the world ‘hello’.

                    So the question is, why would the offset happen when a ? replaces a foreign character?

                    To understand why, you need to dig into how UTF-8 works and things will become clear.

                    The UTF-8 value of ‘?’ is ‘3f’, while the value for ‘Æ’ is ‘c3 86′. '?' translates into s:1:"?"; while 'Æ' translates into s:2:"Æ";. Notice the 2 replacing the 1 in the string length. So basically, what’s happening is that when php serializes the data it is storing the foreign character as a double the length but when it’s passed to MySQL, when the table isn’t formatted for UTF-8, the database converts the character to a ?, which is then stored as a single character. But the serialization length is not updated, so when you go and unserialize the data there is an offset error.

                    How to resolve the problem

                    There are several articles that provide solutions. The most popular is to use the base64_encode() function around the serialized data. This will prevent the data from getting corrupted since base64 converts the data to ASCII which any collation can take.

                    //to safely serialize
                    $safe_string_to_store = base64_encode(serialize($multidimensional_array));
                    //to unserialize...
                    $array_restored_from_db = unserialize(base64_decode($encoded_serialized_string));

                    If you don’t have access to your database, or don’t want to fool with it, this is a great solution. You can also set your table collation to utf8_general_ci or utf8_general_ci and that should solve your problem as well (that’s what we did).

                    But what if you already have bad data in your database, like we had, and you’re getting the horrid ‘Notice: unserialize() [function.unserialize]: Error at Offset’ error. When you get this notice, chances are you’re not getting all your data either…

                    Here’s what you do:

                    $fixed_serialized_data = preg_replace_callback ( '!s:(\d+):"(.*?)";!',
                        function($match) {
                            return ($match[1] == strlen($match[2])) ? $match[0] : 's:' . strlen($match[2]) . ':"' . $match[2] . '";';
                    $error_serialized_data );

                    This will search out the strings, recount the length, and replace the string length with the correct value. Unfortunately it cannot recover what the original foreign character was, but at least the rest of your data will load.

                    I got the original code from StackOverflow, but since PHP 5.5 the /e modifier in preg_replace() has been deprecated completely and the original preg_match statement suggested will error out. So I rewrote it with preg_replace_callback().