Pinboard: bookmarks for joelcarranza tagged 'javascript'

VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries. Specify the facets for completion, along with the completable values for any facet. You can retrieve the search query as a structured object, so you do

javascript jquery
june 2011 by joelcarranza

copy to mine

PhotoSwipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

javascript mobile
may 2011 by joelcarranza

copy to mine

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

Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few examples of what can easily be done with Lettering.js:

css typography javascript lib
april 2011 by joelcarranza

copy to mine

TimelineSetter

TimelineSetter creates beautiful timelines. It is a command-line utility that takes a specially-structured CSV file as input and outputs standards-compliant HTML/CSS/JavaScript. It supports any span of time from minutes to years, and supports multiple parallel event series in a single timeline. It can handle custom descriptions and even arbitrary HTML in each event “card.” It creates fluid embeds that will look great at any width. TimelineSetter “bakes out” timelines, ready for uploading directly into your CMS, Amazon S3, or however you typically serve static files. It requires no server-side processing at all once you’ve generated a timeline.

javascript lib
april 2011 by joelcarranza

copy to mine

HOWTO: Native iPhone/iPad apps in JavaScript
webdev javascript
march 2011 by joelcarranza

copy to mine

phantomjs

minimalistic, headless, WebKit-based, JavaScript-driven tool.

javascript development
march 2011 by joelcarranza

copy to mine

Modernizr

Modernizr adds classes to the <html> element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.

javascript html lib
march 2011 by joelcarranza

copy to mine

HTML5 Cross Browser Polyfills

The All-In-One Entirely-Not-Alphabetical No-Bullshit Guide to HTML5 Fallbacks

html javascript
march 2011 by joelcarranza

copy to mine

ACE - Ajax.org Code Editor

Ace is a standalone code editor written in JavaScript. Our goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.

javascript lib
march 2011 by joelcarranza

copy to mine

HTML + JSON Report demo

view any JSON data in a human-readable HTML view

javascript
march 2011 by joelcarranza

copy to mine

Perfection kills

exploring javascript by example. highly technical

javascript
march 2011 by joelcarranza

copy to mine

JSend

a specification that lays down some rules for how JSON responses from web servers should be formatted. JSend focuses on application-level (as opposed to protocol- or transport-level) messaging which makes it ideal for use in REST-style applications and APIs.

javascript
march 2011 by joelcarranza

copy to mine

d3.js

D3.js is a small, free JavaScript library for manipulating documents based on data.
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.

javascript visualization data lib
march 2011 by joelcarranza

copy to mine

Jison

a clone of the parser generator Bison (thus Yacc,) but in JavaScript. It includes its own lexical analyzer modeled after Flex.

javascript parser lib
february 2011 by joelcarranza

copy to mine

JavaScript Garden

JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.

javascript
february 2011 by joelcarranza

copy to mine

jQuery Masonry

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

jquery javascript css lib
february 2011 by joelcarranza

copy to mine

Isotope

An exquisite jQuery plugin for magical layouts. Reveal & hide items with filtering. Re–order items with sortingDynamic, intelligent layouts. Captivating animations. Sort items by just about anything. Powerful methods, simple syntax. Progressively enhanced for CSS3 transforms & transition

jquery javascript lib
february 2011 by joelcarranza

copy to mine

Treesaver.js

Treesaver® is JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS

javascript css lib
february 2011 by joelcarranza

copy to mine

JavaScript Reference - MDC Doc Center
javascript documentation development gatekeeper gatekeeper-daily
january 2011 by joelcarranza

copy to mine

Emphasis Update and Source - NYTimes.com

an algorithm for deep linking into paragraphs

javascript lib
january 2011 by joelcarranza

copy to mine

Javascript/IE - The “catch” with try…catch

I’ve recently been working on an update to JavaScript Debug, which has me doing a lot of cross-browser testing, and I noticed a few “interesting quirks” with try…catch in Internet Explorer 6-8 that I couldn’t find documented anywhere.

