Links tagged with “javascript”
-
Karma
“Test Runner for JavaScript”. (via @yoz)
-
Mocha
“A feature-rich JavaScript test framework running on node.js and the browser”. (via @yoz)
-
Unity - Activating GameObjects
I think they’ve added custom JS to allow tabbed language-switching between what are Prism.js-styled code blocks, which is nice. If you’ve seen similar somewhere, do let me know…
-
Prism
Nice-looking lightweight JavaScript syntax highlighting, which I’ll forget the name of by tomorrow.
-
Sheetsee.js
“A JavaScript library, or box of goodies, if you will, that makes it easy to use a Google Spreadsheet as the database feeding the tables, charts and maps on a website.” (via Infovore)
-
Hugosslade/smackmyglitchupjs
JavaScript for glitching a jpg, no fancy interface.
-
Image glitch experiment
Nice JavaScript web-based tool for glitching a jpg image.
-
Antimeridian Cutting
From that previous d3 examples talk, simply because moving your mouse over this map is extremely satisfying. Wheeeee…
-
For Example
A transcript of a talk Mike Bostock gave at Eyeo about good examples, using lots of good, live, examples of d3 diagrams, maps, etc. Really good. Also, made my iPad 1 completely restart… (via The Functional Art)
-
LPChart: JavaScript charts for Little Printer publications | Robots and Clouds
A thing I wrote for work about a thing I made at work to help make more things.
-
Online JSON Viewer
I keep forgetting this URL. Useful because it’s much less picky about formatting input data, so it will nicely format things like Ruby objects I’ve printed to the logs even though they’re not JSON. (@infovore has now pointed me at pp and awesome_print, thanks!)
-
The top 20 data visualisation tools | Feature | .net magazine
A nice summary of everything from Excel to Gephi. (via Dotcode)
-
Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use.
Rather nice multimedia timelines. Open source. Twitter Bootstrap aesthetic. (via Mildly Diverting)
-
ViziCities development diary #1: One month in | Rawkes
This is great. Not just an interesting project — making a SimCity-like 3D view of a city’s data, on the web — but a lovely high-level (no actual code) description of learning how to solve and improve something. (via @neb)
-
D3 | TULP interactive
A few more d3 tutorials here.
-
D3 Tutorials — Scott Murray — alignedleft
Closing some handy tabs and saving things for the future. Some of these tutorials were very useful.
-
NVD3.js :: re-usable charts for d3.js
“An attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you.” So many of these things to choose from. (via @nickludlam)
-
xCharts » Documentation
“A D3-based library for building custom charts and graphs.” (via @danjwilson)
-
Rickshaw: A JavaScript toolkit for creating interactive time-series graphs
A nice wrapper on top of D3. Looks very handy. (via @nickludlam)
-
Ratchet
“Prototype iPhone apps with simple HTML, CSS and JS components.” Seems really nice. Less extensive than something like jQuery Mobile, but looks nice and simple to get something up and running quickly.
-
addyosmani/backbone-fundamentals · GitHub
A book about using Backbone.js (click index.md to read it on one page). Looks good, and better explained than everything else I’ve read today. Wish I’d found this eight hours ago.
-
Backbone patterns
One of the few useful and not-entirely-confusing or too-specific things I’ve found about Backbone.js today.
-
Organizing Your Backbonejs Application With Modules - Bocoup
I quite like some of this description of how to organise Backbone.js-based JavaScript. (UPDATE: Seems very overcomplicated, without quite explaining why, or how to use its structure in practice.)
-
Moment.js | Parse, validate, manipulate, and display dates in javascript.
An alternative to Datejs, the name of which I will otherwise forget.
-
Pareidoloop
“1. generate random polygons. 2. feed them into a face detector. 3. mutate to increase recognition confidence.” All done in-browser. Lovely stuff from Philip McCarthy. Code on Github.
-
Peity • progressive
Nice jQuery plugin for turning lists of numbers into little pie charts, graphs or bar charts. Sparklines. (via Brett Terpstra)
-
Home - Annotator - Annotating the Web
“An open-source JavaScript library and tool that can be added to any webpage to make it annotatable. Annotations can have comments, tags, users and more.” (via Brett Terpstra)
-
Pixastic: JavaScript Image Processing
I keep forgetting the name of this and appear to have not bookmarked it before. “A JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images.”
-
Wysihtml5 - A better approach to rich text editing
Looks nice. IE8+ (and other modernish browsers). (via @dotcode)
-
google-map-marker-with-shadow.js — Gist
“Here’s how to add a coloured marker to a Google Map with a shadow in the right place.” The marker’s dynamically generated using the Google Charts API.
-
Modern Web Development
Pretty comprehensive and good look at the Chrome developer tools. A bunch of things I didn’t know or had simply ignored. (via @simonw)
-
EightMedia/hammer.js
“A javascript library that can be used to control gestures on touch devices. It supports the following gestures: Tap; Double tap; Hold; Drag; Transform (pinch).” Seems to work well.
-
Issue #3057: bootstrap-dropdown.js clearMenus() needs ; at the end · twitter/bootstrap
Long, long discussion over whether to use a semi-colon or not. Saved to show non-coders how important the smallest details can be. And, also, USE SEMI-COLONS, WHAT’S WRONG WITH YOU PEOPLE?!
-
Essential JavaScript Design Patterns
Looks very, very good. But seeing this all on one page, rather than in book format makes my brain shake like it’s about to explode. Too. Much. Stuff. To. Know. (via Tom Taylor)
-
A Baseline for Front-End Developers - Adventures in JavaScript Development
All good stuff. But I must admit, after doing front end dev work (not solely, but a lot) over the past, what, 17 years, these days it’s really, really hard to keep up. (via Dotcode)
-
Luxurious Animals Blog - Combining Easel.js and Box2d in Canvas
I have no plans to use this stuff, but it seems good, so if I bookmark it, it’s as good as learned!
-
EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.
What it says in the title. “The API is loosely based on Flash’s display list, and should be easy to pick up for both JS and AS3 developers.”
-
Seth Ladd’s Blog: Box2D orientation for the JavaScript developer
A series of posts describing how to use Box2D, “an open source 2D physics engine” with JavaScript.
-
Scottjehl/Hide-Address-Bar · GitHub
“A normalized approach to hiding the address bar on iOS and Android”
-
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
A list of small JavaScript libraries for doing very specific things, in contrast to something bigger like jQuery. (via Tom Carden commenting on Mike Migurski’s site)
-
Ender
“Ender is a full featured package manager for your browser. It allows you to search, install, manage, and compile front-end javascript packages and their dependencies for the web.” Requires node.js and NPM (via Tom Carden commenting on Mike Migurski’s site)
-
Cyberdelia/django-pipeline
Good-looking thing for compressing and concatenating CSS and JavaScript files with Django. Good documentation, handles LESS, SASS, CoffeeScript etc. Nice.
-
Create marker with custom labels in Google Maps API v3 | Uncle Tomm’s blog
This was handy for making markers on Google Maps with a custom marker image and custom text on the marker.
-
jQuery Quicksand plugin
Nice animated, automated sorting of HTML elements. Seems a bit odd internally - it uses or makes a copy of everything you’re sorting, but the ultimate effect is nice.
-
Brikis98/lilac - GitHub
“This project shows an example of how to use node.js to: Share backbone.js models between server and client; Share dust templates between server and client; Split up rendering between server and client.” (via LinkedIn Engineering)
-
The Node Beginner Book » A comprehensive Node.js tutorial
A nice walk-through of basic Node.js stuff for a beginner like me.
-
Backbone.js Wine Cellar Tutorial — Part 1: Getting Started
Looks like a handy tutorial for using the Backbone JavaScript framework.
-
A Case Against Using CoffeeScript ☃ Ryan Florence Online
I’ve never used CoffeeScript, but I just enjoy reading nicely-written articles about code like this. (via Dotcode)
-
Adactio: Journal—Image-y nation
One way to do responsive images on web pages for different-sized devices which is very reminiscent of the old LOWSRC images which I’ve been thinking about recently. (via Infovore)
-
Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com
Because I forget the name of this and it’s a very nice, easy-to-set-up and restyle pop-up window plugin.