Welcome - Polymer
http://polymer-project.appspot.com
Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.
#html #css #javascript #framework
-
-
ClippyJS - Add #Clippy or his friends to any website for instant nostalgia
https://www.smore.com/clippy-jsAdd Clippy or his friends to any website for instant nostalgia. Our research shows that people love two things: failed #Microsoft technologies and obscure #Javascript libraries. Naturally, we decided to combine the two.
-
Est-ce que quelqu’un ici arrive à faire fonctionner la GamePad API du HTML5, telle que décrite ici :
http://www.gamepadjs.com
et théoriquement testable là :
http://sgraham.github.io/gamepad.js/exampleSur mon Mac, je n’arrive rigoureusement à rien :
– Chrome ne me propose pas, dans chrome ://flags, d’activer quoi que ce soit concernant une manette de jeu ;
– Firefox répond au javascript qu’il connaît cette API, mais n’interagit pas du tout avec mes manettes (mais aucune d’elle n’est un contrôleur Xbox, ce sont de banales manettes USB – dont celle de la Freebox).Et sous Parallels avec Windows XP, pas mieux.
Et tu vas pas le croire : on répond à un appel d’offre dans lequel ce serait top-kikou que je puisse contrôler une appli HTML5 avec un joystick. #mouahaha
-
Mozilla Labs : TowTruck
https://mozillalabs.com/en-US/towtruckTowTruck is a service for your website that makes it surprisingly easy to #collaborate in real-time.
TowTruck is incredibly easy to set up on your site. All you need to do is include a couple lines of #JavaScript and your site has #TowTruck tools enabled.
When a user comes to your site, they’ll be able to activate the TowTruck tool and send a link to a friend to start collaborating on the web site.
TowTruck has collaboration features like cursor-mirroring (allowing you to see your friend’s cursor on the screen in real time), collaboratively editing forms and text, browsing through the site, and both text and real-time voice chat.
-
Une petit librairie #javascript ’hack’ qui permet d’utiliser les composants de #jQuery UI sur un périphérique tactile (tablette, téléphone).
Je l’ai utilisée (en même temps que knockout.js, d’ailleurs) sur un projet responsive desktop / tablette, pour faire du drag and drop (oui, « ergonomiquement » c’était justifié... :) ). Hé bien, j’ai été agréablement surpris, avec un peu de paramètrage, ça n’a pas trop mal marché ! (j’avais quelque doutes au départ...).
-
toolness/slowmo-js · GitHub
►https://github.com/toolness/slowmo-jsJe n’ai pas compris comment lui faire gober du JQuery
-
tmcw/ration · GitHub
https://github.com/tmcw/rationRation out items in a list in a set amount of time.
-
tmcw/togeojson · GitHub
https://github.com/tmcw/togeojsonThis 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
-
Introducing Adobe Blank « Typblography
http://blogs.adobe.com/typblography/2013/03/introducing-adobe-blank.htmlEarlier this year, the Adobe Type Team was approached by one of our other development teams to produce a special-purpose font with two fascinating—at least to me—characteristics:
All Unicode code points are covered.
All code points are rendered using a non-spacing and non-marking glyph. -
http://js1k.com/2013-spring/demo/1451
Ce qu’il est possible de faire avec 1k de #javascript (et un browser moderne sur une machine rapide). o_O
Pour le making-of :
http://www.romancortes.com/blog/furbee-my-js1k-spring-13-entrySpring bee with springy antennae and my trademark tie from my logo/website.
In this entry I’m pushing the limits of what is possible with 2d canvas and high-end hardware. To fully enjoy it, it requires to be watched in a very powerful computer with Chrome.
It renders slowly in any other browser, specially in Safari and Opera. In Firefox and Internet Explorer the rendering speed is decent, but unfortunately, due to subpixel rendering differences between browsers, Chrome is the only browser showing the perfect color scheme. And it seems to have visual glitches in Safari Mac - not my fault! :P
It includes:
– Fur rendering
– Wings with artistic motion blur
– 3d cloudscape
– Tie waving in the wind
– 4 degrees of motion freedom: 2 rotations and 2 translationsIt has been compressed with the awesome Jscrush by Aivopaas.
-
-
suprb/Nested · GitHub
https://github.com/suprb/nestedjQuery Nested plugin for a gap free, multi column grid layout experience.
Demo: http://suprb.com/apps/nested -
-
ducksboard/gridster.js · GitHub
https://github.com/ducksboard/gridster.jsGridster is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.
-
Introducing RaptorJS: An End-to-End JavaScript Toolkit for Building Adaptive Modules and UI Components | Joe Zim’s JavaScript Blog
http://www.joezimjs.com/javascript/introducing-raptorjs-an-end-to-end-javascript-toolkit-for-building-adaptivRaptorJS is a toolkit that provides support for building JavaScript modules and UI components that function on the server and in the browser. RaptorJS promotes modularity which is crucial to building reasonably complex HTML web applications that are maintainable, easily testable and optimized.
-
Superhero.js
http://superherojs.comCreating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. This page is a collection of the best articles, videos and presentations we’ve found on the topic.
-
-
DataTables (table plug-in for jQuery)
http://datatables.net/indexDataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:
Variable length pagination
On-the-fly filtering
Multi-column sorting with data type detection
Smart handling of column widths
Display data from almost any data source
DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
Scrolling options for table viewport
Fully internationalisable
jQuery UI ThemeRoller support
Rock solid - backed by a suite of 2900 unit tests
Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more#JQuery #JavaScript #data #datatable #tatata
-
Cascade Framework
http://jslegers.github.com/cascadeframework/index.htmlAlso different from Twitter Bootstrap or other CSS Frameworks out there, Cascade Framework can be used for modern browsers and older browsers alike. All features of Cascade Framework support Internet Explorer from IE6 upwards or degrade gracefully.
#HTML5 #CSS #framework #JavaScript
-
Quelques ressources et réflexions autour de #meteorJS.
http://docs.meteor.com/#sevenprinciples
Seven Principles of MeteorData 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). #tutoFaut 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 ?
-
-
un autre utilisateur content :
http://shiggyenterprises.wordpress.com/2013/03/11/picking-a-javascript-framework-my-journey-to-meteor -
Merci pour le lien.
En attendant #SpipJS, quelques idées pour avoir un mécanisme de mise à jour en « Direct ».
Pour bien faire, pourrait y avoir de nouveaux critères qui font le travail, juste à rajouter dans les boucles #SPIP.Je verrais bien 2 étapes :
– {update} faire des mises à jour (si besoin) de contenus de boucles à intervalles réguliers (peut-être dans des inclusions ajaxées).
– {live} du vrai « live », avec du push. Mais pour ça, j’ai l’impression qu’il faut du node.js, ou bien passer par un service tiers.Le second à l’air un peu compliqué à mettre en place.
Par contre, le premier ça peut peut-être se faire.
Par exemple, toutes les 10 secondes (ou avec un {update 60}), le client irait voir si y’a rien de nouveau.
Après, 2 possibilités :
– tout le bloc #ajax est reloadé
– uniquement le dernier élément est ajouté dans le DOM.Là, j’imagine qu’il faudrait utiliser ajax et mettre le machin dans un inclure, mais dans la mesure où tous les squelettes passent dans le compilo ou je ne sais quoi, je me demande si cette étape (l’inclusion) ne pourrait pas être facultative, dans la mesure où on ne fait pas vraiment un inclure pour mutualiser du code, mais pour recharger un bout de page. SPIP pourrait créer l’include tout seul.
Bon, je dis tout ça, je connais pas vraiment les entrailles de SPIP, et pour ce qui est du JS, je viens de commencer « JQuery tête la première », du coup mon capital #gogogo n’est pas un top, mais je prêt à chercher et à apprendre.
Sinon, à voir un « seen » passer dans ma timeline tweeter, j’ai un peu l’impression de passer à la télé.
-
Tiens, on pourrait aussi avoir un critère de nombre, pour savoir à partir de combien de nouveaux éléments le bloc se recharge.
Ou je me demande si une boucle qui boucle sur elle-même, un {0,1} et un critère doublons pourraient pas faire une partie du taf.
-
@habbon l’ajax de SPIP c’est par rapport à un inclure, et non par rapport à une boucle. Un inclure n’a pas de « nombre d’éléments » ça peut même contenir 10 boucles différentes ou aucune. Donc l’update ajax ne peut pas porter directement sur une boucle.
Après que l’inclure teste lui-même si ya du nouveau ou pas suivant X critères, ça c’est son problème... :)
-
Lemonde.fr ne s’embête pas avec tous ces trucs de jeunes un
<meta http-equiv="refresh" content="600">
et puis voilà (et les annonceurs sont contents, leur pubs sont chargées plus souvent)
-
Je crois que j’avais vu plus ou moins vu l’histoire d ’ajax sur l’inclure, même si c’est vrai que je me mélange souvent les pinceaux avec.
C’est aussi pour ça que j’évoquais l’idée que ce soit SPIP lui-même, voyant un {update} dans un critère, qui créé à la volée une sorte d’inclure, avec un cache et une mise à jour différente du reste de la page.
-
-
We’re trying a new way to teach and learn html/css/js. Basically, you just need to write HTML, CSS, Javascript code inside code editors and we’ll record whatever you type. Other people can then “playback” your recording in a video style and learn how you made your creation.
Exemples de tout ce qu’on peut faire avec
#html #css #javascript -
toolness/slowmo-js · GitHub
►https://github.com/toolness/slowmo-jsSlomoJS is an attempt to make learning JavaScript and computational thinking easier by making the execution of JS code more transparent.
-
How Amazon.com’s excellent #javascript dropdown menu works - a lesson in #UI implementation : http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown - I wonder if someone will try to enforce a patent on the trick. #Amazon #HTML
- #Apple
- #Amazon
- #HTML
- #Khan Academy
-
interesting comments on the fact that this was used in the 80s by Apple, then forgotten, then used at NeXT, then forgotten again when Apple Acquired NeXT, and so on. #jQuery_plugin
-
nick-jonas/imageloader · GitHub
https://github.com/nick-jonas/imageloaderA jquery plugin for preloading images
-
-
Il me semblait l’avoir déjà vu passer ici mais je ne retrouve plus. Ok, je sers à rien.
-
+ 1. Faut dire que le classement par # me donne le tournis parfois, je ne pige pas. D’ailleurs Open Calais, comment ça marche ce truc ? Est-ce que #seenthis récupère les tags ?
En tout cas, j’ai déjà joué avec
http://ilimitar.net
Oui, je sais, #shameless-autopromotion-à-gerber-partout -
;) J’ai fait une recherche avant de poster, ça m’étonne aussi.
-
C’était peut-être sur IRC... des fois tout se mélange dans ma petite tête.
-
Ouaouh ! impress ionné, je suis…
Aussi bien par le concept que par les commentaires de la démo et par ce qu’en a fait @speciale.
-
-
-
@thibnton Je voudrais bien facturer, mais je n’ai pas de clients. Tu verrais l’état de mes finances, ça te ferait pleurer ‡^]
-
quand je vois une présentation pareille qui me donne immédiatement envie de faire un site puis les thunes dépensées pour faire des sites tout pourris pour les chaînes de radio france par exemple... (soupir) - y a vraiment quelque chose qui tourne pas rond (si y en avait qu’une, me direz-vous...)
-
aaaaah.... y en aurait des choses à dire sur les sites de radio-france .... :p
-
