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 

600 Shock iPhone Icons

Iconshock has released an icon set named: "Shock iPhone Icons". The 600 icons meet the requirements of the iPhone iOS guidelines and are provided both in different sizes as well as vector-based formats. They are free to use both in personal and commercial applications, but required attribution.

Shock-iphone_icons

http://www.iconshock.com/iphone-icons/?prd=affcomm63789

Filed under  //   icons   ios   iphone   ui   web  
Posted November 2, 2011 by email 

Cytoscape Web: embed network graphs into HTML

  • ... a reusable component that allows you to embed networks within HTML documents.
  • ... easily integrated in HTML via its Javascript API.
  • ... customisable in what data it loads and how it visually displays that data.
  • ... an open source project to which anyone can contribute.

Fgiajbbf

http://cytoscapeweb.cytoscape.org/
http://www.cytoscape.org/

Filed under  //   LGPL   graphs   html   network   ui   web  
Posted September 19, 2011 by email 

Bootstrap: toolkit (CSS + HTML) to kickstart development of webapps and sites

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

http://twitter.github.com/bootstrap/

Filed under  //   css   html   template   twitter   ui   web  
Posted August 22, 2011 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 

Gitalist: git web viewer

Gitalist is a web git viewer for your git repository (local or server)

Features

  • Multiple repository support
  • Multiple branch support
  • Commit comparisons
  • Atom feeds
  • Color coded commit history
  • Gitweb.cgi URL compatibility

Image001

http://www.gitalist.com/

Filed under  //   git   perl   scm viewer   ui   web  
Posted July 8, 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 

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