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
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
CSSDB: A Database Of CSS Libraries
http://cssdb.co
The Amazing Audio Engine
http://theamazingaudioengine.com
The Amazing Audio Engine is a sophisticated framework for iOS audio applications, built so you don’t have to.
It is designed to be very easy to work with, and handles all of the intricacies of iOS audio on your behalf.
Cascade Framework
http://jslegers.github.com/cascadeframework/index.html
Also 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 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 ?
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.
#livecode devrait devenir #opensource
http://www.kickstarter.com/projects/1755283828/open-source-edition-of-livecode
Funded! This project successfully raised its funding goal
froont
http://froont.com
Encore un #framework #HTML5
Marche pas avec Aurora
HTML5 CSS3 and Bootstrap Visual Layout Editor - Invokator
http://invokator.com
Invokator is an online, front-end visual editor for Bootstrap that helps you create elegant CSS or beautiful templates for any Bootstrap-compatible environment.
Bon, on peut être contre la surcouche lourde des #frameworks html, n’empêche à force d’attendre vainement un outil souple pour éditeur d’images (Pshp ou Gimp) celui-ci arrive par la porte du html/css3, impressionnant !
http://microjs.com : c’est un bon vieux site comme on les aime qui présente des librairies de codes en #javascript, des #frameworks, des #micro-formats, des #css, #json, #svg, et plein de trucs indispensables.
Documentation - Meteor
►http://docs.meteor.com
un framework en javascript avec déport des données (stokées en Json) sur le client + un système de synchronisation « en direct » des modifications client<->serveur
Entièrement javascript : nécessite node.js sur le serveur
#javascript #node.js #framework #json #meteor
Jade - Template Engine
►http://jade-lang.com
un système de templating pour génération de code HTML en javascript
Compatible avec le framework Meteor
Meteor
►http://meteor.com
Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you’re an expert developer or just getting started.
très impressionnant ! #javascript #web #framework #open-source (licence MIT) basé sur #node.js
rappelle un peu OCsigen http://seenthis.net/messages/79053
pas mal aussi pour faire de la #cartographie avec #leafletjs
https://github.com/bevanhunt/meteor-leaflet-demo
http://leaflet.meteor.com
ou des #présentations
https://github.com/bensonk/liveslides
et des packages comme #D3.js ou #underscore
►http://documentcloud.github.com/underscore
Je l’ai chopé ici
http://addyosmani.github.com/todomvc
#Montage aussi a l’air rigolo
http://montagejs.org
HTML KickStart - Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production - 99Lime.com
http://www.99lime.com
C’est un #framework #HTML/#CSS et #javascript comme Bootstrap quoi ?
Euh, oui. Enfin le responsive semble pas être la priorité. Mais la plupart des balises html sont implémentées si j’ai bien vu. Je suis retombé dessus 3 fois en quelques semaines en étant à la recherche d’onglets, de colonnes, de... Voilà.
http://www.99lime.com/blog/html-kickstart-is-dead-long-live-html-kickstart
Ah ben grand nettoyage : le machin est responsive désormais mais perd (temporairement dit-il) quelques features...
I have also removed some seldom-used features in preparation for some new UI elements that I will be adding soon.
Removed Features
Media Elements
Video Placeholder
Map Placeholder
Calendar Placeholder
Form Elements
select.fancy
select multiple.fancy
Image Styles 1, 2, & 3
ScrollTo and LocalScroll
http://www.99lime.com/blog/html-kickstart-is-responsive
#ça_vit_encore ;-)
Lavish - Generate your own #Bootstrap color scheme
http://www.lavishbootstrap.com
Donner une image, et ça génère un #thème de #couleur pour Bootstrap à copier dans les variables du #framework.
Jetstrap - The #Bootstrap #Interface Builder
http://jetstrap.com
Dans la série Bootstrap, via @b_b voilà une application en ligne pour faire des #maquettes, #mockup, etc mais en générant ensuite le code #HTML et #CSS, avec le #framework Bootstrap.
Ça fait donc à la fois un outil pour faire un maquette rapide à la souris, mais avec du code #responsive derrière, la grille et les modules du framework. On peut tester en plusieurs tailles pendant qu’on crée.
Gallery of free #HTML #snippets for #Twitter #Bootstrap. | Bootsnipp.com
►http://bootsnipp.com
Une super #collection de morceaux de code HTML, #CSS et autre, pour avoir rapidement à disposition des #modèles (#pattern) #web déjà prêts, mais en utilisant le #framework Bootstrap.
http://bootsnipp.com/uploads/ApJykYqVgeRMKFLhonwKQYIKaTQhFZfn_small.jpg
http://bootsnipp.com/uploads/XsCkOQmIwtqcRqDLcBLhdzanCSrbZMht_small.jpg
KNACSS, un framework CSS minimaliste qui claque sous la dent !
►http://www.knacss.com
Intéressant mais c’est tout en un seul fichier, et la remarque qu’il fait sur les gros frameworks dont il faut tout redéfinir et qui sont lourds n’est pas forcément vrai, surtout avec un qu’il cite.
Par exemple #Bootstrap est conçu sur le même principe expliqué par @tetue avec la méthode #daisy : les feuilles sont séparées modulairement, par grand thème : le reset, la typo, la grille, le layout, etc. Et du coup, on peut parfaitement utiliser à sa guise seulement les morceaux dont on a besoin, projet par projet. Certains morceaux sont constants (j’utilise à peu près la même grille même si je peux changer les proportions en début de projet, et j’utilise la même définition typo.css pour avoir toujours un truc lisible), d’autres viennent s’ajouter au cas par cas (formulaires, boutons, menus, etc).
Tous les #CMS ou assimilés ont désormais des outils pour rassembler et compresser de multiples #CSS (s’il n’en ont pas c’est qu’ils sont pourris, changez d’outils), donc il n’y a plus d’intérêt à faire des feuilles tout-en-un, c’est justement pas super pour la lisibilité et pour travailler en équipe d’après moi.
Hybrid Core version 1.4
http://themehybrid.com/weblog/hybrid-core-version-1-4
Two Hybrid Core releases in just over a month? Yep, you read that right. With the help of a few Theme Hybrid members and some special alone time with my laptop, I managed to get this release ready faster than any other major Hybrid Core update ever.
AngularJS — Superheroic JavaScript MVC Framework
http://angularjs.org
HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
C’est vrai qu’il y a des bonnes idées... mais « Superheroic », gné ?
Info importante apprise en visionnant les vidéos du CMS Day : #Drupal 8 va intégrer plusieurs des modules de base du #framework #symfony !
Le cœur qui implémente super proprement le standard #HTTP dans #PHP, le module de #route #routing pour faire correspondre masques d’#URL, actions HTTP, et action dans le logiciel, plein de trucs supers... qui vont être intégrés directement dans le noyau de Drupal.
Le but est de rajeunir un code vieillissant, de le rendre plus maintenable, plus testable et générique, et plus interopérable puisque le code sera partagé avec d’autres applis, ces morceaux ne seront plus propres à Drupal.
Je trouve cela extrêmement intéressant.
Le but n’est évidemment pas que tous les logiciels se ressemblent et gommer leur personnalité ou ce qu’ils pourraient apporter d’innovant.
En effet, ça intégrerait surtout des éléments bas niveaux, qui sont à priori des bonnes pratiques dans un contexte #REST, quelque soit ce qu’on en fait ensuite.
Voici l’annonce de #Fabien-Potencier, de Symfony :
Symfony2 meets Drupal 8 - Symfony
http://symfony.com/blog/symfony2-meets-drupal-8
Et l’annonce de #Dries-Buytaert, de Drupal :
The future is a RESTful Drupal
http://buytaert.net/the-future-is-a-restful-drupal
Des idées pour #SPIP 4 ?
#Kango #Cross-browser #extension #framework
►http://kangoextensions.com
#JavaScript single source multiple browser extensions.
Creating extensions for browsers has never been so easy!
#Framework #symfony, quelle #version choisir ? – Clever Age, 100% digital
http://www.clever-age.com/veille/blog/framework-symfony-quelle-version-choisir.html
La question revient régulièrement. Avec #Symfony2 qui vient tout juste d’arriver et #symfony_1 à qui il reste seulement un an de support officiel, les projets Web qui se montent en cette fin d’année 2011 ne savent pas sur quel pied danser. Voici un point sur la situation d’un des frameworks #PHP5 les plus importants.
#php
PERGOLA SVG LIBRARY
http://www.dotuscomus.com/pergola/index.html
#PERGOLA is a #JavaScript #SVG #framework with libraries for building web apps, user interfaces and mapping applications.