technology:ajax

50 Useful #jquery Plugins to Enhance your #forms - noupe
http://www.noupe.com/jquery/50-useful-jquery-plugins-to-enhance-your-forms.html

Tags : jquery forms

tmcw/ration · GitHub
https://github.com/tmcw/ration

Ration out items in a list in a set amount of time.

via ►http://macwright.org/2013/04/01/recently.html

#javascript #timer

tmcw/togeojson · GitHub
https://github.com/tmcw/togeojson

This converts KML into GeoJSON, in a browser or with nodejs.

Peut être une piste pour gérer les kmls dans #GIS pour #SPIP à la place du plugin utilisé pour l’instant...

via ►http://macwright.org/2013/04/01/recently.html

#map #geojson #kml #javascript

tmcw/leaflet-pip · GitHub
https://github.com/tmcw/leaflet-pip

A Leaflet-friendly API for point in polygon operations, using substack’s point in polygon library.

via ►http://macwright.org/2013/04/01/recently.html

#map #leaflet #overlay #polygons

FullCalendar - Full-sized Calendar jQuery Plugin
http://arshaw.com/fullcalendar

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). It is open source and dual licensed under the MIT or GPL Version 2 licenses.

simpl.info : This site aims to provide the simplest possible examples of HTML, CSS and #JavaScript.
http://www.simpl.info

Ajax (aka XMLHttpRequest)
AppCache
Array methods: some, every, filter, forEach, map
<audio>
Audio Data
Battery API
<canvas>
CSS filters
CSS negative selector
CSS text-indent
CSS transition
<datalist>
Device Orientation
Fieldset (localStorage example)
FileSystem
FileSystem using Blob
getUserMedia()
getUserMedia() with constraints
History pushState() and popState()
Hyphenation (soft hyphen)
<iframe>
Image: a big one (20MB)
Input types: email, tel, url, date, time, colour
localStorage
Media Capture (using <input>)
MutationObserver
Object.observe()
Navigation Timing (window.performance)
navigator.userAgent
Page Visibility API
PeerConnection
postMessage()
querySelector() and querySelectorAll()
sessionStorage
SVG
<track> with <video>
<track> with <audio>
<video> (with autoplay)
<video> (with scripted playback)
long video (~380MB)
video with src media query
video with <div> overlay
Web Audio
Web Fonts
Web Intents
WebP
WebRTC
WebSQL
Web Workers
XMLHttpRequest (aka Ajax)

Un article intéressant sur l’évolution du web, notamment avec une comparaison pre-ajax, ajax, commet, html5

Why HTML5 will revolutionize web-applications - amix.dk
http://amix.dk/blog/post/19707

HTML5 is a very broad specification that isn’t even fully developed yet. Most modern browsers implement parts of the specification, and the things that we use at Todoist are web storage and offline support. Even with only these two things, we can provide an experience that nothing else can match, including:

Offline usage: When you can’t connect to the Internet, Todoist automatically switches to offline mode, enabling you to access and update your projects and tasks. When you come back online, we sync your data with our servers.
Stunning performance: Using Todoist is as fast and responsive as a desktop application. This is because everything is stored locally and the application does not need to speak with a server far away all the time. This provides an experience that non-HTML5 based web applications simply can’t offer.

DocHub | Instant Documentation Search
http://dochub.io

Une sorte « d’agrégateur de documentation » qui récupère les références de différents langages (CSS, HTML, Javascript, PHP, Python...) et les présente sous un format compact et dynamique.

- #CSS / #HTML / #JavaScript / DOM data is from the Mozilla Developer Network.
– #jQuery data is from ►http://api.jquery.com. Version is 1.7.
– #PHP data is from http://www.php.net/manual/en/extensions.alphabetical.php.
– #Python data is from http://docs.python.org/library. Version is 2.7.

Anciennement nommé « instacss ».

De plus en plus de données passent sur l’Internet donc le travail sur l’optimisation des protocoles, pour que les octets passent plus vite, continue. Quelques articles récents sur le protocole #TCP :

« TCP sucks » de Bram Cohen (celui de BitTorrent) http://bramcohen.com/2012/05/07/tcp-sucks La tonalité « règlement de comptes » est désagréable mais, techniquement, c’est bien argumenté. Il faut lire les commentaires qui, à part quelques trolls arrogants (comme celui qui parle des « comical limitations » de TCP), sont bien écrits (et mettent sérieusement en cause la vision de l’auteur). Bien se rappeler que Cohen est du côté des applications, il n’écrit pas de programmes pour les routeurs (pour lesquels l’approche dite #RED est actuellement proposée) ou pour le noyau du système d’exploitation, donc il voit tous les problèmes comme relevant des applications. Sa solution est là : http://en.wikipedia.org/wiki/Micro_Transport_Protocol

À noter que le problème de #BitTorrent n’est pas uniquement d’aller vite mais aussi de céder rapidement devant des transferts plus importants, d’où les allusions de Cohen au projet #LEDBAT ►http://www.bortzmeyer.org/6297.html

Cohen fait souvent allusion au « bufferbloat ». Pour s’instruire sur ce concept, voir http://en.wikipedia.org/wiki/Bufferbloat et http://queue.acm.org/detail.cfm?id=2076798 Pour s’instruire sur le RED http://en.wikipedia.org/wiki/Random_early_detection

Une bonne réponse à Cohen et à ses théories, « TCP doesn’t suck, and all the proposed bufferbloat fixes are identical » d’Avery Pennarun http://apenwarr.ca/log/?m=201205#08

rsslounge aggregator
http://rsslounge.aditu.de

rsslounge aggregator is a free web based #rss feed reader
organize and read your feeds, set priorities, filter your feeds and items and fetch news, images and photos in a really easy way
simple ⋅ free ⋅ open source

