Mitchell McKenna - tagged with javascript http://mitchmckenna.com/feed en-us http://blogs.law.harvard.edu/tech/rss LifePress mitchellmckenna@gmail.com Scrollback - Add Live Chat To Your Website [Open Source] http://mitchmckenna.com/post/15277/scrollback-add-live-chat-to-your-website-open-source

I first saw Scrollback being used on Tomahawk's website. You can embed a live chatbox to your website using this nodejs app. Archives all your conversations. Admin panel allows you to moderate conversations and hide messages. Customize your Scrollback chat widget to match the branding of your website or blog. Integrate your IRC channel with your Scrollback room, which means you could include github notifications for your project as well.

]]>
Mon, 23 Mar 2015 03:35:00 -0400 http://mitchmckenna.com/post/15277/scrollback-add-live-chat-to-your-website-open-source/scrollback-add-live-chat-to-your-website-open-source
Awesomplete: Autocomplete that's Simple, Lightweight, Customizable http://mitchmckenna.com/post/15199/awesomplete-autocomplete-thats-simple-lightweight-customizable

I like how simple this autocomplete is, and small.

]]>
Fri, 20 Feb 2015 16:11:00 -0500 http://mitchmckenna.com/post/15199/awesomplete-autocomplete-thats-simple-lightweight-customizable/awesomplete-autocomplete-thats-simple-lightweight-customizable
Chartist - Responsive Charting JS Library http://mitchmckenna.com/post/15179/chartist-responsive-charting-js-library

Responsive. Style with CSS & control with JS. Usage of SVG. Other modern charting libraries I have posted about are Chart.js and C3.

]]>
Thu, 12 Feb 2015 02:43:00 -0500 http://mitchmckenna.com/post/15179/chartist-responsive-charting-js-library/chartist-responsive-charting-js-library
Moment.js | JS Date Manipulation Library http://mitchmckenna.com/post/15075/momentjs-js-date-manipulation-library

Parse, validate, manipulate, and display dates in javascript.

]]>
Fri, 21 Nov 2014 13:42:00 -0500 http://mitchmckenna.com/post/15075/momentjs-js-date-manipulation-library/momentjs-js-date-manipulation-library
Swing - JS Library For Tinder-Like Swiping http://mitchmckenna.com/post/14922/swing-js-library-for-tinder-like-swiping

A swipeable cards interface. The swipe-left/swipe-right for yes/no input. As seen in apps like Jelly and Tinder, and many others.

]]>
Mon, 10 Nov 2014 13:08:00 -0500 http://mitchmckenna.com/post/14922/swing-js-library-for-tinder-like-swiping/swing-js-library-for-tinder-like-swiping
Off-Canvas Menu Effects Using Bounce.js http://mitchmckenna.com/post/14767/off-canvas-menu-effects-using-bouncejs

Great example of how you can use bounce.js to build animated (off-canvas) menus.

]]>
Wed, 17 Sep 2014 14:29:00 -0400 http://mitchmckenna.com/post/14767/off-canvas-menu-effects-using-bouncejs/off-canvas-menu-effects-using-bouncejs
C3.js | D3 Reusable Chart Library http://mitchmckenna.com/post/14694/c3js-d3-reusable-chart-library

C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. Responsive design. Includes most basic chart types; bar, pie, timeseries, scatter, etc

]]>
Fri, 29 Aug 2014 16:35:00 -0400 http://mitchmckenna.com/post/14694/c3js-d3-reusable-chart-library/c3js-d3-reusable-chart-library
Passport - Auth for Node.js (facebook, twitter, google, etc) http://mitchmckenna.com/post/14579/passport-auth-for-nodejs-facebook-twitter-google-etc

Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application. A comprehensive set of strategies support authentication using a username and password, Facebook, Twitter, and more.

]]>
Thu, 31 Jul 2014 13:58:00 -0400 http://mitchmckenna.com/post/14579/passport-auth-for-nodejs-facebook-twitter-google-etc/passport-auth-for-nodejs-facebook-twitter-google-etc
Drywall - Node.js Framework to Bootstrap Creating Websites http://mitchmckenna.com/post/14580/drywall-nodejs-framework-to-bootstrap-creating-websites

Basic front end web pages to bootstrap the creation of your website. Built on Express. Includes an auth system (using Passport) with login (including Facebook, Twitter, Google) and forgot password/reset password, and an admin area with user and group permissions. Utilizes lots of great packages such as Bootstrap, Grunt, Jade, Backbone.js, Bower, Mongoose, Underscore.js, and Font-Awesome.

]]>
Thu, 31 Jul 2014 13:57:00 -0400 http://mitchmckenna.com/post/14580/drywall-nodejs-framework-to-bootstrap-creating-websites/drywall-nodejs-framework-to-bootstrap-creating-websites
Chart.js - JS Library for HTML5 Charts http://mitchmckenna.com/post/14505/chartjs-js-library-for-html5-charts

There is a huge plethora of js charting libraries out there. I had used flot.js for Engadget's price graph, but it took some hackery to get it to work the way we wanted it to. This is a fairly newer one, that focuses on 6 of the most common charts and simplicity of use. There isn't currently any tooltips, but there is a pull request which does have them (and other features). There hadn't been much development on the repo for a while but the creator tweeted a WIP of responsive graphs with tooltips.

]]>
Fri, 20 Jun 2014 18:42:00 -0400 http://mitchmckenna.com/post/14505/chartjs-js-library-for-html5-charts/chartjs-js-library-for-html5-charts
Tablesaw - A Group of Plugins for Responsive Tables http://mitchmckenna.com/post/14431/tablesaw-a-group-of-plugins-for-responsive-tables

