background preloader

JS/jQuery

Facebook Twitter

CSS3 Box Shadow Generator - CSS3gen. Use this CSS3 box shadow generator to quickly generate box shadow CSS for your project.

CSS3 Box Shadow Generator - CSS3gen

Your browser does not support the CSS3 box-shadow property. You can still use this tool to generate the CSS3 rule, but you won't be able to see the results. <div class="error_msg">Please enable Javascript to use this page. </div> Box Shadow Explained The CSS3 box-shadow property allows you to add depth to your website's design without the need for images or extra container elements. While the syntax is easy to understand, it is hard to visualise the style using just code. The box-shadow syntax works as follows: The first value defines the distance of the box shadow in the x (horizontal) direction and the second value defines the distance in the y (vertical) direction.

Optionally you can include an additional parameter after the blur distance: This defines the spread distance of the shadow. Supporting Browsers. Node-webkit: app runtime based on Chromium and node.js. The Lightbox Clones Matrix « planetOzh. A jQuery Countdown Timer. 40 Fresh And Free jQuery Plugins and Tutorials. JSLint,The JavaScript Code Quality Tool. Node.js IDEs. Refresh-SF - Online JavaScript and CSS Compressor. Leaflet-geojson-stream. Leaflet geojson loading with streaming npm install leaflet-geojson-stream Want to see pretty graphs?

leaflet-geojson-stream

Log in now! Read Me Stream GeoJSON features into a Leaflet layer. api lgs.ajax(url: string, layer: L.geoJson instance) Request all features from a given url with hyperquest and add them incrementally to layer. Lgs.layerPipe(layer: L.geoJson instance) Given a L.geoJson instance, return a writable stream that accepts GeoJSON Feature objects. example var leafletStream = require('leaflet-geojson-stream'), map = L.map('map').setView([0, 0], 2), gj = L.geoJson().addTo(map); leafletStream.ajax('/points.geojson', gj) .on('end', function() { alert('all done! ') To run the prepackaged example: npm install cd example node server.js And open How A simple abstraction on top of geojson-stream, which is in turn just a bit of sugar on JSONStream. Ilinsky/jquery-xpath. Percolator.js. Installation npm install percolator Running Tests make test Hello World Quick Start: Create a server.js in your project directory, and copy this code below into it: Why should I care about Hypermedia??!?

percolator.js

Because Hypermedia APIs are pretty awesome for the people using your API. Developers can find their way to all your endpoints just by following the links in the json payload instead of having to read a bunch of docs. These types of APIs are machine-readable as well, so they're spider-able, and even allow automatic form generation, or automated fuzz-testing.

In other frameworks adding links everywhere can be time-consuming. NOTE: If you're worried about the size of your responses, keep in mind that with proper caching and compression (gzip), there should be little to no cost to your clients' performance or bandwidth. If you're still unconvinced, you can just pass autoLink : false to the Percolator constructor, and no links will be added automatically. Expressjs/mime-types. Node.js IDEs. Fixed Table of Contents Drop-Down Menu (jQuery Plugin) About a week or so ago, I stumbled across the Startups, This Is How Design Works website.

Fixed Table of Contents Drop-Down Menu (jQuery Plugin)

It’s a one-page site that uses a fixed drop-down menu at the top of the screen that collapses/expands in a “table of contents” style. I thought it was kinda cool, so I wrote my own script to create this functionality, and I turned it into a jQuery plugin. Use the button below to view the demo, and read on for a description. You can also view the alternate demo that doesn’t use submenus. The HTML is structured using unordered nested lists. After you include the plugin in your page, here’s how you use it: The default settings are shown above.

MenuOpens The jQuery event that will open the menu. ScrollSpeed Speed of the animated scrolling, in milliseconds. menuSpeed Speed of the “dropping” menu and submenus, in milliseconds. Maps_api. Edit, Test and Debug Javascript Online Collaboratively. jQuery Knob demo. Google Maps API v3: InfoWindow not sizing correctly. Google maps - pass information into an event Listener. Google Maps API v3: InfoWindow not sizing correctly. CSS3 Generator. Button Maker. CSS3 Gradient Generator. Transforms. Download Kendo UI Javascript widgets.