À installer sur son serveur à soi qu’on a.

http://rsslounge.aditu.de/screenshot1.jpg

jQuery : Customizable layout using drag and drop - DevHeart
http://devheart.org/articles/jquery-customizable-layout-using-drag-and-drop

Un tuto sur la mise en place d’un layout personnalisable par drag n drop avec jquery ui (pour la future interface du noizettier de spipclear).

#jquery #sortable #layout #noizettier #spipclear

Asynchronous UIs - the future of web user interfaces
http://alexmaccaw.co.uk/posts/async_ui

asynchronous user interfaces, or AUIs. The key to this is that interfaces should be completely non-blocking. Interactions should be resolved instantly; there should be no loading messages or spinners. Requests to the server should be decoupled from the interface.
(...)
– Move state & view rendering to the client side
– Intelligently preload data
– #Asynchronous server communication

#web #javascript via @0gust1

jQuery Form Plugin
http://jquery.malsup.com/form

The #jQuery #Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX.

Sur git: https://github.com/malsup/form

AJAX progress bar
http://www.redips.net/javascript/ajax-progress-bar

With few lines of #JavaScript and CSS you can make a simple #AJAX progress bar. JavaScript will periodically ask for progress value and server will respond with XML. Progress value should be extracted from the XML and displayed as width of the DIV element.

#progress_bar

The makeup of the Open Web stack - destroy/dstorey
http://dstorey.tumblr.com/post/10657722675/openwebstack

#web #webdesign #webdev #html5 #javascript

#Web_Actions: Identifying A New Building Block For The Web - Tantek
http://tantek.com/2011/220/b1/web-actions-a-new-building-block

In the past few years we’ve seen the rapid proliferation of buttons on web pages that allow the user to do something with the current page or site over on another site or application. You’ve all seen them: Blog this, Digg, Read later, Follow, Like, Share, Tweet, +1. There’s something more interesting going on here than mere social media self-promotion. We’re witnessing the emergence of a whole new building block for the web: web actions.

#bouton #web #site #interface  #interaction #navigateur

Backbone.js
http://documentcloud.github.com/backbone/#

Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

The project is hosted on GitHub, and the annotated source code is available, as well as an online test suite, an example application and a list of tutorials.

#webdev #webapp #JavaScript

Un nouveau langage de développement orienté Web. Très ambitieux, venant avec son propre « framework » et sa propre base de données, conçu pour des applications très distribuées. Il vise notamment à rendre l’écriture de failles de sécurité très difficiles).

En fait, ce n’est pas nouveau, c’est l’ancien MLstate (projet commercial développé à l’#INRIA avec l’argent public et qui tentait ensuite de faire gagner des sous à une boîte privée), désormais sous une licence libre et nommé #OPA.

Site officiel : http://opalang.org

Un très court article sur linuxfr, suivi d’une bonne discussion : http://linuxfr.org/news/opa-un-nouveau-langage-pour-le-d%C3%A9veloppement-d%E2%80%99applications-we

Réécrire #SeenThis en OPA tout de suite, pour voir ?

Ajaxload - Ajax loading gif generator
http://ajaxload.info

Create easily your own ajax loader icon :

TouchScroll, a scrolling layer for WebKit mobile [update] « Uxebu.com – the Ajax and JavaScript Experts
http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile

While Safari Mobile features native scrolling, there are two reasons to re-implement scrolling with JavaScript: The original scrolling behavior is rather slow – we were looking for a solution that feels more fluid. And the viewport behavior of Mobile Safari and other mobile browsers using WebKit doesn’t allow for fixed positioned elements. It is optimized for document reading, not for building interfaces.

Our goal is to be able to deploy application interfaces to browsers of handheld devices that feel as familiar as possible for the user. TouchScroll enables developers to use fixed interface elements like headers and toolbars.

#HTML5 #scroll

Create web applications stored in an Apache CouchDB database | Martin Brown
http://www.ibm.com/developerworks/opensource/tutorials/os-couchapp/index.html?cmp=dw&cpb=dwope&amp;ct=dwnew&cr=dwnen&ccy=zz&csr=05

#tutoriel

Apache #CouchDB is an open source document-oriented #database management system that allows you to create full database-driven applications using nothing but HTML, CSS and JavaScript. In this tutorial, you will learn how to create your own #CouchApp that will perform database operations using #Ajax powered by the #jQuery framework. The application you will build is a contact manager that allows you to view, create, edit, and delete your contacts.

Geospatial Queries with Google App Engine using GeoModel - Google Maps API Family - Google Code
http://code.google.com/intl/fr/apis/maps/articles/geospatial.html#geospatial

super les #algorithmes de #geopositionnement

Geocells

In #GeoModel a #geocell is labeled by a hexadecimal string that defines a two dimensional rectangular region inside the [-90,90] x [-180,180] latitude/longitude space. Resolution of a geocell is measured by the length of its string label. We start out with 16 geocells labeled by hexdecimal number with a single digit and subsequently divide each geocell into 16 more geocells labeled by hexdecimal strings with more digits.

http://code.google.com/apis/maps/articles/geomodel2.png

Javascript: Breaking the Web with hash-bangs
http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs

#web #urls #javascript

Lifehacker have violated the principle of progressive enhancement, and they paid for it immediately with an extended outage on day one of their new site launch.

#jQuery Mobile Alpha 3 Released | jQuery Mobile
http://jquerymobile.com/2011/02/jquery-mobile-alpha-3-released

W3Fools – A W3Schools Intervention
http://w3fools.com

J’ai toujours trouvé ce site pourri (W3Schools).

#web #w3schools #tutorials #opinion