Skip to main content

Bookmarks tagged with “javascript”

  1. D3 Tutorials — Scott Murray — alignedleft

    Closing some handy tabs and saving things for the future. Some of these tutorials were very useful.

  2. 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)

  3. xCharts » Documentation

    “A D3-based library for building custom charts and graphs.” (via @danjwilson)

  4. Rickshaw: A JavaScript toolkit for creating interactive time-series graphs

    A nice wrapper on top of D3. Looks very handy. (via @nickludlam)

  5. 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.

  6. 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.

  7. Backbone patterns

    One of the few useful and not-entirely-confusing or too-specific things I’ve found about Backbone.js today.

  8. 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.)

  9. Moment.js | Parse, validate, manipulate, and display dates in javascript.

    An alternative to Datejs, the name of which I will otherwise forget.

  10. 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.

  11. Peity • progressive pie charts

    Nice jQuery plugin for turning lists of numbers into little pie charts, graphs or bar charts. Sparklines. (via Brett Terpstra)

  12. 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)

  13. 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.”

  14. Wysihtml5 - A better approach to rich text editing

    Looks nice. IE8+ (and other modernish browsers). (via @dotcode)

  15. 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.

  16. 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)

  17. 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.

  18. 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?!

  19. 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)

  20. 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)

  21. 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!

  22. 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.”

  23. 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.

  24. Scottjehl/Hide-Address-Bar · GitHub

    “A normalized approach to hiding the address bar on iOS and Android”

  25. 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)

  26. 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)

  27. Cyberdelia/django-pipeline

    Good-looking thing for compressing and concatenating CSS and JavaScript files with Django. Good documentation, handles LESS, SASS, CoffeeScript etc. Nice.

  28. 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.

  29. 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.

  30. 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)

  31. The Node Beginner Book » A comprehensive Node.js tutorial

    A nice walk-through of basic Node.js stuff for a beginner like me.

  32. Backbone.js Wine Cellar Tutorial — Part 1: Getting Started

    Looks like a handy tutorial for using the Backbone JavaScript framework.

  33. 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)

  34. 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)

  35. 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.

  36. jqPlot Charts and Graphs for jQuery

    I don’t think I noticed this when I was bookmarking similar things a while ago.

  37. Kern.js - Make web kerning suck less.

    Nice: if you’re using Lettering.js on your page, this lets you adjust the text on the page until it looks right, then gives you the CSS adjustments to match your final look.

  38. Lettering.js - A jQuery plugin for radical web typography.

    Quite nice - adds spans around individual letters, words or lines so you can easily style them with CSS. But all that extra HTML feels “wrong” to me, even if it’s generated automatically. Some pretty examples though.

  39. Scrollorama

    “The jQuery plugin for doing cool scrolly stuff.” Indeed. (via Waxy)

  40. Bartaz/impress.js - GitHub

    Very nice browser-based, JavaScript/CSS thing for making presentations, with all slides held in one 2D (or 3D) space. Try the demo… (via Waxy)

  41. Transm.js (javascript programmable image transitions)

    A huge range of transitions that can be added to HTML images. All those things you avoid in PowerPoint.

  42. Close Pixelate · David DeSandro

    JavaScript to pixelate images, in a variety of styles, eg like Chuck Close. Very configurable, multiple layers, pixel shapes, etc.

  43. Introducing Rickshaw: A JavaScript toolkit for creating interactive time series graphs | shutterbits

    Bookmark a couple of JavaScript graphy libraries and a new one pops up like magic! (via @revdancatt)

  44. Emprise JavaScript Charts™ :: 100% Pure JavaScript Charts

    Another charting library. Looks good too I think. Non-watermarked version is $100 upwards.

  45. JS Charts - Free JavaScript charts

    Looks like a good library for drawing charts/graphs in JavaScript. Costs $39 upwards for a non-watermarked version.

  46. Detect Scrollbar Width with JavaScript

    A relatively simple way to calculate the width of the vertical scrollbar using JavaScript. (via Brett Terpstra)

  47. Jezdez/django_compressor - GitHub

    “Combines and compresses linked and inline Javascript or CSS in a Django templates into cacheable static files by using the compress template tag.” Can work with Sass CSS I believe.

  48. Pelme/django-compress - GitHub

    Looks good: a tool for automatically (or only when asked) compressing and combining CSS and JavaScript files used on a Django project.

  49. Kindle typography

    Going to some lengths to make Kindle typography better using JavaScript and CSS.

The most common tags

  1. webdevelopment (733)
  2. london (357)
  3. uk (318)
  4. music (255)
  5. javascript (172)
  6. mac (167)
  7. articles (152)
  8. maps (146)
  9. css (146)
  10. via:kottke (140)

More…