#ajax

Sic transit gloria mundi
▻http://www.radiopanik.org/emissions/foc-la-radio/sic-transit-gloria-mundi

http://www.radiopanik.org/media/cache/ed/58/ed58d7ab50b23d9d3efe888f846a245d.jpg

Le 15 avril 1912, un groupe de musiciens décident de jouer leur partition jusqu’au bout pendant que leur bateau, l’insubmersible Titanic, coule.

Le 15 avril 2019, Macron le politicien-roi, décide de jouer la partition du grand rassemblement - de qui ? de quoi ?- pendant que sa capitale brûle. Littéralement. Bagnoles. Cathédrales. Tout ça.

Quia pulvis es et in pulverem revertis

Ce mois-ci, on va pas vous le cacher, on passera une kyrielle de long morceaux, un écran de fumée pour pallier les absences des tribuns-bobos tous partis en vacances !

crédit photo : Geoffroy Van Der Hasselt, AFP/Getty Images

#ajax
▻http://www.radiopanik.org/media/sounds/foc-la-radio/sic-transit-gloria-mundi_06617__1.mp3

Controleur - Vue avec SPIP
▻https://contrib.spip.net/Controleur-Vue-avec-SPIP

Controleur - Vue avec ajaxReload
un exemple d’utilisation d’ajaxReload dans un squelette SPIP

#spip #ajaxReload #ajax

Resilient Web Design—Introduction
►https://resilientwebdesign.com

https://resilientwebdesign.com/author/images/medium/jeremykeith.jpg

With a title like Resilient Web Design, you might think that this is a handbook for designing robust websites. This is not a handbook. It’s more like a history #book.

(…)

But in the world of #web_design, we are mostly preoccupied with the here and now. When we think beyond our present moment, it is usually to contemplate the future—to imagine the devices, features, and interfaces that don’t yet exist. We don’t have time to look back upon our past, and yet the history of web design is filled with interesting ideas.

Mort de #Johan_Cruyff, footballeur « libéral-libertaire »
▻https://www.mediapart.fr/journal/international/240316/mort-de-johan-cruyff-footballeur-liberal-libertaire

Le roi Johan est mort L’icône du football hollandais est décédé ce 24 mars d’un cancer. Dans une biographie « totale », le journaliste Chérif Ghemmour dresse un portrait tout en complexité d’un « génie pop et despote ». Entretien sur le Cruyff politique, qui s’en est allé au royaume des dieux du ballon rond.

#International #Ajax_Amsterdam #Barça #Hollande #libéral-libertaire

Le format #json, #ajax et #jquery - Alsacreations
▻http://www.alsacreations.com/article/lire/1161-json-ajax-jquery-jsonp-getjson.html

Exemple (de base) d’utilisation de JSON avec #javascript et/ou jQuery

#tutoriel

#zpip, blocs de page et #ajax - #spip-Contrib
▻http://contrib.spip.net/Zpip-blocs-de-page-et-Ajax

la doc de Zpip pour l’utilisation des blocs de page en ajax (var_zajax) et l’Ajax Parallel Loading

#var_zajax #Ajax_Parallel_Loading

SPIP mailing-list
▻http://comments.gmane.org/gmane.comp.web.spip.user/179133

#ajaxReload après validation d’un formulaire

A lire à tête reposée.

#gogogo_suske

Offline.js – Handle your users losing their internet connection like a pro
▻http://github.hubspot.com/offline/docs/welcome

Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.

It captures #AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly.

It has a number of beautiful themes and requires no configuration.

#js #javascript #webapp

superkuh.com : #local #ajax.googleapis.com
▻http://superkuh.com/ajaxgoogleapis.html

Là ! Depuis un certain temps, je bloque toutes les requêtes externes avec RequestPolicy dans firefox. Et il y avait souvent une chose qui réduisait à néant tous mes efforts pour rendre mes déplacements invisible depuis chez #google : les librairies utilisées par les sites, hébergées sur le domaine ajax.googleapis.com. Eh bien ce gentil monsieur explique comment créer un mirroir local du contenu de ce domaine, et, via /etc/hosts, remplacer les serveurs de google par un #nginx local. (...)

#bigbrother #vieprivée