javascript
january 2011 by joelcarranza

copy to mine

CoffeeScript

CoffeeScript is a little language that compiles into JavaScript. Underneath all of those embarrassing braces and semicolons, JavaScript has always had a gorgeous object model at its heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.

The golden rule of CoffeeScript is: "It's just JavaScript". The code compiles one-to-one into the equivalent JS, and there is no interpretation at runtime. You can use any existing JavaScript library seamlessly (and vice-versa). The compiled output is readable and pretty-printed, passes through JavaScript Lint without warnings, will work in every JavaScript implementation, and tends to run as fast or faster than the equivalent handwritten JavaScript.

javascript
january 2011 by joelcarranza

copy to mine

An Open Letter to JavaScript Leaders Regarding Semicolons

javascript and the bizarre nuances of semicolon insertion

javascript
january 2011 by joelcarranza

copy to mine

CodeMirror

JavaScript library that can be used to create a relatively pleasant web-based editor interface for code-like content ― Parser suppors HTML/XML, CSS, Java and numous other languages

javascript development lib
october 2010 by joelcarranza

copy to mine

jQuery Fundamentals

introduction to jquery

javascript license:cc
october 2010 by joelcarranza

copy to mine

A Protovis Primer | eagereyes

Protovis is a very powerful visualization toolkit. Part of what makes it special is that it is written in JavaScript and runs in the browser without the need for any plugins. Its clever use of JavaScript's language features makes it very elegant, but it can also be confusing to people who are not familiar with functional programming concepts and the finer points of JavaScript. This multi-part tutorial shows how to create a visualization (my interactive Presidents Chart) in Protovis, and explains the concepts that are involved along the way.

visualization javascript
august 2010 by joelcarranza

copy to mine

HTML5 Rocks

development resource for HTML5

webdesign webdev javascript css
june 2010 by joelcarranza

copy to mine

JSON Formatter (& Validator!)

The JSON Formatter was created to help with debugging. As data expressed as JSON is often written without line breaks to save space, it became extremely difficult to actually read it. This tool hopes to solve the problem by formatting the JSON into data that is easily readable by human beings.

javascript development gatekeeper-daily
june 2010 by joelcarranza

copy to mine

dynaTrace AJAX Edition

browser profiling and monitoring tool for IE. Free!

webdev javascript
march 2010 by joelcarranza

copy to mine

SyntaxHighlighter - Alex Gorbatchev

fully functional self-contained code syntax highlighter developed in JavaScript. Supports many different languages and the ability to define your own syntax highlighting rules

webdesign javascript lib
march 2010 by joelcarranza

copy to mine

Speed Tracer - Google Web Toolkit - Google Code

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).
Using Speed Tracer you are able to get a better picture of where time is being spent in your application. This includes problems caused by JavaScript parsing and execution, layout, CSS style recalculation and selector matching, DOM event handling, network resource loading, timer fires, XMLHttpRequest callbacks, painting, and more.

webdev javascript
february 2010 by joelcarranza

copy to mine

dygraphs JavaScript Visualization Library

open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.

visualization javascript lib
december 2009 by joelcarranza

copy to mine

jParallax

jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.

javascript lib
november 2009 by joelcarranza

copy to mine

Closure Tools - Google Code

Javascript optimizer which rewrites javascript code to be smaller and more efficient, coupled with a generic javascript standard library and a templating system

javascript webdev
november 2009 by joelcarranza

copy to mine

Underscore.js

Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It's the tie to go along with jQuery's tux.

Underscore provides 44-odd functions that support both the usual functional suspects: map, select, invoke — as well as more specialized helpers: function binding, javascript templating, deep equality testing, and so on. It delegates to built-in functions, if present, so JavaScript 1.6 compliant browsers will use the native implementations of forEach, map, filter, every, some and indexOf.

javascript webdev lib
october 2009 by joelcarranza

copy to mine

Protovis

visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic properties such as color and position.

