15. August 2016

Create your own bot with Nibblr

These days its all about the Bots. Slack is everywhere, its build on top of the IRC protocol and allows you to use Bots as well.

Last week I updated my own little IRC universe and looked at some of the new fresh IRC bot projects.

Nibblr is a javascript framework to create IRC bots. It packs a javascript interpreter and commands can be added through the IRC bot or through the web interface.

Nibblr @ GitHub

12. August 2016

IMAP2Slack with Node.JS

Simple Node.JS solution to post incoming emails to a channel at Slack.

Imap2Slack@GitHub

10. August 2016

Grunticon … a Grunt.js task to make SVG usage easy

„Grunticon is a Grunt.js task that makes it easy to use SVGs (Scalable Vector Graphics) for crisp, resolution independent icons, logos, illustrations and background images. SVGs aren’t supported everywhere so Grunticon auto-generates bitmap (PNG) fallback images and loads the right format for compatibility with pretty much any browser.“

Grunticon

25. Mai 2016

Responsive Emails with MJML

MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML’s open-source engine generates high quality responsive HTML compliant with best practices.

<mjml>
  <mj-body>
    <mj-container>
      <mj-section>
        <mj-column>

          <mj-image width="100" src="/assets/img/logo-small.png"></mj-image>

          <mj-divider border-color="#F45E43"></mj-divider>

          <mj-text font-size="20px" color="#F45E43" font-family="helvetica">Hello World</mj-text>

        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>

<mjml>

<mj-body>

<mj-container>

<mj-section>

<mj-column>

<mj-image width="100" src="/assets/img/logo-small.png"></mj-image>

<mj-divider border-color="#F45E43"></mj-divider>

<mj-text font-size="20px" color="#F45E43" font-family="helvetica">Hello World</mj-text>

</mj-column>

</mj-section>

</mj-container>

</mj-body>

</mjml>

mjml

3. Mai 2016

Zombie.js = Insanely fast, headless full-stack testing using Node.js

Zombie.js is a lightweight framework for testing client-side JavaScript code in a simulated environment. No browser required.

const Browser = require('zombie');

// We're going to make requests to http://example.com/signup
// Which will be routed to our test server localhost:3000
Browser.localhost('example.com', 3000);

describe('User visits signup page', function() {

  const browser = new Browser();

  before(function(done) {
    browser.visit('/signup', done);
  });

  describe('submits form', function() {

    before(function(done) {
      browser
        .fill('email',    'zombie@underworld.dead')
        .fill('password', 'eat-the-living')
        .pressButton('Sign Me Up!', done);
    });

    it('should be successful', function() {
      browser.assert.success();
    });

    it('should see welcome page', function() {
      browser.assert.text('title', 'Welcome To Brains Depot');
    });
  });
});

const Browser = require('zombie');

// We're going to make requests to http://example.com/signup

// Which will be routed to our test server localhost:3000

Browser.localhost('example.com', 3000);

describe('User visits signup page', function() {

const browser = new Browser();

before(function(done) {

browser.visit('/signup', done);

});

describe('submits form', function() {

before(function(done) {

browser

.fill('email', 'zombie@underworld.dead')

.fill('password', 'eat-the-living')

.pressButton('Sign Me Up!', done);

});

it('should be successful', function() {

browser.assert.success();

});

it('should see welcome page', function() {

browser.assert.text('title', 'Welcome To Brains Depot');

});

GitHub

3. Mai 2016

Self-hosted web IRC client … Shout / The Lounge

Node.js
Always connected
Responsive interface
Cross Platform
Multiple user accounts

Shout / The Lounge