jimhigson/oboe.js
▻https://github.com/jimhigson/oboe.js

A fresh approach to #ajax that speeds up web applications. Progressive #json parser with an easy interface so you can use the objects before the http response completes. Oboe.js helps web applications respond quicker by wrapping http’s request-response model with a progressively streamed interface. It glues a transport that sits somewhere between streaming and downloading to a JSON parser that sits somewhere between SAX and DOM. It is small enough to be a micro-library, doesn’t have (...)

#geodiversite #todo

SuperAgent - Ajax with less suck
▻http://visionmedia.github.io/superagent

Super Agent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs. It also works with Node.js!

This looks like a major improvement over the other options.

Je viens de chercher un « #file_browser » en #PHP, pour voir comment publier sur le #web une série de fichiers en vrac, sans devoir les importer dans une base de données… hé bien, c’est un désastre.

La plupart des projets sont morts entre 2007 et 2010, criblés de trous de sécurité (ils semblaient tous croire que c’était une bonne idée de permettre de manipuler les fichiers — modifier/renommer/créer/effacer…), et sans doute à cause d’un désintérêt lié à la concurrence des #CMS et des réseaux sociaux.

Le seul #script que j’ai trouvé qui s’approche un tant soit peu de quelque chose d’utilisable, c’est ▻http://encode-explorer.siineiolekala.net ; il utilise #ImageMagick pour fabriquer des vignettes d’images et de PDF.

Aucun ne semble avoir l’idée de traiter des fichiers écrits en raccourcis type #markdown ou #SPIP pour fabriquer un blog « statique ». Aucun ne propose d’indexation, de vignettes de fichiers rtf, odt, d’extraction des titres des documents pour fabriquer un sommaire.

