Links

CodeKit: automatically compile Less, Sass, Stylus, CoffeeScript & Haml files

CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that's just the first paragraph.

Bbfagabc

http://incident57.com/codekit/

Filed under  //   coffeescript   css   html   javascript   mac   osx   tools   ui   web  
Posted February 3, 2012 by email 

List.js: makes plain HTML lists flexible, searchable, sortable and filterable

Do you want a 9 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Do you also want the possibility to add, edit and remove items by dead simple templating?

Ihfbafgc

http://listjs.com/
https://github.com/javve/list

Filed under  //   github   javascript   opensource  
Posted January 27, 2012 by email 

Leaflet: BSD-licensed JavaScript library for interactive maps for desktop and mobile web

Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.

It is built from the ground up to work efficiently and smoothly on both platforms, utilizing cutting-edge technologies included in HTML5. Its top priorities are usability, performance, small size, A-grade browser support, flexibility and easy to use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.

Available map layers

  • Tile layers
  • Polylines, polygons, circles
  • Markers
  • Popups
  • Image overlays
  • WMS layers
  • GeoJSON
  • KML
  • GeoRSS

Interaction features

On desktop browsers

  • Drag panning
  • Scroll wheel zoom
  • Double click zoom
  • Shift-drag zoom to bounding box

On mobile browsers (iOS, Android)

  • Touch-drag panning
  • Multi-touch zoom (iOS only)
  • Double tap zoom
  • Panning inertia

Visual features

  • Panning animation
  • Zooming animation on modern browsers (except IE)
  • Smooth continuous zoom on iOS
  • Tile and popup fade animation
  • Very nice default design for markers and popups

Customization features

  • Pure CSS3 popups and controls for easy restyling
  • A simple interface for implementing custom map layers
  • The same for custom map controls
  • Custom map projections (with EPSG:4326, EPSG:3857 and EPSG:3395 out of the box)

Performance features

  • Hardware acceleration on iOS makes it feel as smooth as native apps
  • Clever tricks to make panning and zooming really smooth
  • Smart polyline/polygon rendering makes it responsive even when displaying objects with thousands of points
  • Modular build system allows you to reduce the size of the library by leaving out the code you don't need

Map controls

  • Zoom buttons
  • Attribution
  • Zoom slider
  • Layer switcher

Browser support

On desktop

  • Firefox 3.6+
  • Chrome
  • Safari 5+
  • Opera 11.11+
  • IE 7–9
  • IE 6 (not perfect but accessible)

On mobile

  • Safari for iOS 3/4+
  • WebKit for Android 2.2+
  • webOS browser
  • Blackberry 6+
  • Windows Phone 7
  • Firefox for Android

http://leaflet.cloudmade.com/

https://github.com/CloudMade/Leaflet

(download)

Filed under  //   geo   javascript   map   mobile   openstreetmap   oss   ui   web  
Posted July 14, 2011 by email 

Building Progressive UIs with Grails

Rob Fletcher at GR8Conf 2011: Building Progressive UIs with Grails



http://adhockery.blogspot.com/
https://twitter.com/rfletcherEW

Filed under  //   grails   javascript   ui   web  
Posted June 7, 2011 by email 

RingoJS: JavaScript runtime written in Java

RingoJS is a JavaScript runtime written in Java, based on the Mozilla Rhino JavaScript engine. It is geared to web applications, but can be used for command line or even GUI applications as well.

Features at a Glance

Instant reloading Edit your app, reload the page, and instantly see the changes in your browser.

Full web support Ringo comes with most things you'll need to build real world web applications, and more are available as packages.

Easy debugging Helpful error messages and a full featured graphical debugger: Ringo makes it easy to fix what's wrong.

Pure Java Ringo is written in Java, which means you get the strength of the JVM and a bazillion of Java libraries for free.

It's fast We don't have the world's fastest JS runtime, but Ringo will rip through your average web application. Try for yourself!

http://ringojs.org/

Filed under  //   java   javascript   node.js   rhino  
Posted May 5, 2011 by email 

Peity: jQuery sparkline plugin to convert HTML data into mini pie, line, or bar charts

Peity (sounds like deity) is a simple jQuery plugin that converts an element's content into a simple <canvas> mini pie line or bar chart.

https://github.com/benpickles/peity

http://benpickles.github.com/peity/

(download)

Filed under  //   charts   graphs   javascript   jquery   oss   plugin   ui   web  
Posted April 27, 2011 by email 

timeglider:

Timeglider is a zooming, panning data-driven timeline — great for history projects, project planning, and much more. This Javascript/jQuery plugin is completely free & open-source [MIT].

The timeline can be zoomed by dragging the vertical slider at right: up for zooming in (less time shown) and down for zooming out (more time shown). The mousewheel also works as a zoom controller. Any white area on the "stage" of the timeline can be dragged left and right, as can the blue "ruler" which marks out different units of time. Clicking on an event brings up a small modal window with a description and links if any are provided in the data.

http://timeglider.com/jquery/

http://github.com/timeglider

(download)

Filed under  //   javascript   jqeury   plugin   time   ui   web  
Posted April 1, 2011 by email