Tables - they've got a bad wrap in web dev history, but it's appropriate for tabular data. Here's some neat plugins for making your tables more useful in responsive design.

]]>
Fri, 16 May 2014 19:47:00 -0400 http://mitchmckenna.com/post/14431/tablesaw-a-group-of-plugins-for-responsive-tables/tablesaw-a-group-of-plugins-for-responsive-tables
laroute - Generate Laravel Routes in JS http://mitchmckenna.com/post/14427/laroute-generate-laravel-routes-in-js

Laravel has some pretty sweet helper functions for generating urls/links and its auto-json-magic makes it building APIs super easy. This package allows us to port our routes over to JavaScript, and gives us a bunch of very familiar helper functions to use.

]]>
Fri, 16 May 2014 14:52:00 -0400 http://mitchmckenna.com/post/14427/laroute-generate-laravel-routes-in-js/laroute-generate-laravel-routes-in-js
Quill - An Open Source Rich Text Editor with an API http://mitchmckenna.com/post/14410/quill-an-open-source-rich-text-editor-with-an-api

Open sourced by Salesforce. Written in javascript (coffeescript), with focus on building an API to events and easy of adding custom behavior (in comparison to say CKEditor). Has multi-user editing support (multi-cursor).

]]>
Thu, 08 May 2014 17:14:00 -0400 http://mitchmckenna.com/post/14410/quill-an-open-source-rich-text-editor-with-an-api/quill-an-open-source-rich-text-editor-with-an-api
Hackathon Starter - A boilerplate for Node.js web applications http://mitchmckenna.com/post/14320/hackathon-starter-a-boilerplate-for-nodejs-web-applications

A great framework for starting an nodejs project, includes Express, MVC structure, bootstrap, native auth or oAuth login (via Twitter, Facebook, Google, etc), user account management, email support, and a couple basic themes to pick from.

]]>
Wed, 09 Apr 2014 21:49:00 -0400 http://mitchmckenna.com/post/14320/hackathon-starter-a-boilerplate-for-nodejs-web-applications/hackathon-starter-a-boilerplate-for-nodejs-web-applications
Scribe - Rich Text Editor Framework http://mitchmckenna.com/post/14220/scribe-rich-text-editor-framework

Scribe is a lightweight wrapper for contentEditable, a library that only patches browser inconsistencies in contentEditable and, on top of that, ensured semantic markup. You can read why the Guardian built it here: http://www.theguardian.com/info/developer-blog/2014/mar/20/inside-the-guardians-cms-meet-scribe-an-extensible-rich-text-editor

]]>
Thu, 20 Mar 2014 13:37:00 -0400 http://mitchmckenna.com/post/14220/scribe-rich-text-editor-framework/scribe-rich-text-editor-framework
node-webkit - Build Cross-platform Native Apps Using node.js http://mitchmckenna.com/post/14202/node-webkit-build-cross-platform-native-apps-using-nodejs

node-webkit is an app runtime based on Chromium and node.js. You can write native apps in HTML and Javascript. It's created and open sourced by Intel. It makes it easy to package and distribute apps for Linux, Mac OSX and Windows. Popular projects built on node-webkit include LightBox and Popcorn Time.

]]>
Tue, 18 Mar 2014 05:50:00 -0400 http://mitchmckenna.com/post/14202/node-webkit-build-cross-platform-native-apps-using-nodejs/node-webkit-build-cross-platform-native-apps-using-nodejs
You Might Not Need jQuery http://mitchmckenna.com/post/13996/you-might-not-need-jquery

Neat site that shows side by side how to do something in jquery and how to do it in native javascript. It's not saying don't use jquery, but your just doing something simple, in modern browsers, maybe you don't need the whole jquery library.

]]>
Fri, 31 Jan 2014 13:45:00 -0500 http://mitchmckenna.com/post/13996/you-might-not-need-jquery/you-might-not-need-jquery
Hammer.js - Multi-touch Gestures Javascript Library http://mitchmckenna.com/post/13958/hammerjs-multi-touch-gestures-javascript-library

At only 3kb when gzipped, it is a lightweight and efficient library. Hammer doesn't require jQuery or other libraries to work. A jQuery plugin is available though. Hammer supports Tap, DoubleTap, Swipe, Drag, Pinch, and Rotate gestures.

]]>
Thu, 23 Jan 2014 18:47:00 -0500 http://mitchmckenna.com/post/13958/hammerjs-multi-touch-gestures-javascript-library/hammerjs-multi-touch-gestures-javascript-library
Fluidbox - Modern Lightbox Effect http://mitchmckenna.com/post/13856/fluidbox-modern-lightbox-effect

Replicating and improving the lightbox module seen on Medium with fluid transitions.

]]>
Wed, 01 Jan 2014 10:53:00 -0500 http://mitchmckenna.com/post/13856/fluidbox-modern-lightbox-effect/fluidbox-modern-lightbox-effect
Adaptive Backgrounds jQuery Plugin http://mitchmckenna.com/post/13834/adaptive-backgrounds-jquery-plugin

A jQuery plugin for extracting dominant colors from images and applying it to its parent.

]]>
Mon, 23 Dec 2013 15:13:00 -0500 http://mitchmckenna.com/post/13834/adaptive-backgrounds-jquery-plugin/adaptive-backgrounds-jquery-plugin