Assemblée en direct … (faut supporter)
▻http://videos.assemblee-nationale.fr/direct.html#
actuellement un affreux bonhomme du RRDP (Tourret)
– Pt Renseignement (n°s 2669, 2691, 2697) : explications de vote et vote par scrutin public
Assemblée en direct … (faut supporter)
▻http://videos.assemblee-nationale.fr/direct.html#
actuellement un affreux bonhomme du RRDP (Tourret)
– Pt Renseignement (n°s 2669, 2691, 2697) : explications de vote et vote par scrutin public
Moi là, je te vois. Mais je suis Seenthis depuis ►http://seenthis.net/messages/all
D’ailleurs, quand je suis en déplacement, je suis Seenthis sans me loguer... et je n’ai pas encore compris comment la page d’accueil fonctionnait : je n’y vois qu’un % vraiment limité de ce que je trouve quotidiennement sur la page « all ».
Oui, les députés sont complètement en roue libre. La fracture entre le pouvoir, ceux qui le financent (à quand un retour à des expressions du type « les 200 familles » ?), et le reste de la population a rarement été aussi béante.
Lors du Congrès de Février 2008, c’était déjà ahurissant (Traité de Lisbonne). Là, c’est... ahurissant. En fait, on voudrait trouver des mots plus forts. Mais... C’est pas possible de toujours trouver plus fort que le plus fort précédent qu’on trouvait déjà plus fort que l’autre déjà plus fort... etc.
/all montre tout alors que ta page d’accueil montre ce que les gens que tu suis ont posté ou étoilé, et les billets taggés avec un tag que tu suis
Quand je suis connectée, sur la page d’accueil, il n’y a pas la même chose que si je ne le suis pas, pareil pour /all. Et déconnectée, mes messages n’apparaissent pas sur l’accueil, je veux juste comprendre pourquoi ils disparaissent.
je crois que pour les non connectés / = /all
je pensais que le / des non connectés était égal au /all des connectés mais tu apparais dans mon /all connecté mais pas dans le / ou /all non connecté. Bizarre en effet !
Non @nicolasm, pour les anonymes, l’accueil a un algorithme spécial. Mais je ne connais pas ses détails. Le code est sur le github cela dit, mais faut le trouver.
l’algo est ici
►https://github.com/seenthis/seenthis_squelettes/blob/master/bonjour.html#L77
je n’y vois rien qui explicitement envoie aux oubliettes les messages de @touti, mais c’est difficile d’analyser un #algorithme
Ah j’ai trouvé ! c’est un bug très marrant ! la colonne troll_forcer
(qui permet de bloquer un·e auteur·e qui ne serait pas détecté par l’algo-de-calcul-de-troll) n’est pas en NOT NULL
; @touti qui n’a jamais été suspectée de troll par l’algo est donc restée sur NULL, et la boucle de la page d’accueil refuse dès lors de renvoyer ses messages… comme plus de 2500 autres inscrit·e·s.
#seenthis_corrigé
▻https://github.com/seenthis/seenthis/commit/55b66863e080d8c3375029e0dd1b979894caaf7c
voilà qui est de bon augure en ce triste jour de #boîtes_noires et d’#algorithmes
OK, j’en déduis que je faisais aussi partie des NULL…
Ce serait bien des boutons vers les pages spéciales comme /all
ou /only
.
Et voilà, on a retrouvé en Argentine le repère secret où Hitler est toujours vivant et dirige une équipe de savants fous qui fabriquent des soldats nazis zombies. #je_le_savais, #je_le_savais !
Argentine archaeologists find secret Nazi lair in jungle
▻http://www.telegraph.co.uk/news/worldnews/southamerica/argentina/11488776/Argentine-archaeologists-find-secret-Nazi-lair-in-jungle.html
A team of Argentine archaeologists investigating a series of ruins in the jungle, close to the border with Paraguay, believe they have discovered a secret Nazi lair.
The cluster of stone structures, now covered by thick vines and accessible only when using a machete to cut through the undergrowth, contain stashes of German coins from the late 1930s, fragments of “Made in Germany” porcelain, and Nazi symbols on the walls.
Toi aussi tu as toujours rêvé de pouvoir écrire « they have discovered a secret Nazi lair » dans un article ?
Si tu fais pareil à Berlin, tu vas en trouver aussi. Tu veux des tuyaux ?
▻https://www.flickr.com/photos/chris_grabert/5772559688
accessible only when using a machete to cut through the undergrowth
Big Data : le grand déséquilibre ? « InternetActu.net
►http://www.internetactu.net/2012/10/04/big-data-le-grand-desequilibre
Me rappelle plus si j’avais déjà mis le lien dans seenthis, je n’avais pas retrouvé.
La donnée est devenue une matière première, comme le pétrole au XXe siècle. Mais pour des raisons géologiques, le pétrole est concentré dans certaines régions du monde. Il est extrait, transporté, raffiné et consommé ailleurs. Pour les données, c’est exactement l’inverse. Elles sont produites par des utilisateurs partout sur l’internet, transportées sur le net, accumulées et analysées à certains endroits. Si la concentration du pétrole est due à la formation de la terre, les données sont tout aussi concentrées, mais par le fait d’une volonté humaine.
#data #géopolitique #grumbach #pétrole #cloud #big_data
Absolument remarquable ! Quelle claque !
Le #rapport_bergier
Le 19 décembre 1996, le Parlement suisse et le Conseil fédéral mandatent une Commission indépendante d’experts présidée par #Jean-François_Bergier, pour enquêter sur le comportement des Suisses face au régime national-socialiste allemand. Cinq ans plus tard, un rapport de onze mille pages est rendu : Le Rapport Bergier, contenant des révélations troublantes, susceptibles de ternir quelque peu l’image d’une « patrie irréprochable ». Pendant la Deuxième Guerre mondiale, la Suisse aurait par exemple été la principale plaque tournante de l’or en provenance d’Allemagne et des pays occupés par la Wehrmacht. Cette opération aurait permis de rendre librement convertible l’or volé par les nazis. Du 1er septembre 1939 au 30 juin 1945, les banques suisses auraient acheté de l’or à l’Allemagne pour 1,7 milliards de francs ! #José_Lillo s’empare de ce sujet pour inventer sa langue théâtrale, déstructurer des textes liés à ce pan de l’histoire qui a profondément marqué la population suisse.
▻http://www.lepoche.ch/index2.php?spectaclesID=62&onglet=breve
#théâtre #suisse #WWII #Deuxième_guerre_mondiale #überfremdung #collaborationnisme #histoire
▻https://www.youtube.com/watch?v=nK2tlOjHrrs
Les oubliés de l’Histoire (suisse)
Dans son « Rapport Bergier », l’auteur et metteur en scène José Lillo rend un vibrant hommage aux victimes du nazisme et des nationalismes. A voir au Poche, à Genève.
Les spectres suisses de la Seconde Guerre mondiale jettent un froid à Genève
Le metteur en scène genevois José Lillo s’inspire librement du fameux rapport Bergier, quelque 11 000 pages qui analysent la politique d’asile de la Confédération pendant la guerre. Il en extrait au Poche un spectacle personnel qui allie documents et épanchements
Dans la pièce on parle notamment de cet événement qui a eu lieu à #Genève, quand #Goebbels est venu faire un discours sur la paix à la Société des Nations... c’était en 1933... et Goebbels était ministre de la propagande nazie
Description
Cet extrait de l’émission C’était hier, diffusée le 1er décembre 1969 à la Télévision Suisse Romande, est constitué d’une archive des Actualités suisses tournées le 29 septembre 1933, lors de la visite du Dr Goebbels, ministre de la propagande du Reich, à la Société des Nations.
L’édition du 30 septembre 1933 du Journal de Genève relate cette visite qui se tient dans le cadre de la XIVe assemblée de la Société des Nations, présidée par Johan Ludwig Mowinckel, président du Conseil et ministre des Affaires étrangères de Norvège.
Selon le Journal de Genève, le discours de Goebbels est « un long et habile plaidoyer » pour rappeler que le Parti national-socialiste est arrivé au pouvoir en Allemagne « par des voies légales. (...) M. Goebbels parle de l’hitlérisme allemand comme du boulevard de l’ordre en Europe. Il a dissipé le spectre menaçant du bolchevisme. » Reste la question essentielle du réarmement de l’Allemagne. Le correspondant du journal retient du discours de Goebbels « l’affirmation que l’Allemagne veut collaborer de toutes ses forces à l’oeuvre d’apaisement esquissée dans les coulisses de l’Assemblée ».
A noter que lors de sa visite à Genève, le ministre de la propagande du Reich a convié les représentants de la presse et un certain nombre d’amis politique, le jeudi 28 septembre, à l’Hôtel Carlton. "Avant de commencer son discours, qu’il a intitulé « l’Allemagne nationale-socialiste et la tâche qu’elle est appelée à accomplir en faveur de la paix entre les nations », le Dr Goebbels a prononcé à l’adresse de la Suisse et de Genève les paroles suivantes : « C’est l’hospitalité habituelle bien connue de la Suisse et de la ville de Genève qui me donne la possibilité, dont je me félicite, de vous adresser la parole. Bien que mon premier séjour dans la ville où siège la Société des Nations doive être court, j’ai eu l’occasion d’être en contact avec M. le conseiller fédéral Motta. Les moments que j’ai passés avec l’éminent homme d’Etat comptent au nombre des souvenirs les plus précieux de mon premier séjour à Genève. »
Quelques jours après cette visite, le 14 octobre 1933, l’Allemagne quitte la SDN dont elle était membre depuis 1926.
▻http://www.notrehistoire.ch/video/view/1146
Mais Lillo a réussi dans sa pièce à ne pas oublier qu’on est en 2015... et que ce que le Rapport a dévoilé devrait faire écho encore aujourd’hui, pour que cette fois-ci on n’attende pas que tout soit fini pour demander les excuses officielles...
cc @reka
Lillo se penche aussi sur les enfants placés et sur les Jenisch... Bref, une belle claque à l’orgueil patriotique suisse...
Le texte était très dense... j’espère il le publiera un jour...
Il y a quelques années, j’avais déjà vu de lui une autre remarquable mise en scène... un monologue d’une heure quarante sans souffle... wow ! Quelle intensité !
#Troisième_Nuit_de_Walpurgis, classique de l’analyse de la propagande nazie, écrit pendant l’été 1933, cinq mois après l’arrivée de Hitler au pouvoir en janvier de la même année, est le dernier grand texte de Kraus, « le plus grand satrisite de la langue allemande ». Kraus parle des persécutions contre les Juifs, de ségrégation sexuelle, des camps de concentrations, de l’exil, de la torutre et du système faciste. Il avait tout compris de ce qui se préparait, non pas comme un voyant masi comme quelqu’un qui simplement sait regarder.
« Comment pouvait-on prétendre en 1945 qu’on ne savait pas ? Kraus, en 1933, savait déjà tout. » Pierre Deshusses
Salué à sa création en 2007 par le public et la critique, puis en 2009 lors d’une première reprise, Troisième nuit de Walpurgis est un défi lancé au théâtre : Comment porter sur la scène une langue aussi radicale et ciselée ?
▻http://www.saintgervais.ch/programme/detail/troisieme-nuit-de-walpurgis
A la mémoire du courageux #Gruninger donc, réhabilité dans les années 1990 du bout des lèvres...
Réhabilitation de Paul Grüninger en...
.. 2014 par la police
▻http://www.tdg.ch/suisse/La-police-a-officiellement-rehabilite-Paul-Grueninger-/story/19627112
Réhabilitation politique en 1995
▻http://www.ideesuisse.ch/253.0.html?&no_cache=1&L=1&tx_ttnews%5Btt_news%5D=102&tx_ttnews%5Blist%5D
A lire un livre remarquable d’un ancien journaliste de la WoZ :
Stefan Keller, Délit d’humanité : l’affaire Grüninger . Lausanne, Ed. d’En Bas, 1993
« Tout ce qui n’est pas digéré, il faut l’affronter »
José Lillo a notamment monté et joué Troisième nuit de Walpurgis, de Karl Kraus, qui analyse la propagande nazie… Le metteur en scène revient sur ce thème avec Le Rapport Bergier, actuellement en création au Théâtre Le Poche, à Genève. Entretien.
▻http://www.solidarites.ch/journal/d/article/6802/Theatre-Tout-ce-qui-n-est-pas-digere-il-faut-l-affronter
#grunt-real-favicon: Generate a multiplatform #favicon with RealFaviconGenerator
▻https://github.com/RealFaviconGenerator/grunt-real-favicon
Tags : favicon #icone grunt
L’armée de l’Allemagne change de caractère
Afghanistan-Connection
►http://www.afghanistan-connection.de
„Die Bezeichnung Afghanistan-Connection ist die bestmögliche Bezeichnung, die man da finden kann. Es ist eine enge Bruderschaft aus 25 bis 30 Offizieren.” Die Männer, sagt er, kennen sich aus dem Afghanistan-Einsatz, helfen und fördern sich gegenseitig. Der Krieg am Hindukusch habe sie extrem geprägt.
...
Der Einfluss dieser Connection lässt sich nur schwer vermessen, in Zahlen und Daten ausdrücken – aber er ist kaum zu überschätzen.
...
Die Connection ist zugleich Ergebnis und Ursache dieser Schieflage. Sie ist Symptom einer Entwicklung – und verschärft sie -, an deren vorläufigem Ende die Truppe fast nur noch in Szenarien der #Aufstandsbekämpfung denkt. Der Verfassungs-Auftrag zur #Landesverteidigung dagegen steht, zugespitzt gesagt, nur noch auf dem Papier des Grundgesetzes.
La première conclusion de l’article est inquiétante : la Bundeswehr n’est plus une armée faite pour défendre les frontières du pays mais une organisation pour combattre des soulèvements populaires.
Die Nicht-Information des Parlaments wird jetzt sogar zur offiziösen Politik des Leyen-Ministeriums. Auf die Frage der abrüstungspolitischen Sprecherin der Linksfraktion, Inge Höger, wie es informationspolitisch weitergehen solle, nachdem das Verteidigungsministerium den bisher jährlich erscheinenden Bundeswehrplan nicht mehr erstellen will, antwortete Staatssekretär Markus Grübel mit Datum vom 8. August 2014 jedenfalls :
“Bereits vor Beginn der Neuausrichtung der Bundeswehr wurde aufgrund der umfassenden Strukturreformuntersuchungen davon abgesehen, den früheren „Bundeswehrplan” in der Ihnen bekannten Form zu erstellen und zu verteilen (…) Insofern sind die neuen Planungsdokumente des Integrierten Planungsprozesses nach Inhalt und Anzahl sowie in ihrer jeweiligen Detaillierung nicht mehr mit dem bekannten Bundeswehrplan vergleichbar. So trägt beispielsweise die an die Stelle des Bundeswehrplans gerückte Finanzbedarfsanalyse einen deutlich stärkeren ressortinternen Charakter als der ehemalige Bundeswehrplan. Es wird daher um Verständnis gebeten, dass eine Weitergabe der Finanzbedarfsanalyse nicht vorgesehen ist. Wie dem berechtigten Informationsinteresse der parlamentarischen Ausschüsse dennoch in geeigneter Form entsprochen werden kann, wird mit Blick auf die Anfang des Jahres 2015 verfügbare Finanzbedarfsanalyse für das Jahr 2016 derzeit geprüft.“
...
Alexander Neu sieht einen Korpsgeist am Werk: “Man möchte unter sich bleiben. Und das geht gar nicht”, sagt Neu. Mit diesem Schreiben werde von Regierungsseite “ganz offensichtlich versucht, die parlamentarischen Kontrollrechte zu untergraben: Wie soll ich als Parlamentarier, als gewählter Parlamentarier, die Bundesregierung, das Verteidigungsministerium und die Bundeswehr kontrollieren, wenn man sich weigert, mir die notwendigen Informationen zu geben?”
...
Wer nicht kontrolliert werden wolle, bei dem liege möglicherweise einiges im Argen. Die Haltung, die aus dem Schreiben des Staatssekretärs spreche, sei völlig “indiskutabel”, sagt der Grünen-Politiker. Sie zeige aber, “wie es um von der Leyens Demokratieverständnis bestellt ist”.
“Die Informationen gehören ins Parlament. Wir Abgeordnete sind die politisch Verantwortlichen”, Lars Klingbeil, SPD-Verteidigungspolitiker
La conclusion finale constate une réduction du pouvoir du parlement. Le gouvernement essaye de s’en débarasser et refuse de fournir des informations budgétaires. C’est simplifié par le nombre très réduit de députés de l’opposition face à la majorité composée de chrétien- et social-démocrates.
C’est un peu ce qui se passe dans certains pays. L’armée est contre le peuple puisque son premier devoir est de protéger les élites.
Il y a un très très bon film là-dessus, même si au début, il a été trop vite considéré comme un navet : The gangs of New York
Comme quoi, les ustensiles changent, mais les humains non !
Solid #Grunt: from spaghetti to rock solid code
▻https://oncletom.io/talks/2014/sotr
Tags : Grunt #optimisation
En Allemagne, pire que la ferme-usine des mille vaches : l’usine aux dix mille porcs ! - Reporterre
▻http://www.reporterre.net/spip.php?article6038
En question, à la porte de leurs propres (petites) exploitations, le projet d’un élevage « pharaonique » de 10 000 porcs, avec un roulement annuel de 250 000 bêtes.
L’investisseur hollandais, Adrian Straathof, n’en est pas à un coup d’essai.
Il a développé des élevages de taille analogue dans quatre autres Länder de l’ancienne Allemagne de l’est, riches en bonne terre et dépourvues d’industries importantes.
Les industriels allemands n’ont pas tardé à emboîter le pas avec des installations pour plusieurs milliers de porcs, entièrement automatisées et, trop souvent, sans égard pour les traitements infligés au bétail.
Je me plais à imaginer que les porcs de cette usine à viande se suicident par auto-abattage jusqu’au jour où l’un d’eux, victime d’un sabotage vétérinaire (on lui aurait injecté un produit faisant muer ses gènes) devient aussi « intelligent » que les humains, organise la sédition dans l’usine en buttant les (rares) employés en toute discrétion et prenant la tête d’une horde porcine de plusieurs dizaines de milliers d’individus, va mettre en danger le monde « civilisé ».
Je coince un peu pour la fin de l’histoire ... Qui est intéressé pour m’aider à monter le projet ?
Supercharging your Gruntfile: How to squeeze the most out of your build configuration
▻http://www.html5rocks.com/en/tutorials/tooling/supercharging-your-gruntfile
Metalsmith
▻http://www.metalsmith.io
All of the logic in Metalsmith is handled by #plugins. You simply chain them together. (…) Each plugin is invoked with the contents of the source directory, with every file parsed for optional #YAML front-matter
@fil
Bientôt il y aura autant de générateur de sites statiques que de développeur⋅euse⋅s web. :)
Mais sinon ça a l’air cool quand tout est développé en plugins dès le départ comme ça.
Bientôt il y aura autant de générateur de sites statiques que de développeur⋅euse⋅s web. :)
C’est comme les outils de build basés sur node.js. ^^
Sinon, c’est vrai qu’il a l’air sympa à première vue, j’ai pas eu le temps de bcp regarder.
Hey, j’ai mis les mains dedans. C’est plutôt très sympa.
On retrouve le même principe de fonctionnement que #wintersmith et une syntaxe proche de #gulp.
A la différence de #grunt / #gulp, ce n’est pas un moteur de tâches qui peut servir à faire de la génération de sites statiques, mais l’inverse.
On a donc plein de truc très utiles pour faire des sites web (gestion de permalinks, des titres, des collections de posts...), qui sont pénibles à refaire en grunt/gulp.
Et par rapport à wintersmith, c’est plus clair, plus facilement hackable (et sans #coffeescript).
J’ai même réussi à faire implémenter une fonctionnalité de livereload en 1 soirée (j’espère que l’auteur metalsmith-watch prendra en compte ma demande d’évo ^^).
Bref, je me demande si #wintersmith n’a pas du souci à se faire, chez moi.
YANBT — yet another nodeJS build tool :
▻http://www.solitr.com/blog/2014/02/broccoli-first-release/index.html
Après #grunt, après #gulp, voici #broccoli.
Il a des arguments, quand même, mais c’est fatiguant.
Une présentation de #Bower, #Grunt et #Yeoman
▻http://florianlb.fr/talks/2014/yeoman
Tags : Yeoman Grunt Bower
Getting Started With #Pattern_Libraries ∙ An A List Apart Blog Post
▻http://alistapart.com/blog/post/getting-started-with-pattern-libraries
▻http://patterns.alistapart.com
Même chose identifiée sous le nom de « style guide », recensé par @nhoizey il y a 2 mois :
►http://seenthis.net/messages/204620
Il y a beaucoup d’intérêts ; d’avantages et de bénéfices à construire ce genre d’outils. Par contre, il faut également les maintenir...
Je dois actuellement démarrer la génération d’un guide de style, je ne referais pas les mêmes erreurs qu’auparavant : il sera le plus possible généré automatiquement (grunt, fichiers en markdown). Faire un guide de style en HTML pur est bien trop coûteux à maintenir et rapidement source d’erreurs. Enfin, l’inclusion d’outils d’automatisation permet également de jouer des tests directement sur le guide de style (tests de unitaires, test d’intégration de composants ).
Il semble y avoir 2 manières populaires de commenter ses CSS / LESS / etc.. de manière à générer automatiquement une bibliothèque de motifs / un guide de style :
– Styledocco : ▻http://jacobrask.github.io/styledocco
– KSS : ▻https://github.com/kneath/kss
J’ai essayé grunt-styleguide ( ▻https://github.com/indieisaconcept/grunt-styleguide ), que j’ai utilisé avec Styledocco. Honnêtement c’est vraiment vraiment sympa, voir même un peu magique (puisque styledocco fournit déjà des styles et templates pour le site généré de documentation).
Et je trouve le formalisme styledocco vraiment lisible et agréable : on écrit ses sommentaires CSS en markdown et boum, voilà une super doc qui tient déjà la route.
cc @tetue ?
Bon alors j’en profite, puisque tu commences à connaître Grunt et assimilés, et que tu connais SPIP, et que tu parles français.
Donc : est-ce qu’on peut utiliser ce type d’outils dans un projet quelconque, pas du tout JS/Node/etc ? Par exemple, est-ce que je peux utiliser Grunt lorsque j’intègre un site SPIP, dans mes plugins-squelettes et mes plugins-thèmes (découpage Z) ? Et si oui comment ?
Par exemple, est-ce que je peux utiliser Grunt lorsque j’intègre un site SPIP, dans mes plugins-squelettes et mes plugins-thèmes (découpage Z) ?
Carrément, Grunt c’est juste un automatiseur de tâches, comme il est JS, et utilise node, il a des affinités avec cet écosystème, mais on peut s’en servir pour n’importe quoi.
Ce qui est intéressant, c’est qu’une fois qu’on a compris comment ça marche, il y a très peu de choses à coder, à écrire. La plupart du temps ça se résume à un path d’entrée (avec du ’globbing’, comme dans zsh - « /repertoire//.js » = tous les fichiers js situés dans répertoire et les sous-répertoires), des options, et un path de sortie (si il y a écriture de fichiers).
Par exemple, pour le guide de style dont je parle plus haut, j’ai juste ajouté ça dans mon « gruntfile » :
styleguide : {
options : {
framework : {
name : ’styledocco’
},
name : ’Guide de style de mon appli’
/,template : {include : [’plugin.css’, ’app.js’]}/
},
doc_projet : {
files : {
’projet/dossier/documentation/’ :’projet/dossier/css’
}
}
et pour lancer la tâche : « grunt styleguide:doc_projet »
Pour faire des squelettes, oui, je pense qu’il doit y avoir des choses intéressantes : optimisation des images, génération automatique de sprite, génération de webfonts, vérification et validation du code JS, concaténation, copie, compression de fichiers etc...
Et si oui comment ?
Je ne sais pas ;) , il y a tellement de plugins, de possibilités, que ça doit partir du besoin. Si vous me donnez des cas concrets, je pourrais en dire plus :)
C’est quoi les trucs qui font braire lorsque tu fais des squelettes ou des thèmes ?
Les grandes étapes :
*Niveau Système :
– installer node.js
– installer l’interface cli de grunt ("npm install -g grunt-cli")
Niveau Projet :
– créér un fichier ’package.json’ à la raçine du projet (le dossier de ton squelette, je dirais) : soit à la main, en copiant collant un truc trouvé en ligne, soit en tapant « npm init ». Ce fichier contiendra les dépendances et la description de ton projet grunt.
– installer grunt (et les plugins qui t’intéressent) : "npm install grunt —save-dev’. Le flag à la fin va dire à npm (node package manager) d’écrire la dépendance dans le fichier package.json.
L’installation va créer un répertoire node_modules à coté du fichier package.json. La plupart du temps, il faut dire au gestionnaire de source d’ignorer ce répertoire.
– créer un fichier Gruntfile.js (le plus simple est de recopier un exemple sur le site de grunt).
– modifier le Gruntfile.js en fonction de ses besoins et du projet.
Bref, l’automatisation d’un projet via grunt peut se résumer à 2 fichiers : le package.json et le Gruntfile.js. Sur la machine de quelqu’un qui a déjà node.js, il suffira juste de taper « npm install » dans le répertoire pour que toutes les dépendances, plugins et autres soient installés.
Pour démarrer :
▻http://gruntjs.com/getting-started
Les plugins :
▻http://gruntjs.com/plugins
[edit : comment on fait pour mettre du code dans seenthis ? là mon exemple de path avec globbing casse tout...]
Un article à ce sujet par ici : ▻http://mike.teczno.com/notes/being-a-client.html
On y trouve un lien vers cette page : ▻http://codeforamerica.clearleft.com
À noter que le dernier lien utilise la même présentation que celui d’A List Apart.
Ya ça aussi, un site où sont collectés tous les modèles et toutes les ressources de Brad Frost autour du #responsive :
▻http://bradfrost.github.io/this-is-responsive/patterns.html
▻http://bradfrost.github.io/this-is-responsive/resources.html
Sinon pour @0gust1, sur SPIP/Grunt, je ne sais plus… :D
En fait, le Less et le Scss, il y a des plugins qui les compilent magiquement en interne, côté serveur. Puis ensuite il y a déjà un plugin qui compresse tous les CSS et JS, côté serveur aussi. Du coup, il ne reste plus grand chose à faire en local…
Du coup non, pour l’instant, je ne vois pas à quoi ça pourrait me servir. Mais à chaque fois que je vois un article ou une personne qui en parle, je me demande toujours si ça peut m’aider… :D
@rastapopoulos : c’est vrai que grunt est souvent utilisé pour du build. Ce qui est aussi intéressant, ce sont les fonctions d’automatisation du workflow de dev :
– grunt-contrib-watch, qui permet de « surveiller » un ensemble de fichiers et lancer automatiquement des traitements si changement (modification, ajout, suppression).
– la génération de sprites et de webfonts d’icônes.
– les outils de qualité de code (jshint).
– les plugins d’upload automatique.
Grâce à ça, c’est possible de gagner beaucoup de temps, et surtout de garder son fil de pensées, sa concentration quand on fait de la conception front : j’ai cote à cote mon éditeur et mon navigateur, et au moindre changement, je vois tout de suite le résultat.
Je vous rejoins concernant le gain de temps avec Grunt concernant l’automatisation de taches, il faut prendre le temps de bien configurer ses taches et derrière ça roule !
C’est super pratique d’avoir une version dev (avec livereload) sur laquelle travailler confortablement et pouvoir en une ligne de commande générer une version production avec toutes les optimisations nécessaires (compression images, minification, concaténation ...)
Concernant les guides de styles j’utilise grunt-styleguide avec KSS comme framework et j’ai publié un article sur le sujet ▻https://medium.com/@JeremyRaffin/4abccdcbab29
Ca permet de pouvoir rapidement générer un styleguide maintenable facilement.
Using #Grunt for #PHP
▻http://chrsm.org/post/using-grunt-for-php
here’s how I use Grunt for PHP Tags : PHP Grunt
Getting from #GitHub to #WordPress
We now manage our WordPress theme in jquery-wp-content, and the content for all of our sites are stored and managed in individual repositories on GitHub. Storing the content of each site on GitHub gives us all the benefits of tracking tasks in issues, discussions on pull requests, visual diffs for changes, etc. The content of each page is generated by grunt-jquery-content from #HTML, #XML or #Markdown source depending on the repository. This content is then synced to WordPress using grunt-wordpress. Just like our code, all of our site content is open source and released under the terms of the MIT license, with the exception of our branding which is not licensed for use by others.
▻http://blog.jquery.com/2014/01/23/getting-from-github-to-wordpress
▻http://contribute.jquery.org/web-sites/#grunt-getting-static-content-into-wordpress
Ça devrait intéresser @fil
à lire le code je ne vais pas essayer d’utiliser les mêmes #outils — mais la démarche est intéressante
à noter, les meta-données d’un article sont stockées sous la forme suivante en tête du fichier (html) du contenu :
<script>{
"title": "My Post",
"termSlugs": {
"<taxonomy_name>": [
"<hierarchical_slug>"
]
}
}</script>
<p>Content - I'm a post!</p>
contenu…
motherjones/grunt-html-smoosher
▻https://github.com/motherjones/grunt-html-smoosher
“A #grunt task which takes a html file, finds all the #CSS and js links, and outputs a version with all the css and js written #inline for ease of pasting into a cms” Tags: grunt inline #webperf CSS #JavaScript
Ça ne doit pas être bien compliqué pour quelqu’un qui fait du #Node.js … ou alors au moins une conf Grunt qui ne fait que ça.
Toujours motivé @fil ? J’ai bidouillé hier soir qq chose qui marche presque, il me reste à rendre synchrones les appels ’get’ vers les CSS / JS.
De quoi aurais-tu besoin comme options pour la ligne de commande ?
en option je dirais « minifier », « minifier-js », « minifier-css », éventuellement en passant en argument le minifier souhaité ; éventuellement, « mogrify » (pour envoyer un email avec le résultat), « strip-js » et « strip-css » pour virer js et css ; sinon, je sais pas :)
pour mogrify on peut le faire à part via #emogrifier ▻http://seenthis.net/messages/127820
Ok. Et plusieurs URL en arguments ?
ça peut accélérer les choses (pas besoin de charger les librairies nodeJS à chaque url à traiter).
Par contre, rediriger la sortie vers un seul fichier ne sera plus possible, sauf si on veut plein de pages html concaténées (on peut toujours écrire un genre de séparateur, sinon).
Bon, j’ai pas eu beaucoup de temps, mais j’ai quelque chose qui tourne. Le code est encore assez moche, car j’ai essayé plein de trucs.
Les retours m’intéressent car je n’ai pas très confiance dans la bibliothèque utilisée pour manipuler le html ("cheerio") : par exemple, sur ►http://seenthis.net, un fichier js n’est pas traité.
@robin m’a conseillé d’utiliser « whacko », mais celle ci ne renvoie pas de promises...
À tout hasard, @fil (ou quelqu’un d’autre) a pu tester ? ^^
Plop,
J’ai fait une mise à jour avec les options ’—strip’, ’—strip_css’ et ’—strip_js.
Pour mettre à jour une installation existante, faites un « git pull » dans le répertoire où vous aviez cloné le dépot.
►http://www.insertafter.com/articles-gulp_vs_grunt.html
#gulp sera-t-il le successeur de #grunt ?
Analyse des avantages de Gulp par rapport à Grunt, par nicolas froidure (@nfroidure)
wearefractal/gulp
▻https://github.com/wearefractal/gulp
The streaming build system
This looks indeed to be a lot more understandable than the rather intricate Grunt.
Usable and flexible Gruntfile modularization
La suite et le début de la fin de mes interrogations sur la modularisation de la configuration et des tâches #grunt, pour un gros projet de « refactoring »
Je voulais quelque chose de simple, qui autorise un découpage orienté fonctionnalité, maintenable et facilitant l’appropriation par les integrateurs / devs front de l’équipe.
Plutôt que d’avoir un énorme Gruntfile inmaintenable et incompréhensible, on le découpe en petits morceaux consistants avec l’organisation fonctionnelle du site.
Pour le début de ma démarche : ▻http://seenthis.net/messages/198290
Juste pour dire que j’ai corrigé un bug dans le chargement des fichiers de tâche (’grunt.task.loadTasks()’ ne prend pas/plus en paramètre un filepath mais un path, ce qui foutait tout par terre). Désormais j’utilise ’require()’.
Attention, du coup l’embed sur @seenthis n’est plus à jour.
Générer sa propre webfont à partir d’images SVG, avec codes unicodes personnalisés. Le tout automatisé avec #Grunt.
En gros, on met des fichiers svg dans un répertoire, et des fichiers .eot, .woff, .ttf et .svg sont générés.
L’article expliquant la démarche :
▻http://www.insertafter.com/articles-gruntjs_font_icons.html
Le plugin grunt :
▻https://github.com/nfroidure/grunt-svgicons2svgfont
Merci @nfroidure :)
ca veut dire quoi avec « codes unicodes personnalisés ». c’est à dire que cela met des caractères dans les parties unicodes « non affectées à des caractères » ?
Oui, j’ai l’impression, mais seulement si tu veux. :)
Il faut nommer l’image source svg avec l’unicode souhaité : « uE002-arrow-down.svg » par exemple.
Un autre intérêt de générer ses fontes avec des noms de fichiers d’icônes préfixés avec le caractère Unicode, est de pouvoir utiliser le bon caractère Unicode quand cela fait sens.
Par exemple, si vous avez un icône « plus » permettant d’avoir un icône sur un bouton d’ajout au panier, cela peut être utile d’utiliser le code Unicode du signe « + » (U+002B) plutôt qu’un code faisant parti de la plage des codes réservés à un usage privé.
Utile aussi pour garder un site - utilisant les webfonts pour les icônes ou pictos - utilisable sur des connexions lentes ou dégradées.
@Maïeul C’est même « pire » l’idée est de ne pas avoir de caractères pour cette police particulière que ne servira qu’à afficher des icones.
L’avantage étant que ces icones auront un beau rendu quelle que soit la taille …
▻https://gist.github.com/0gust1/7543330
Inventory of solutions to modularize grunt configuration for large project & (legacy) codebases
Je m’interroge sur les bonnes façons d’utiliser #grunt pour gérer la couche « front-end » de gros sites. J’ai déjà recensé quelques outils, on m’a fait quelques retours. Je prends tout.
▶ KUZEY GRUP PANDORA - YouTube
▻https://www.youtube.com/watch?v=4zG-4QFbsDY
More maintainable Gruntfiles
▻http://www.thomasboyt.com/2013/09/01/maintainable-grunt.html
#grunt #javascript #build #node.js