Real-Life Responsive Web Design
▻https://speakerdeck.com/smashingmag/real-life-responsive-web-design
Tags : #RWD #webperf #méthodologie #todo:formation:rwd #slides
Real-Life Responsive Web Design
▻https://speakerdeck.com/smashingmag/real-life-responsive-web-design
Tags : #RWD #webperf #méthodologie #todo:formation:rwd #slides
Daring Fireball: Android Fragmentation, Gyroscope Edition
▻http://daringfireball.net/linked/2014/05/20/gyroscope-fragmentation
Tags : #todo:formation:HTML5
#ReminderBaba : un service sympa (et simple) de rappel qui fonctionne uniquement à partir de votre mail //
▻http://www.reminderbaba.com
C’est intéressant. Par contre, malgré une charte sur la vie privée courte et claire, ça ne dit pas qui c’est, d’où ça vient, pourquoi ? Sachant que ça reste un service en code privateur pour l’instant.
Mais le concept est cool, j’aime bien ce qui tourne autour des mails. :)
Salut,
>> « j’aime bien ce qui tourne autour des mails. :) »
Ah ben dans ce cas je ne peux pas m’empêcher de faire un peu de pub pour un nouveau service que je suis en train de monter avec un ami (qui tourne autour du mail et des newsletters) : ▻http://www.closetoshop.com
N’hésites pas à demander une invit !
@+
Responsive Sidenotes
▻http://johndjameson.com/2014/responsive-sidenotes
Tags: Responsive Web Design (RWD) #notes #todo:formation:rwd
Oui, mais c’est plutôt à faire côté squelettes, non ?
▻http://johndjameson.com/blog/responsive-sidenotes
pérennité des urls...
Scoped Media Query #Sass Mixin
▻https://github.com/filamentgroup/scoped-media-query
“An element query workaround. A Sass mixin for scoping #CSS styles to apply only within given selector/media query pairs.” Tags: Responsive Web Design (RWD) #Element_Queries Sass CSS #todo:formation:rwd
Supercharging your Gruntfile: How to squeeze the most out of your build configuration
▻http://www.html5rocks.com/en/tutorials/tooling/supercharging-your-gruntfile
Les dessous techniques d’AWS : le plus grand #cloud du monde
▻http://www.journaldunet.com/solutions/cloud-computing/datacenter-aws.shtml
« Amazon est très discret sur les technologies utilisées dans ses data centers. Nous avons cherché à percer ce mystère. Les résultats de notre enquête. » Tags : #Amazon #AWS cloud #todo:formation
Improvements to the CKAN Roadmap Process | ckan - The open source data portal software
▻http://ckan.org/2014/03/13/improvements-to-the-ckan-roadmap-process
#CKAN est le logiciel utilisé par quasiment toutes les grandes plateformes opendata :
Ils utilisaient déjà #github pour leur système de tickets sur le code, il l’utilisent maintenant aussi pour la roadmap (les idées d’évolution), au lieu de #trello qui est un « Kanban Board ».
En effet, il existe plusieurs alternatives à Trello « branchables » sur les tickets de github (#huboard, #waffle) ce qui permet d’avoir deux outils pour le prix d’un.
▻https://github.com/ckan/ideas-and-roadmap/issues
▻https://waffle.io/ckan/ideas-and-roadmap
Est-il possible de se passer de #github pour gérer les tickets d’un projet libre ? Certainement que oui, mais ça devient l’exception.
Mais n’est-ce pas imprudent pour la « communauté » libre de confier toutes ces informations à un seul silo ? Pas de risque pour le code, git est décentralisé, mais pour les issues, rien de tel.
On peut récupérer le contenu des « issues » via l’API de Github. Je ne l’ai jamais fait et je ne connais personne qui le fasse donc, oui, en pratique, c’est un problème.
Il existe un outil qui exporte toutes les données (publiques) d’un dépôt Github : ▻https://github.com/joeyh/github-backup
Il est évident que dépendre d’un service central et étranger est un risque à évaluer avant de lui confier toute la vie du développement d’un logiciel libre.
par Joey Hess, le créateur de git-annex.
▻https://joeyh.name/code/github-backup
À noter sa « description » sur sa page github :
Prefers to use anything but github for communication. git is a distributed system. Also, this is not my resume. This is a tiny tip of my git repository iceberg.
Heu, l’illustration, c’est pour rire et il y a vraiment des tendance à adapter le #kanban au développement logiciel ?
Oue oue, c’est utilisé, voir trello ou huboard. C’est simple et pratique pour travailler à plusieurs.
Pour les tâches versionnées, voir fossil :
En libre, y a Framaboard, depuis ►https://framaboard.org
Merci @monolecte...
J’ai téléchargé Trello et je n’aime pas trop...
J’ai téléchargé #Wunderlist que je suis en train d’essayé, mais je ne suis pas convaincue...
Du coup, je vais essayé #Framaboard et je te dirai
Paiement sans contact, un déploiement discret et dangereux
▻http://www.60millions-mag.com/actualites/articles/paiement_sans_contact_un_deploiement_discret_et_dangereux
Tags : #NFC #carte sécurité #CNIL #Visa #Mastercard #todo:formation
L’Américaine Kristin Paget, une autre spécialiste en sécurité, avait de son côté prouvé qu’avec un faible budget, il était possible de lire à distance les données de son voisin dans les transports en commun et de procéder immédiatement à un paiement électronique avec ces données.
Tellement prévisible ...
Au-delà de la sécurité des comptes en banque il y va des #libertés avec l’instauration un peu partout des systèmes de #porte_monnaie_électronique (ce que veulent devenir Navigo ou la #carte-jeune de Midi-pyrénées entre autres) donc on peut mettre #big_brother et #surveillance.
Il y a un moyen de refuser la puce #NFC ?
Oui mais non.
@monolecte j’avais demandé il y a plusieurs mois mais la réponse que l’on m’a donné était un peu du foutage de gueule :
▻http://seenthis.net/messages/119044#message234658
Mais il parait qu’on peut obtenir mieux que ce que m’a répondu ma banque (Banque Populaire, haha) :
►http://seenthis.net/messages/243770
Je n’ai pas encore testé de menacer de porter plainte. Mais il faudrait que je prenne le temps de refaire la démarche à zéro en gueulant plus fort pour avoir une vraie carte sans la puce RFID.
Intéressant, merci pour tes précisions @rastapopoulos
On peut aussi dire #merde_aux_cartes …
J’avais monté un groupe de non utilisateurs de cartes bancaires, j’ai commencé par ma pomme, 10 ans sans carte, j’ai été la seule, aucun émule, ça doit s’appeller un solo militant !
Mais rien que la tronche du banquier quand il a sorti ses ciseaux pour couper ma dernière carte en deux était si risible que je recommencerai. Je peux cependant vous dire qu’ils font tout pour que ce soit bien galère, imagine juste réserver un train sans carte…
Ici, je suis à 30 mn de voiture du guichet de ma banque le plus proche.
La #CNIL a alors engagé un travail avec les industriels du secteur qui a rapidement abouti à la suppression de l’accès au nom du porteur, pour les cartes émises à partir de la fin septembre 2012, ainsi qu’à la suppression de l’accès à l’historique des transactions pour les futurs modèles de carte qui seront déployées à partir de fin 2013. Ces évolutions permettent de réduire les risques pour la vie privée des porteurs.
La CNIL reste toutefois préoccupée par l’accessibilité du numéro de carte et de la date d’expiration. Bien qu’à sa connaissance, aucune fraude exploitant cette accessibilité n’ait encore été détectée, elle appelle le secteur bancaire à une adaptation constante des mesures de sécurité pour garantir que ces données ne soient pas collectées et réutilisées par des tiers. A ce titre, la mise en œuvre des recommandations émises par l’Observatoire de la Sécurité des Cartes de Paiement dès 2007 et 2009 apparaît nécessaire, ainsi qu’à terme, un chiffrement des échanges rendant tout accès aux données impossible.
En outre, les porteurs de carte doivent être clairement informés de la fonctionnalité sans contact et doivent pouvoir la refuser, soit en obtenant une carte ne disposant pas de cette fonctionnalité, soit en obtenant sa désactivation par leur banque. A cet égard, la CNIL note avec intérêt que certains établissements bancaires fournissent des cartes dont la partie sans contact est désactivée par défaut, pour être activée à la demande du porteur, lequel peut par ailleurs, à tout moment, désactiver à nouveau cette fonctionnalité. Le porteur a ainsi la maîtrise totale de sa carte. La CNIL appelle l’ensemble des établissements bancaires à adopter de telles pratiques vertueuses.
▻http://www.cnil.fr/linstitution/actualite/article/article/securite-des-cartes-bancaires-sans-contact-quelles-sont-les-avancees-et-les-ame
Donc, proposer des systèmes #NFC désactivables à distance est suffisant... quand bien même il est évident qu’ils restent toujours hackables !
Et donc, pour se protéger, la #marmotte, elle met sa carte bancaire dans le papier d’#alu !
▻http://www.francoischarron.com/proteger-sa-carte-de-credit-paypass-de-la-fraude-par-ondes-rfid/-/QYbtbAnkuJ
#foutage_de_gueule
Comme d’hab’, il s’agit d’imposer quelque chose dont personne ne veut :
Comme Sebsauvage, quand j’ai reçu la lettre m’annonçant la bonne nouvelle (il y a 3 mois), je suis allé voir mon banquier pour lui dire simplement que s’il ne trouvait pas une solution de remplacement, je ne voulais tout simplement plus de carte bancaire. Je ne sais pas si Sebsauvage a eu une réponse, mais voici comment ça s’est passé pour moi.
En attendant que le GIE corrige cette passoire qu’est la carte NFC, je crois que je vais rester avec ma bonne vieille carte bleue pas plus sécurisée sauf que pour me piquer mes infos, le mec ne pourra pas me coller un lecteur aux fesses et devra me péter la gueule avant
▻http://korben.info/les-cartes-bancaires-sans-contact-nfc-ne-sont-pas-securisees.html
Et aussi, comment désactiver matériellement sa puce RFID : ►http://korben.info/comment-desactiver-le-nfc-sur-sa-carte-bancaire.html
Brutasse.
Un Homme arrêté à l’aéroport de Frankfort car il avait passé sa #carte_d'identité au #micro_ondes. Selon la police, il aurait pris cette décision pour désactiver la puce #RFID...
et - Alsacreations
▻http://www.alsacreations.com/article/lire/1416-html5-meter-progress.html
Tags : #meter #progress #HTML5 #champ #formulaire #todo:formation:HTML5
Coucou, c’est Davos, alors la NRK (via Oxfam - j’avais oublié de le préciser) se charge de nous rappeler que les 85 personnes les plus riches du monde possèdent la même somme d’argent que la moitié de l’humanité, soit... 3,5 milliards de personnes.
Qui veut en faire une représentation visuelle radicale ?
De 85 rikeste deler 10 billion - Økonomi
▻http://www.nrk.no/okonomi/de-85-rikeste-deler-10-billion-1.11483669
Tirsdag møtes noen av dem sammen med andre internasjonale toppledere og politikere til Verdens økonomiske forum (WEF) i det sveitsiske vintersportstedet Davos.
Ça va être compliqué pour l’échelle quand il va falloir rendre visibles les 85 gus sur le plateau de la balance en face duquel il y en a 3,5 milliards qui s’entassent.
Le ratio est tellement énorme que les dimensions sont interplanétaires.
Dans l’article du Guardian ►http://www.theguardian.com/business/2014/jan/20/oxfam-85-richest-people-half-of-the-world qui s’appuie sur des données d’Oxfam, on trouve aussi quelques informations intéressantes.
As well as being morally dubious, economic inequality can also exacerbate other social problems such as gender inequality, Oxfam warned. Davos itself is also struggling in this area, with the number of female delegates actually dropping from 17% in 2013 to 15% this year.
Avec un lien vers une exploration interactive des délégués par genre et par région.
▻http://www.theguardian.com/lifeandstyle/womens-blog/interactive/2014/jan/17/women-davos-numbers-world-economic-forum
Et pour les revenus un graphique issu du site de la PSE The World Top Incomes Database , F. Alvaredo, A.B. Atkinson, T. Piketty, E. Saez ▻http://topincomes.g-mond.parisschoolofeconomics.eu
▻http://i.guim.co.uk/n/sys-images/Business/Pix/pictures/2014/1/20/1390211106000/Working-for-the-Few---Oxf-009.jpg
The share of national income going to the richest one percent
Hmm... pour voir :
85 personnes = 1 pixel
3,5 milliards de personnes = 41,2 millions de pixels (41176470.59)
1 écran de 26 pouces à 121ppp (résolution max des 4:3 selon wikipédia ▻http://goo.gl/jehN) = 2515 × 1886 = 4,74 millions de px. Il faudrait 8,68 écrans...
avec un système de zoom, comme pour le coincoin qui se trouve (en cherchant !) ici ? ►http://madmeg.org/delizie
@baroug #winter_is_coming ?... si c’était vrai pour les 85...
Un zoom pour montrer l’échelle de la forfaiture serait vertigineux et implacable !
@baroug si si tout à fait !
@monolecte j’imagine qu’avec #openlayers pour implémenter le zoom et #d3.js pour la représentation ça doit pas être trop compliqué, mais c’est déjà au-dessus de mes compétences...
#incommensurable
Depuis que j’ai lu la note de @reka, j’essaie de visualiser mentalement l’échelle des inégalités, mais là, je n’y arrive pas. Je n’arrive pas à concevoir l’échelle. Par exemple, ça représente combien, comme ratio 85/3 500 000 000 par rapport à la taille du soleil ?
@monolecte le soleil fait 1 392 684 km de diamètre. Donc si les 3,5 milliards personnes sont représentées par le soleil, les 85 personnes peuvent l’être par un truc de 34 mètres de diamètre...
Un rapport de 1 à 40 millions. En suivant le film ci-dessous, Les puissances de 10 , (1977) et en prenant comme lui la taille humaine comme mesure, on arrive
• aux dimensions de la terre dans un sens,
• à la molécule d’ADN dans l’autre
J’ai pas tout suivi aux calculs de @b_b et de @Simplicissimus mais on pourrait comparer les surfaces respectives. Par ex, si une personne occupe un mètre carré :
– 85 personnes occupent un carré d’un peu plus de 9 mètres de côté.
– 3,5 milliards de personnes occupent 3,5 km2, soit 7 fois la surface de l’île de Montréal, par exemple (▻http://goo.gl/fYDqSQ).
Ça fait beaucoup.
@monolecte, un autre défi : la planète spéculative. Cette année on est à près de 800 000 milliards de dollars d’échanges de produits dérivés (spéculatifs), soit en chiffres :
800 000 000 000 000 de $
Essayons de visualiser ceci. J’avais calculé l’année dernière que ça faisait quelque chose comme un peu moins de deux millions d’Airbus A 380 au prix catalogue (soit 404 millions de dollars pièce). Mais même là, on imagine pas.
Un A 380 fait 72 mètres de long, ça ferait donc une queue de A 380 de 144 000 km de long.
Donc, c’est encore ouvert pour une visu qui montre quelque chose !
@Simplicissimus et @mapper ça me rappelle un texte utopique d’Elisée Reclus qui avait simulé le regroupement de toute l’humanité (de l’époque) dans la région parisienne pour expliqué le concept de densité. Je retrouve ça et je poste.
Voilà le texte superbe (et la carte) de Reclus :
« A propos d’une carte statistique »
▻https://www.dropbox.com/s/yhudzuihvlyjqic/a-propos-d-une-carte-statistique.pdf
[fichier pdf téléchargeable]
Sans doute, l’assemblée de tous les habitants du globe, désormais devenus frères, dans quelque grande plaine entourée d’un bel amphithéâtre de collines, n’est actuellement qu’un rêve de poète ;
De pareilles cartes seraient indispensables aux économistes qui discutent à l’infini sur la loi de Malthus sans appuyer leurs dires sur les documents que fournit l’observation précise.
#beau #cartographie_radicale #quand_nous_n'étions_qu_1,5_milliard
Je rêve d’un système de gestion des tickets a) auto-hébergé, b) simple d’utilisation (pour organisation interne du travail d’une équipe, pas pour des développeurs), c) simple de conception (solution du genre de celles proposées dans le fil ►http://seenthis.net/messages/150466) et d) accessible depuis partout e) avec éventuellement authentification.
Les raisons sont les suivantes :
– a) contrôle des données, utilisable en local/intranet/internet, reproductible
– b) c’est tellement efficace, les tickets, pourquoi le réserver au développement logiciel ?
– c) facile à maintenir, exporter/importer, archiver
– d) les avantages du web
– e) pour le contenu interne (mais binaire : connecté = accès à tout le contenu, non-connecté = rien - facile à gérer au niveau du serveur web)
J’aimerais que les tickets permettent :
– 1. un ticket par tâche, avec commentaires successifs (un ticket, quoi)
– 2. un statut (ouvert/fermé, ou en cours/terminé)
– 3. des labels/mots-clés pour indexer et regrouper les tickets
– 4. assigner le ticket à une personne
– 5. s’abonner à un ticket (pour recevoir des notifications de mise à jour) ou abonner qqn d’autre
– 6. fixer une date limite (voire des dates limites)
– 7. envoyer des alertes automatiques par mail 15 jours avant la date limite
Pour être plus simple, mieux vaut diviser le problème. On peut donc imaginer :
– un système de forum simple comme #seenthis ou #nononsense : permet 1, 3 et 5.
– pour 2., peut être peut-on se servir de mots clés : #fermé, #réouvert, etc. et le plus récent est celui qui vaut.
– pour 3., peut être peut-on aussi se servir de mots-clés : resp:@severo (id. le plus récent indique le/la responsable en cours)
– pour 5. on peut imaginer abonner qqn·e d’autre simplement en le/la citant : @severo - implique qu’un script analyse tous les messages et ajoute la personne citée comme « abonné » au ticket
– pour 6., on peut imaginer simplement mettre une URL vers un événement dans un calendrier partagé (implique de mettre en place un système de calendrier partagé - voir #baikal par exemple). Autre solution : un mot-clé : due:2014-01-17
– pour 7. il faudrait trouver un programme qui se branche sur le calendrier partagé, et qui envoie les alertes (ça doit exister) - reste à définir le délai d’envoi par rapport à la date limite
Je suis preneur de tout conseil ou commentaire !
peut-être qu’avec un peu d’amelioration du plugin ticket de #SPIP cela pourrait se faire ? il y a je pense que le 6/7 qui manque, à ma connaissance
Oui c’est une possibilité, même si le plugin Tickets est clairement fait pour la gestion de bugs. On pourrait rendre optionnels certains champs (priorité, type de bug) et permettre d’ajouter d’autres champs, comme les mots-clés par exemple.
Pour les dates, j’ai l’impression qu’il faut plutôt se brancher sur un système à part.
En fait, le plugin Tickets est sûrement une bonne idée pour la partie serveur. Mais au delà, j’aimerais travailler sur la partie « client ». Pour l’affichage, un format auto-descriptif du modèle de données, c’est à dire que l’HTML du ticket suffise à l’importer dans un autre système. Il faudrait donc que toutes les données soient présentes sur le texte du commentaire. Ce qui irait dans le sens de l’import export en format mail que propose @fil :
►http://seenthis.net/messages/216935
Une mise à jour du ticket, où on changerait la personne assignée, le statut, on ajouterait un mot-clé et on écrirait un commentaire, pourrait donc être affichée de la manière suivante
Un commentaire
resp:@severo #todo statut:#open #conception
C’est surtout une question de squelette pour l’affichage du ticket.
Et si une syntaxe est définie, on pourrait aussi publier à partir de la seule plage de texte. Comme on ferme habituellement des commits avec « fixes #1234 », on pourrait ainsi changer de responsable en écrivant « resp:@maieul » dans le texte, au lieu d’utiliser un formulaire. Ce commentaire pourrait être envoyé par mail, entré sur le site, etc.
En fait, pour être précis, je veux mettre les infos du ticket dans le texte, en plain/text, pas dans le HTML.
Ce qui n’empêche pas de redonder avec des microdata, mais c’est une autre histoire.
Pour « tout faire en texte », c’est assez fluide et compréhensible pour l’ajout, comme ce que fait seenthis (l’ajout de tags dans les commentaires est pris en compte dans la recherche de seens), mais si tu veux enlever des infos (tag, date, ou autre), ce n’est plus aussi simple pour les néophytes. Si on doit rajouter une syntaxe en plus genre « -#truc » ou « -resp :@truc »… ça commence à faire beaucoup de ptits caractères partout, et ça me parait assez geek.
Vu que tu parles de tickets, et donc de todolist finalement, et en plus de texte, je t’invite aussi à lire les discussions qu’il y a eu autour du plugin « Todo » pour SPIP, dont le but était justement de générer à partir de texte brut uniquement ET que ce texte brut soit aussi lisible tel quel même avant transformation.
▻http://contrib.spip.net/Todo#forum462129
Tu trouveras notamment des liens vers des tentatives de formats « standardisés » de todolist en texte brut. Notamment le format TodoTxt : ►https://github.com/ginatrapani/todo.txt-cli/wiki/The-Todo.txt-Format
La version SPIP en est inspirée mais n’est pas pareille.
Bien sûr, que ce soit TodoTxt ou celui de SPIP, ce sont des trucs pour une seule personne. Mais ça peut quand même donner des idées pour un système multi-utilisateurs avec commentaires.
Ah pour le Todo de SPIP (que j’ai commencé et qu’Éric a continué), il y aussi cet article de conception :
▻http://blog.smellup.net/spip.php?article72
oui j’ai lu attentivement ces échanges sur Todo, c’est exactement dans cette voie là que j’aimerais travailler.
Une autre précision, c’est surtout l’usage qui m’intéresse. J’aimerais tester avec un site qui ne fasse que ça, et qui soit facile à utiliser pour des gens qui n’ont jamais touché à des tickets.
Tickets versionnés comme le code, de manière descentralisée :
Groupiful Is a To-Do #app Ideal for Organizing Small Teams or Families
▻http://lifehacker.com/groupiful-is-a-to-do-app-ideal-for-organizing-small-tea-1497554420
Tags : #productivity app #todo
#Gartner Says Worldwide Traditional #PC, Tablet, Ultramobile and Mobile Phone Shipments On Pace to Grow 7.6 Percent in 2014
▻http://www.gartner.com/newsroom/id/2645115
“users continue to move away from the traditional PC (notebooks and desk-based) as it becomes more of a shared content creation tool, while the greater flexibility of tablets, hybrids and lighter notebooks address users’ increasingly different demands” Tags: PC #tablette part de marché Gartner #prospection #smartphone #todo:formation
Responsive Layouts Beyond the Sidebar | Jen Simmons
▻http://responsivelayouts.jensimmons.com
Les slides de la présentation de Jen Simmons sur le Responsive Web Design en mode #Mobile_first (et avec des MQs en #em !) Tags : #mise_en_page #layout Responsive Web Design (RWD) em #todo:formation:rwd Mobile first
Unfolding the Box Model: Exploring #CSS #3D Transforms
▻http://rupl.github.io/unfold
Tags : CSS 3D #transformation #todo:formation:HTML5
StoryMap JS - Telling stories with maps.
►http://storymap.knightlab.com
StoryMapJS is a free tool to help you tell stories on the web that highlight the locations of a series of events.
#cartographie #histoire #storytelling #javascript #opensource #web-based #storymapjs
ça sent le plugin SPIP qui permet de construire des « stories map » avec une interface « humainement utilisable » :-)
Ha j’y avais même pas pensé, merdum maintenant j’ai envie de le faire :p #todo
Proportionally-perfect Design (using #em)
▻http://lukeaskew.github.io/writings/proportionally-perfect-design.html
“the hidden language of web design is proportion, specifically proportion centered on type. Once designers and developers begin speaking in this common language, the translation from Photoshop to code becomes more seamless. Design and code are married.” Tags: #todo:traduction em Responsive Web Design (RWD) #élastique
Responsive Web Design Resources | This Is Responsive
▻http://bradfrost.github.io/this-is-responsive/resources.html#case-studies
Tags: #todo:formation Responsive Web Design (RWD)
W3DEVCAMPUS Responsive Web Design » W3DEVCAMPUS
▻http://www.w3devcampus.com/responsive-web-design-w3c
Tags: #todo:formation Responsive Web Design (RWD)