- Home
- Work
- Code
- Tweet
- Blog
- Contact
Josh Robinson
Josh Robinson is a code craftsman and freelance developer who thrives on cutting edge technology. His love for coding began with the blue glow of a second hand Commodore 64 and has continued into his career developing for the modern web.
-
Info
- Summary
I am a code craftsman and freelance developer who thrives on cutting edge technology. My love for coding began with the blue glow of a second hand Commodore 64 and has continued into my career developing for the modern web. In 2006, while working at a VoIP provider, I discovered the elegance of Ruby and Ruby on Rails which led to the creation of several gems including the popular countries gem.
Specialties: Ruby, PHP, LUA, Ruby on Rails, Node.js, AJAX, XML, JSON, HTML5, CSS3, jQuery, Javascript, CoffeeScript, Asterisk, FreeSWITCH, SIP, MySQL, Postgers, MongoDB, NoSQL, Backbone.jsExperience- Apr 2013 - PresentSenior Web UI/Javascript Engineer / iTriage, LLC
- Feb 2013 - PresentCEO / TriNimbus LLC
- Jul 2011 - PresentOrganizer / Hack Nite
Hack Nite is a place for people to learn and exchange ideas. People are doing cool things out there and we want to know about them.
- May 2012 - Apr 2013Ruby on Rails Developer / Bloomberg LP
While at Bloomberg I have had the opportunity to work on a highly influential product with an impressive team. My primary work has involved processing and indexing large data sets and improving performance.
- Sept 2010 - Feb 2013Co-Founder / Cracker Snack
Cracker Snack Inc. is at its heart a web development company that has an affinity for the cutting edge. We help businesses make there online dreams a reality, anything from giving them an online presence to creating a full fledged web app. We love working with the latest tech, such as html5 & css3, and using it to make something amazing for our clients.
- Dec 2010 - May 2012CTO / ShortTermHousing.com
As the CTO for ShortTermHousing.com I managed a team of designers, coders and writers to bring this startup from concept to reality using Ruby on Rails and the latest web technologies.
Built custom site from the ground up using Ruby on Rails, HTML5, CSS3 and MongoDB.
Created automated deployment system using OpsCode’s Chef platform to configure servers on the RackSpace Cloud and push updates to the app as they were made.
Made TKO.js, a javascript micro-framework that leverages jQuery to bind UI elements to a model layer such as backbone.js.
Used TKO.js and other javascript frameworks to consume RESTful JSON apis.
- Extracted javascript and rails code to create open-source micro frameworks and gems from code written for shorttermhousing.com - May 2006 - Dec 2010Senior Developer / Teliax
Working at Teliax gave me the opportunity to build battle hardened Ruby on Rails systems and push there limits in the reliability and performance demanding world of telephony and VoIP.
Migrated legacy php billing and routing platform to a custom rails app
Architected distributed telephony system using Ruby on Rails and FreeSWITCH to provide a high availability VoIP PBX services.
- Designed, styled and coded user interface to allow customers to manage virtual PBXs in browser. - Jan 2000 - May 2006CTO / Sindt Inc.
Ran all tech aspects of family business while working in the field as needed.
Education-
2001 - 2003Hamilton CollegeAAS in CIS - Programming
Additional Information-
Websites:
-
Repositories
- All sorts of useful information about every country packaged as pretty little country objects. It includes data from ISO 3166 (countries and states/subdivisions ), ISO 4217 (currency), and E.164 (phone numbers). As a bonus it even adds a country_select helper to rails projects.74 forks / 208 watchers / Pushed May 17, 13
- Simple gem for working with currencies. It is extracted from the countries gem and contains all the currency information in the ISO 4217 standard.12 forks / 37 watchers / Pushed May 11, 13
- Tools for working with phone numbers in the e164 format.9 forks / 25 watchers / Pushed Dec 30, 11
- Admin interface for Rails 3 + Mongoid using Backbone.js2 forks / 16 watchers / Pushed Nov 01, 11
- Generates a URL slug/permalink based on fields in a Mongoid-based model1 watcher / Pushed Sep 06, 11
- Turn your state machine into full work flows and take control.3 watchers / Pushed Jun 29, 11
- An evented application framework for the FreeSWITCH telephony platform. Its currently Alpha.1 fork / 1 watcher / Pushed Aug 25, 10
- trying out different syntax for marking up a dialplan using json, xml and yaml4 watchers / Pushed Jun 08, 10
- hancock is an OpenID based Single Sign On provider written in Sinatra.1 fork / 2 watchers / Pushed Sep 16, 09
-
Tweets
- User Experience Trends for Admin Dashboards http://t.co/CvQtQIqOJN #webdesign
- Life-Tracking App Expereal Is Your Personal Weapon Against Cognitive Biases http://t.co/oJNhgs1JOV #startup #lifehack
- 30 Unconventional Business Cards http://t.co/d3NDSBqBQC #design
- Validation http://t.co/SyJLGujpN9 #startup
- Check out:"Denver Hack Nite!" http://t.co/hlbSu3OyuL
- How to build and test your Rest API with Node.js, Express and Mocha http://t.co/CGCD2pfnnN #webdevelopment #javascript
- Kinekt Gear Ring http://t.co/EtrBJTlv6f #want
- 30 Useful HTML5 Web Designing Tools for Designers & Developers http://t.co/BlsEC2JwxL #webdesign #webdevelopment
- How to Make Window Hardware With Industrial Style and look like a #startup http://t.co/Le6krQZbIY
- @compilewindows I liked it :-)
- Pursue what you "can't not do" http://t.co/y2Rs7GCnAs
-
Posts
- Nov 12, 12
The Problem
I like Blogger.com as a platform and find the "Dynamic" layout to be pretty slick. The only problem is it doesn't support code/syntax highlighting, which is a must for this blog. I found a couple solutions for getting google-code-prettify working with Blogger but they all included the same hack that involved putting a code snippet in every post you wanted the highlighting applied to.
This is acceptable if you don't have another way but it caused another problem if you wanted line numbers. Since the code snippet was on each post if multiple posts were loaded on the same page the snippet would be called multiple times causing line numbers to be applied multiple times also.The Solution
To prevent the double line numbering I added a little helper function to run prettyPrint() then replace the .prettyprint class used by googles-code-prettify with a .prettified class. The helper can be called as many times as needed without the same blocks of code being reprocessed.
Start out by editing the html for the layout and adding the following code right before the closing head tag.<script src='//cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
window.prettify = function() {
prettyPrint();
$('.prettyprint').addClass('prettified').removeClass('prettyprint');
}
</script>
To add some style just grab some css for prettify from demo.stanleyhlng.com/prettify-js and past it in the advanced section of bloggers template designer. The only tweak you have to make is to the "pre.prettyprint" style which needs to be changed to "pre.prettyprint, pre.prettified" in order to apply to the prettified block also. I used the solarized dark theme as I use it in all my actual code editing./* Pretty printing styles. Used with prettify.js.
*
* This version is slight modified based on the original version.
*
* Name: Stanley Ng
* Email: stanleyhlng@googlegroups.com
*
* Reference:
* http://code.google.com/p/google-code-prettify/source/browse/trunk/src/prettify.css
*/
.pln {
color: #bd3613; }
.str {
color: #269186; }
.kwd {
color: #859900; }
.com {
color: #586175;
font-style: italic; }
.typ {
color: #b58900; }
.lit {
color: #2aa198; }
.pun {
color: #839496; }
.opn {
color: #839496; }
.clo {
color: #839496; }
.tag {
color: #268bd2; }
.atn {
color: #586175; }
.atv {
color: #2aa198; }
.dec {
color: #268bd2; }
.var {
color: #268bd2; }
.fun {
color: #FF0000; }
/* Put a border around prettyprinted code snippets. */
pre.prettyprint, pre.prettified {
overflow-x: scroll;
background-color: #042029;
padding: 10px;
border: 1px solid #E1E1E8; }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
color: #4c666c;
margin: 0 0 0 0px; }
ol.linenums li {
line-height: 18px;
padding-left: 12px; }
Once all the setup is out of the way you can start writing up some posts. The code blocks are done in a normal prettify way using pre tags with a .prettyprint class along with .linenums and the language you are highlighting for.<pre class="prettyprint linenums ruby">
def hello
puts "world"
end
<pre>
And at the end of the post put the code snippet that calls your prettify helper.<script type="text/javascript">$(prettify);</script>
And now you have nice beautiful code in a Blogger "Dynamic" layout.