visualization javascript lib
may 2009 by joelcarranza

copy to mine

Showdown

Markdown implementation in javascript

markdown javascript lib
may 2009 by joelcarranza

copy to mine

Raphaël—JavaScript Library

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

javascript library
april 2009 by joelcarranza

copy to mine

OpenLayers

pure JavaScript library for displaying map data in most modern web browsers, with no server-side dependencies. In addition to supporting image-based rendering, adds support for vector overlays as well. Extensible layer API for supporting different data source, includes data out of KML and GeoRSS streams.

gatekeeper mapping wms javascript lib
april 2009 by joelcarranza

copy to mine

Regular Expressions

Javascript reference

gatekeeper reference javascript cheatsheet regex
march 2009 by joelcarranza

copy to mine

stereopsis : galbum

Google's Picasa Web Albums has a API, which includes some easy JSON feeds.You can combine it pretty easily with the one of the decent javascript viewers online, like Lightbox (based on prototype/scriptaculous.)GAlbum is my wrapper that you can use to put web galleries on your site. It's now got a reasonably bulletproof API, and you can put multiple galleries on the same page (so it's useful for Wordpress blogs and the like). And if Google makes big changes to image URLs, I'll try to keep things updated.

javascript lib
march 2009 by joelcarranza

copy to mine

Advanced Data Visualization Tools using Javascript | 84 Bytes

Enumerates a number of experimental javascript libraries which can be used to visualize data - most of which utilize the firefox-only canvas element

visualization programming javascript webdev
october 2008 by joelcarranza

copy to mine

The Yahoo! User Interface Library (YUI)

The YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX

gatekeeper javascript yui programming css lib license:bsd
december 2007 by joelcarranza

copy to mine

JavaScript Bubbling Library (YUI-CMS)

A set of plugins, behaviors and widgets, for building event-driven web applications using the bubble-up technique.

gatekeeper javascript yui programming development lib
december 2007 by joelcarranza

copy to mine

SIMILE | Exhibit

Exhibit is a lightweight structured data publishing framework that lets you create web pages with support for sorting, filtering, and rich visualizations by writing only HTML and optionally some CSS and Javascript code.

visualization javascript lib
june 2007 by joelcarranza

copy to mine

Ext JS - JavaScript Library

"The Ext components are a real enabler for providing fat client-like functionality with web applications. With the grid, tree, and layout components, developers can finally build true multi-pane web applications without the headaches"

javascript lib
may 2007 by joelcarranza

copy to mine

jQuery: The Write Less, Do More, JavaScript Library

Query is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages.

javascript projects lib
may 2007 by joelcarranza

copy to mine

DOM - Mozilla Developer Center

The Document Object Model (DOM) is an API for HTML and XML documents. It provides a structural representation of the document, enabling you to modify its content and visual presentation. Essentially, it connects web pages to scripts or programming languag

javascript reference
january 2007 by joelcarranza

copy to mine

Steeev's Flickr Projects
Flickr Greasemonkey script javascript
january 2007 by joelcarranza

copy to mine

JSLog - a Lightweight Ajax logger

lightweight, self-contained logging panel which takes the place of alert() boxes for your AJAX and DHTML applications. It is unobtrusive, easy to use, and can stay in your code through deployment.

gatekeeper javascript programming tools lib
september 2006 by joelcarranza

copy to mine

Prototype JavaScript Framework: Class-style OO, Ajax, and more

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.

Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

javascript lib
september 2006 by joelcarranza

copy to mine

greased lightbox / shifting pixel / joe lencioni

Awesome greasemonkey script which displays images on a page. Would like to use same idea as part of a web page to view galleries

flickr javascript greasemonkey
march 2006 by joelcarranza

copy to mine

script.aculo.us

script.aculo.us provides you with
easy-to-use, cross-browser user
interface JavaScript libraries to make
your web sites and web applications fly.

javascript lib
november 2005 by joelcarranza

copy to mine