28. August 2016

Use a Koala to compile Less, Sass, Compass and CoffeeScript

“Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.”

Koala / GitHub

28. August 2016

iFramely — serve your own HTTP API for responsive web embeds using Node.js

iFramely offers a hosted and open source solution to serve your own HTTP API for responsive web embeds using Node.js.

“The API covers well over 1800 domains through 200 custom domain plugins and generic parsers for oEmbed, Open Graph and Twitter Cards…”

iFramely
How To host your own

24. August 2016

easykeyjs – handle keyboard input with ease

A jQuery plugin that makes handling the keyboard really easy.

$(document)		
 .onLeftArrowKeyDown(previousPage)
 .onRightArrowKeyDown(nextPage);

$(document)

.onLeftArrowKeyDown(previousPage)

.onRightArrowKeyDown(nextPage);

easykeyjs

23. August 2016

Real-time log monitoring in your browser with Log.io

Log.io provides real-time log monitoring in your browser (node.js + socket.io).

“Harvesters watch log files for changes, send new log messages to the server via TCP, which broadcasts to web clients via socket.io.

Log streams are defined by mapping file paths to a stream name in harvester configuration.

Users browse streams and nodes in the web UI, and activate (stream, node) pairs to view and search log messages in screen widgets.”

GitHub

23. August 2016

jQuery Scroll Indicator Bullets

jQuery plugin to create a scroll indicator bullet navigation on the right side of the screen. The plugin require Waypoints.

GitHub

23. August 2016

Chrome Extension: ErrorAnnex

Easily get notified about Javascript errors on a page.

Get notified of errors immediately
Capture the error source and message
Enable popup notifications for all or a specific domain
Receive the counts of duplicate errors
Know the current error state of a page at all times
Catch all errors residing in the top frame or in nested iframes

ErrorAnnex

23. August 2016

logerr converts JavaScript errors into a more readable format

logerr displays JavaScript errors in a more readable format and also offers remote logging of those.

Supports Chrome, Internet Explorer and Edge.

GitHub

19. August 2016

Elegant + responsive + flexible + lightweight = IZIMODAL

If you are looking for an elegant, responsive, flexible and lightweight jQuery modal solution, IZIMODAL might be the right solution for you :)

Default options:

$("#modal").iziModal({
    title: '',
    subtitle: '',
    headerColor: '#88A0B9',
    theme: '',  // light
    attached: '', // bottom, top
    icon: '',
    iconColor: '',
    width: 600,
    padding: 0,
    radius: 3,
    zindex: 999,
    iframe: false,
    iframeHeight: 400,
    iframeURL: null,
    focusInput: true,
    group: '',
    loop: false,
    navigateCaption: true,
    navigateArrows: true, // closeToModal, closeScreenEdge
    history: true,
    restoreDefaultContent: false,
    autoOpen: 0, // Boolean, Number
    bodyOverflow: false,
    fullscreen: false,
    openFullscreen: false,
    closeOnEscape: true,
    overlay: true,
    overlayClose: true,
    overlayColor: 'rgba(0, 0, 0, 0.4)',
    timeout: false,
    timeoutProgressbar: false,
    pauseOnHover: false,
    timeoutProgressbarColor: 'rgba(255,255,255,0.5)',
    transitionIn: 'comingIn',
    transitionOut: 'comingOut',
    transitionInOverlay: 'fadeIn',
    transitionOutOverlay: 'fadeOut',
    onFullscreen: function(){},
    onResize: function(){},
    onOpening: function(){},
    onOpened: function(){},
    onClosing: function(){},
    onClosed: function(){}
});

$("#modal").iziModal({

title: '',

subtitle: '',

headerColor: '#88A0B9',

theme: '', // light

attached: '', // bottom, top

icon: '',

iconColor: '',

width: 600,

padding: 0,

radius: 3,

zindex: 999,

iframe: false,

iframeHeight: 400,

iframeURL: null,

focusInput: true,

group: '',

loop: false,

navigateCaption: true,

navigateArrows: true, // closeToModal, closeScreenEdge

history: true,

restoreDefaultContent: false,

autoOpen: 0, // Boolean, Number

bodyOverflow: false,

fullscreen: false,

openFullscreen: false,

closeOnEscape: true,

overlay: true,

overlayClose: true,

overlayColor: 'rgba(0, 0, 0, 0.4)',

timeout: false,

timeoutProgressbar: false,

pauseOnHover: false,

timeoutProgressbarColor: 'rgba(255,255,255,0.5)',

transitionIn: 'comingIn',

transitionOut: 'comingOut',

transitionInOverlay: 'fadeIn',

transitionOutOverlay: 'fadeOut',

onFullscreen: function(){},

onResize: function(){},

onOpening: function(){},

onOpened: function(){},

onClosing: function(){},

onClosed: function(){}

});

IZIMODAL

15. August 2016

Use a self hosted chat service … Lets Chat

It does not have to be Slack all the time. Sometimes a self hosted open solution, is far more suited for the task ahead.

“Let’s Chat is a persistent messaging application that runs on Node.js and MongoDB. It’s designed to be easily deployable and fits well with small, intimate teams.”

BYOS (bring your own server)
Persistent messages
Multiple rooms
Private and password-protected rooms
New message alerts / notifications
Mentions (hey @you/@all)
Image embeds / Giphy search
Code pasting
File uploads (Local / Amazon S3 / Azure)
Transcripts / Chat History (with search)
XMPP Multi-user chat (MUC)
1-to-1 chat between XMPP users
Local / Kerberos / LDAP authentication
Hubot Adapter
REST-like API
Basic i18n support
MIT Licensed

GitHub

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