(Côté #galerie photo, par contre, il y a quelques scripts qui font bonne figure, mais ils sont très orientés photo, pas « vrac ».)

Quelques ressources et réflexions autour de #meteorJS.

▻http://docs.meteor.com/#sevenprinciples
Seven Principles of Meteor

Data on the Wire. Don’t send HTML over the network. Send data and let the client decide how to render it.

One Language . Write both the client and the server parts of your interface in JavaScript.

Database Everywhere. Use the same transparent API to access your database from the client or the server.

Latency Compensation . On the client, use prefetching and model simulation to make it look like you have a zero-latency connection to the database.

Full Stack Reactivity. Make realtime the default. All layers, from database to template, should make an event-driven interface available.

Embrace the Ecosystem. Meteor is open source and integrates, rather than replaces, existing open source tools and frameworks.

Simplicity Equals Productivity. The best way to make something seem simple is to have it actually be simple. Accomplish this through clean, classically beautiful APIs

▻http://themeteorbook.com
Bientôt un livre (en Avril, et en anglais). #tuto

Faut voir que meteorJS ce n’est pas qu’un framework « live », c’est une nouvelle manière de penser la structuration d’un site ou d’une application web, à cheval entre le client et le serveur. Marchant aussi déconnecté et très rapide, même avec une mauvaise connection (pensons à la mobilité, ou à #tor).

J’ai l’impression que dans quelques années, de la même manière que maintenant les #CMS sont écrit en #php et ont tendance à se baser sur des #framework (#drupal et #thelia avec #symphony2), ils seront écris en #Javascript, et basés sur des frameworks comme celui-ci.

#SPIP5 ?

Une fois n’est ni us ni coutumes, voici un excellent site de design web en anglais : ▻http://www.greepit.com

#design #css #html #vector #psd #svg #ajax #frameworks #tools #icones #html5 #fonts #textures #colors

Home » OpenStack Open Source Cloud Computing Software
►http://www.openstack.org

http://www.openstack.org/themes/openstack/images/open-stack-cloud-computing-logo-2.png

Pour gérer ses serveurs virtuels : ►http://seenthis.net/messages/97102#message97295

OpenStack OpenStack is a global collaboration of developers and cloud computing technologists producing the ubiquitous open source cloud computing platform for public and private clouds. The project aims to deliver solutions for all types of clouds by being simple to implement, massively scalable, and feature rich. The technology consists of a series of interrelated projects delivering various components for a cloud infrastructure solution.

Who’s behind OpenStack? Founded by Rackspace Hosting and NASA, OpenStack has grown to be a global software community of developers collaborating on a standard and massively scalable open source cloud operating system. Our mission is to enable any organization to create and offer cloud computing services running on standard hardware.

Who uses OpenStack? Corporations, service providers, VARS, SMBs, researchers, and global data centers looking to deploy large-scale cloud deployments for private or public clouds leveraging the support and resulting technology of a global open source community.

Why open matters: All of the code for OpenStack is freely available under the Apache 2.0 license. Anyone can run it, build on it, or submit changes back to the project. We strongly believe that an open development model is the only way to foster badly-needed cloud standards, remove the fear of proprietary lock-in for cloud customers, and create a large ecosystem that spans cloud providers.

#personal_cloud

Cross-Origin Resource Sharing
►http://www.w3.org/TR/cors

pour des #formulaires qui tournent en #ajax d’un serveur à un autre :
# Access-Control-Allow-Origin : *

ça permet à un #SPIP d’appeler des formulaires #CVT sur un autre SPIP (et ça roxe)

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

Should You Use JavaScript Library CDNs ? | Zoompf
►http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns

#JavaScript #Library #CDN use the network effect. Our survey of the Alexa 2000 shows that right now there are too few people in the network to get any value. Only #Google ’s #AJAX_Library_API has anywhere near the penetration to provide any benefit and only if you are using a specific version of a single JavaScript library. Even in that remote case, serving #jQuery 1.3.2 using Google will slow down the majority of your users at the expense of a possibly nonexistent minority. Zoompf recommends the vast majority of websites avoid using JavaScript Library CDNs until they gain more market penetration.

Il serait intéressant de voir comment cela a évolué...
#webperf

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&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.

On a livré Archimômes, le site pour enfants de la Cité de l’architecture :
►http://www.archimome.fr

Site sous #SPIP, mais avec une structure carrément marrante : toute la navigation se fait sur une seule « page », avec un glisser de la page verticalement et horizontalement.

#jQuery et chargement dynamique en #Ajax à tous les étages. Comme il y a pas mal de Flash, c’est pas super-concluant sans javascript, mais à part ça, le site est tout de même conçu pour fonctionner sans javascript.

Usage forcené du plugin Inclure Ajaxload :
►http://plugins.spip.net/Inclure-Ajaxload
en mode : {ajaxload=url_html} (ce qui fait que les chargements de « noisettes » sont font directement sur du statique de chez statique).

Il y a aussi le plugin CSS Imbriqués :
►http://plugins.spip.net/css-imbriques
dont j’utilise ici les « nouvelles » fonctionnalités : les pseudo-classes en « -spip... » pour faire des fonds semi-transparents, et des dégradés directement en CSS, compatibles avec quasiment tous les navigateurs.

#Seenthis_done : petite amélioration bien pratique du #moteur_de_recherche : on peut restreindre la recherche à une période récente (un jour, une semaine, un mois, trois mois...).

Javascript non-intrusif : le débat
►http://www.nota-bene.org/Javascript-non-intrusif-le-debat
Un petit débat, ou plutôt une table ronde, sur l’opportunité de développer en 2010 des sites où JavaScript n’est pas obligatoire.
#javascript #intrusif #accessibilité #dev #web #clevermarks #qualité #opquast #ajax

Nouvelle fonctionnalité : dans la page d’un thème, en colonne de droite, ça affiche une liste des principaux thèmes liés (voir par exemple les thèmes liés à #wikileak : ).

C’est recalculé toutes les heures.

Ça fonctionne nickel, mais ça fait ressortir un bug : j’ai des « mots-clés » fabriqués à partir des ancres des URL. D’où ce mot-clé qui ne veut rien dire : #ens_id...

xkr.us / javascript / escape(), encodeURI(), encodeURIComponent()
►http://xkr.us/articles/javascript/encode-compare

#ajax #article #javascript #js #programming #reference #unicode #url #web

Quick Tip: An Introduction to Sammy.js | Nettuts+
►http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-an-introduction-to-sammy-js

#ajax #development #framework #javascript #jquery #rest #sammy.js #toread #hashtag #web