Take cross browser screenshots with hubot-browserstack

I published a Hubot script to take cross browser screenshots with BrowserStack.

me > hubot screenshot me http://www.google.com/
hubot > Started generating screenshots in http://www.browserstack.com/screenshots/d804f186e460dc4f2a30849a9686c3a8c4276c21

To add this script run npm install command in your hubot directory.

npm install --save hubot-browserstack

and add hubot-browserstack to external-scripts.json

["hubot-browserstack"]

For more details, visit GitHub repo: ngs/hubot-browserstack.

GitHub Notifications for Google Chrome

Screen

I created a chrome extension to check GitHub Notifications in toolbar icon.

This displays unread count and lists unread notifications in popup.

Badge

GitHub Repository: ngs/github-notifications-crx

Read On 

Abort Capistrano 2 deployment if remote is dirty

I configured Capistrano 2 to abort deployment if remote directory is dirty.

Because uncommited changes in remote directory will cause degrade.

# Of course, modifying source code in remote directory is bad, but sometimes we need to do it.

Read On 

Similar Articles on middleman-blog

I created a middleman-blog extension to lookup similar articles.

View middleman-blog-similar on GitHub.

gem 'middleman-blog-similar'
gem 'levenshtein-ffi', :require => 'levenshtein'
h2 Similar Entries
ul
  - similar_articles.first(5).each do|article|
    li= link_to article.title, article.url

You can retrieve similar articles from similar_articles helper method or Middleman::Blog::BlogArticle#similar_articles instance method.

Read On 

Exporting and importing iTerm 2 Color Schemes

I started to manage stuffs with dotfiles git repository instead of Boxen.

I managed iTerm 2 color schemes with puppet-iterm2 modules, that was very useful.

Read On 

Universal Code support for middleman-google-analytics

As Google announced, Universal Analytics became out of beta.

This blog is using middleman-google-analytics to embed Google Analytics code, so I need to paste the snippet or modify the extension to use Universal Analytics.

The extension helped me a lot, so I started improve that and sent pull requests.

Read On 

middleman-ogp

I released an OpenGraph Protocol helper extension for Middleman.

ngs/middleman-ogp on GitHub

In your Gemfile

gem 'middleman-ogp'

Read On 

Generating JavaScript code to arrange elements to be same with specified HTML or element using jQuery Element Diff

jQuery Element Diff Plugin is a plugin to generate JavaScript code to arrange elements to be same.

Read On 

Generating unique selector with jQuery Selectorator

jQuery Selectorator Plugin is a plugin to generate unique selector from jQuery object.

$('element').getSelector()

Set options.ignore to ignore classes, ids, names:

$('element').getSelector({ ignore: { classes: ['ui-droppable'] } })

Read On 

Twitter Bootstrap theme for RDoc

screen1

I created a RDoc Generator with Bootstrap forked from Hanna Nouveau.

http://ngs.github.io/hanna-bootstrap/

Hanna Bootstrap is available from RubyGems.

gem install hanna-bootstrap

Or git-clone from the repo if you would.

git clone git://github.com/ngs/hanna-bootstrap.git

The templates of this generator are written in HAML, SASS, CoffeeScript.

You can customize your favorite Bootstrap based theme easily. Enjoy!