Welcome.
The place where I discuss, showcase & dabble in all things web.


Hi

Thor's Puppy Pictures

How to Display Your Sidebar Category List in 2 Columns


<?php
function category_columns(){
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$cat_n = count($cats) - 1;
for ($i=0;$i<$cat_n;$i++):
if ($i<$cat_n/2):
$cat_left = $cat_left.'<li>'.$cats[$i].'</li>';
elseif ($i>=$cat_n/2):
$cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
endif;
endfor;
?>
<ul class="left" style="width:48%;overflow:none;float:left;">
<?php echo $cat_left;?>
</ul>
<ul class="right" style="width:48%;overflow:none;float:right;text-align:left;">
<?php echo $cat_right;?>
</ul>
}

The Ultimate List of Social Media Metrics

The Ultimate List of Social Media Metrics


  1. Volume of consumer-created buzz for a brand based on number of posts
  2. Amount of buzz based on number of impressions
  3. Shift in buzz over time
  4. Buzz by time of day / daypart
  5. Seasonality of buzz
  6. Competitive buzz
  7. Buzz by category / topic
  8. Buzz by social channel (forums, social networks, blogs, Twitter, etc)
  9. Buzz by stage in purchase funnel (e.g., researching vs. completing transaction vs. post-purchase)
  10. Asset popularity (e.g., if several videos are available to embed, which is used more)
  11. Mainstream media mentions
  12. Fans
  13. Followers
  14. Friends
  15. Growth rate of fans, followers, and friends
  16. Rate of virality / pass-along
  17. Change in virality rates over time
  18. Second-degree reach (connections to fans, followers, and friends exposed – by people or impressions)
  19. Embeds / Installs
  20. Downloads
  21. Uploads
  22. User-initiated views (e.g., for videos)
  23. Ratio of embeds or favoriting to views
  24. Likes / favorites
  25. Comments
  26. Ratings
  27. Social bookmarks
  28. Subscriptions (RSS, podcasts, video series)
  29. Pageviews (for blogs, microsites, etc)
  30. Effective CPM based on spend per impressions received
  31. Change in search engine rankings for the site linked to through social media
  32. Change in search engine share of voice for all social sites promoting the brand
  33. Increase in searches due to social activity
  34. Percentage of buzz containing links
  35. Links ranked by influence of publishers
  36. Percentage of buzz containing multimedia (images, video, audio)
  37. Share of voice on social sites when running earned and paid media in same environment
  38. Influence of consumers reached
  39. Influence of publishers reached (e.g., blogs)
  40. Influence of brands participating in social channels
  41. Demographics of target audience engaged with social channels
  42. Demographics of audience reached through social media
  43. Social media habits/interests of target audience
  44. Geography of participating consumers
  45. Sentiment by volume of posts
  46. Sentiment by volume of impressions
  47. Shift in sentiment before, during, and after social marketing programs
  48. Languages spoken by participating consumers
  49. Time spent with distributed content
  50. Time spent on site through social media referrals
  51. Method of content discovery (search, pass-along, discovery engines, etc)
  52. Clicks
  53. Percentage of traffic generated from earned media
  54. View-throughs
  55. Number of interactions
  56. Interaction/engagement rate
  57. Frequency of social interactions per consumer
  58. Percentage of videos viewed
  59. Polls taken / votes received
  60. Brand association
  61. Purchase consideration
  62. Number of user-generated submissions received
  63. Exposures of virtual gifts
  64. Number of virtual gifts given
  65. Relative popularity of content
  66. Tags added
  67. Attributes of tags (e.g., how well they match the brand’s perception of itself)
  68. Registrations from third-party social logins (e.g., Facebook Connect, Twitter OAuth)
  69. Registrations by channel (e.g., Web, desktop application, mobile application, SMS, etc)
  70. Contest entries
  71. Number of chat room participants
  72. Wiki contributors
  73. Impact of offline marketing/events on social marketing programs or buzz
  74. User-generated content created that can be used by the marketer in other channels
  75. Customers assisted
  76. Savings per customer assisted through direct social media interactions compared to other channels (e.g., call centers, in-store)
  77. Savings generated by enabling customers to connect with each other
  78. Impact on first contact resolution (FCR) (hat tip to Forrester Research for that one)
  79. Customer satisfaction
  80. Volume of customer feedback generated
  81. Research & development time saved based on feedback from social media
  82. Suggestions implemented from social feedback
  83. Costs saved from not spending on traditional research
  84. Impact on online sales
  85. Impact on offline sales
  86. Discount redemption rate
  87. Impact on other offline behavior (e.g., TV tune-in)
  88. Leads generated
  89. Products sampled
  90. Visits to store locator pages
  91. Conversion change due to user ratings, reviews
  92. Rate of customer/visitor retention
  93. Impact on customer lifetime value
  94. Customer acquisition / retention costs through social media
  95. Change in market share
  96. Earned media’s impact on results from paid media
  97. Responses to socially posted events
  98. Attendance generated at in-person events
  99. Employees reached (for internal programs)
  100. Job applications received

Read more: http://www.marketersstudio.com/2009/11/100-ways-to-measure-social-media-.html#ixzz0qGcBgyqR

Twitter’s Tweet Button Explained

Twitter’s Tweet Button Explained


On August 12th, Twitter launched their very own tweet button for users to embed on their site.

Get the Code

<a href="http://twitter.com/share"
     class="twitter-share-button"
     data-count="vertical"
     data-via="rapprich">Tweet
</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

HTML5 Video With Flash Embed Fallback

HTML5 Video With Flash Embed Fallback


<video controls width="500">
	<!-- For -moz -->
	<source src="video.ogg" type="video/ogg" />
	<!-- For -webkit -->
	<source src="video.mp4" type="video/mp4" />
	<!-- If the browser doesn't understand the <video> element, then reference a Flash file. -->
	<embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="640" height="385" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed>
</video>

Practical CSS3 snippets for Modern Web Design

Practical CSS3 snippets for Modern Web Design


Hover states

 -o-transition-duration: 1;
 -o-transition-property: color, background-color;
 -webkit-transition-duration: 1;
 -webkit-transition-property: color, background;

Transition-Timing-Duration

  • Ease
    • Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).
  • Linear
    • Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).
  • Ease-In
    • Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).
  • Ease-Out
    • equivalent to cubic-bezier(0, 0, 0.58, 1.0).
  • Ease-in-out
    • Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0)
  • Cubic-Bezier
    • Specifies a cubic-bezier curve.
    • 4 values specify points P1 and P2 of the curve as (x1, y1, x2, y2).
    • All values must be in the range [0, 1]

More Wedding Pictures Starring Yours Truly

More Wedding Pictures Starring Yours Truly


After 6 weeks of waiting patiently,  the 2000+ raw photo files form our wedding arrived on DVD.   I only had the chance to go through a small portion of them but let me know what you think.  I think they were worth the time & effort.

[popeye]

TrackBook

TrackBook


TrackBook is a soon-to-be AJAX powered WordPress plugin built with Mootools. While it’s not quite ready for svn, I’ll still post the link to a semi-functional live demo.

You can also watch a demo of the app below:

In A Nutshell

This panel contains my 30 second overview of what this site/I am about.

A Little Something About Me

Jon Phillips

My name's Erik, I'm a grassroots activist turned web guru by day & a concert pianist/husband/speaker by night. I currently am the director of web development & interactive design for a national political organization & also freelance under the name "EthosDigital".

Main Sections

Site Settings