La veille du Vendredi #5

Code & Patrimoine

Ah, les Pyramides, les cathédrales, l'art du pizzaïolo napolitain ... autant d'inventions matérielles et immatérielles de l'humanité qui constituent notre patrimoine, estampillé par l'Unesco. Que vous fassiez déjà partie d'une association qui milite pour la reconnaissance du Cassoulet ou que vous y soyez devenu allergique depuis que votre grand mère vous a traîné dans toutes les églises romanes de France quand vous étiez petit, le patrimoine mondial fait un peu partie de vous, en tant qu'Histoire de l'Humanité, ou sous la forme de souvenirs de voyages scolaires pluvieux mais marrants, quand le fond du bus était votre royaume. Mais l'eau a coulé sous les ponts depuis ... maintenant vous savez que tout ça est accessible depuis votre écran, comme nous l'évoquions déjà la semaine dernière.

Oui mais le code dans tout ça ? Tout ce travail sémantique et intellectuel de notre temps ne mérite-t-il pas une place dans nos archives nationales au même titre que les livres, les oeuvres d'art, les partitions de musique, l'architecture et la cuisine traditionnelle ?

Le site Software Heritage (un brin drama) a pour vocation de conserver et mettre en valeur toute cette création, encore jeune, certes, mais pourtant fondamentale dans notre société.

Software Heritage

Pour rester dans le thème du code comme bienfaiteur de l'humanité, on a le plaisir de vous annoncer que Simplon intervient désormais, par le biais de ses expert-e-s, auprès de Open Asso, une plateforme d'échanges permettant de répondre aux questions et aux problématiques - notamment techniques, pas que - que les associations peuvent rencontrer :

Open Asso

Des outils pour simplifier le webdesign

Concevoir des applications pratiques, intuitives et belles, c'est pas facile facile, et en général on finit par atteindre seulement deux de ces objectifs sur les trois. Les principes de "Material Design" érigés par Google ont été une tentative d'y remédier, et si vous y avez recours, vous serez sûrement heureux d'apprendre qu'il existe un éditeur de thème pour vous faciliter la vie dans la conception de vos interfaces :

Material Design Theme Editor

Mais pas plus qu'un plan de montage Ikea ne garantit l'originalité du meuble que vous allez construire, un éditeur de thème ne fera pas d'interface léchée aux petits oignons. Pour parfaire votre design à coup d'animations CSS, vous pourrez compter sur cette magnifique web app que s'appelerio KeyFrames - les "image clés" dont se rappellent les plus vieux d'entre nous qui ont taté du Flash avant que JS ne devienne à son tour la cible des quolibets des développeurs snobs de l'Internet.

Définissez vos images clés sur la timeline, donc, et les propriétés de vos éléments à chacune d'entre elles. Testez le tout, et l'application génère le code CSS correspondant à votre animation.

Keyframes

Et tant qu'on parle de petits oignons, voilà un magnifique slider associé à une animation SVG de cuisto fâché

Visible sur CodePen

Le machine learning pour les designers

Parce que bon, on peut pas être à la fois stylé et concevoir HAL9000 (quoique, ses concepteurs sont quand même assez stylés), cet article vous expliquera les bases du machine learning si vous êtes totalement étranger au domaine

An intro to Machine Learning for designers

Typotrotteurs

Après quitte à parler de trucs stylés faisables uniquement par des gens compétents, parlons un peu de Typographie dans la ville avec Arte, qui propose une série de mini documentaires sur l'usage et la créativité dans la typographie dans plusieurs villes du monde

Le Safari Typo

 

A la semaine prochaine !


La veille du vendredi #4

Bonjour ! Voici notre veille de la semaine :

Terminal I <3 you

Alors certes, le web, l'UI, l'UX et le design nous tiennent à coeur, mais il y a toujours au fond de nous ce hacker barbu ou cette geek au look de Trinity qui, sous la couche de vernis graphique, sont plus efficaces dans un terminal que dans les 345 onglets ouverts de leur Firefox. A moins qu'au fond, bien sûr, on ne reconnaisse les nerds à ce qu'ils ou elles ont plus d'onglets ouverts dans leur terminal que dans leur navigateur ... Que vous fassiez partie de cette catégorie ou que vous ayez été embauché-e pour un rôle dans la prochaine saison de Mr Robot, ces outils sont faits pour vous :

Bénie soit la console

Blessed est une bibliothèque Node JS qui reprend les possibilités de nCurses pour créer des interfaces graphiques dans le terminal. Du simple affichage de liste à une carte géographique en passant par des donuts charts, disponibles dans les modules de la communauté, Blessed offre toute une panoplie d'éléments permettant de construire une application complète entièrement dans votre console.

https://github.com/chjj/blessed : La bibliothèque de base

blessed

https://github.com/yaronn/blessed-contrib : Les modules complémentaires créés par la communauté

term

Dashboard clés en main

Si votre but est de pouvoir monitorer à la fois l'état de vos serveurs, vos tickets Git & Jira et la liste des courses que votre grand-mère vous demande de faire en rentrant, WTF util vous permet de constituer votre dashboard, simplement en configurant un fichier Yaml

https://wtfutil.com/

Comprendre les commandes Unix/Linux/OSX

Pour apprendre ou progresser dans votre usage du terminal, vous avez posé des questions sur IRC pour savoir comment utiliser telle ou telle commande et on vous a gentiment, c'est peu de le dire, suggéré de consulter les pages du manuel avec une expression en quatre lettres bien connue "lol noob RTFM !". Plein de bonne volonté, vous avez tapé "man ls" dans votre terminal, vous n'avez rien compris et n'avez plus jamais touché à votre ordinateur, que vous avez mis en vente sur Le Bon Coin en précisant "HS".

Bonne nouvelle, vous pouvez retirer l'annonce et rallumer votre ordinateur ! Sur son compte Twitter, Julia Evans vous explique en petits dessins simples à quoi servent les commandes et comment s'en servir ! Bientôt vous saurez même comment les imprimer depuis la ligne de commande et pourrez les afficher dans votre bureau pour impressionner vos collègues ...

https://twitter.com/b0rk

Back to UX

Des effets de "feedback progressif" pour en finir avec les interfaces binaires

feedback

L'expérience utilisateur réside pour bonne part dans l'anticipation et la compréhension des actions et des possibilités offertes par une interface. Cet article s'intéresse aux façons dont on peut permettre à l'utilisateur de pressentir une information, de se rapprocher du sentiment qu'on a lorsqu'on hésite entre deux chemins, et qu'en faisant quelques pas vers l'un on sent qu'on va faire fausse route sans avoir besoin d'aller jusqu'au bout pour faire demi-tour. C'est passionnant !

https://tympanus.net/codrops/2018/05/02/ideas-for-proximity-feedback-with-progressive-hover-effects/

Les meetups filmés de UX Républic

UX Republic organise régulièrement des meetups à Paris pour discuter des sujets liés à l'UX et présenter leur travail. Tous sont filmés et disponibles sur cette chaîne youtube

https://www.youtube.com/channel/UCaBYXqZrqacaDxmR0H4YEJA

Take a walk on the cool side

Algo-quoi ?!

Pas facile quand on apprend à programmer de comprend en même temps la logique des algorithmes les plus répandus ou utiles dans ce métier. Apprendre le code, sa grammaire ET son utilisation sont deux choses différentes, et ce Github est là pour vous aider à faire le lien

https://github.com/trekhleb/javascript-algorithms

Explorez des temples birmans

Votre grand-père était officier dans l'armée de l'air pendant la guerre froide, alors il vous a souvent parlé du radar devant lequel il passait des heures à scruter l'apparition de bombardiers russes qui devaient faire pleuvoir des bombes atomiques sur nos villes et villages et enterrer une bonne fois pour toute notre civilisation décadente. D'ailleurs, sans lui et les radars vous ne seriez pas là. Que voulez-vous, quand on passe sa vie les yeux rivés sur un écran, on a pas grand chose à raconter et on finit par radoter (et je sais de quoi je parle) ...

A moins que ! A moins qu'on utilise la technologie pour des choses un peu plus fun qu'afficher des points sur un écran noir, et qu'on remplace les radar par leur cousin encore plus cool : le lidar ! Car fonctionne pareil, mais avec des lasers ! Et ça permet notamment de modéliser entièrement des temples, l'intérieur et l'extérieur, et de s'y promener comme si on y était ... Voilà de quoi épater vos petits enfants, vous pourrez dire "j'y étais" alors qu'en fait vous étiez juste en train de lire la veille de Simplon Prod en attendant la prochaine vidéo de Squeezie.

Ils sont magnifiques et ont été mis en valeur par cette super application WebGL signée Google Arts & Culture

https://artsexperiments.withgoogle.com/bagan

B*tch better have my rocket

D'ailleurs puisqu'on parle d'innovation et de coolitude, Google Arts & Culture présente également sur cette page les portraits de quinze femmes qui ont changé la donne à la Nasa, soit par leur travail, soit par leur combat pour les droits des femmes ou ceux des afro-américain-e-s, soit les trois à la fois !

https://artsandculture.google.com/theme/PAKin--N4pTOJg

What's your name, what's your number

On va pas vous rabattre les oreilles sur le Règlement Global pour les Données Personnelles, alors on vous laisse juste avec cette playlist marrante qui pose clairement la question : toutes ces chansons que nous adorons (ou pas) sont-elles vraiment compatibles avec la nouvelle réglementation ?

https://open.spotify.com/user/popjustice/playlist/5Pe51v0sHLybSEkX0m0JRf

 


La veille du vendredi #3

Bonjour à tou·tes,

Voici notre veille de cette semaine, bonne lecture !

 

Le rapport de Mozilla sur l’état de santé d’Internet en 2017 #mustread

https://internethealthreport.org/2018/

 

Ticket for Change lance un podcast sur l’entrepreneuriat social

https://www.vecus.org/

 

Débat avec des experts de la psychologie cognitive sur le Nudge, une technique pour orienter les choix des personnes pour leur bien ou pour l’intérêt général 

https://www.franceculture.fr/emissions/du-grain-a-moudre/le-nudge-une-technique-de-persuasion-sous-influence

 

Github fête ses 10 ans ! Un petit aperçu de leurs milestones favoris dans le développement de Github

https://github.com/ten

 

Compte-rendu de la conférence “Le numérique peut-il sortir les personnes de la rue ?” organisée par Entourage le 13 mars dans le cadre de la Social Good Week

https://blog.entourage.social/2018/03/16/dis-leur-que-dans-ma-tente-jai-du-wifi/

 

Suite à l’audition de Marc Zuckerberg au Sénat américain, les questions en suspens

http://www.lemonde.fr/pixels/article/2018/04/11/facebook-les-questions-auxquelles-n-a-pas-repondu-mark-zuckerberg_5283996_4408996.html

 

Exemples de Progressives Web Apps

Des clients non officiels de Hacker News montrent l’implémentation de cette techno en JS moderne
https://hnpwa.com/

 

Gitignore.io : un site qui propose des fichier .gitignore pour démarrer un projet en fonction des technos utilisées, de l’IDE, etc

https://www.gitignore.io/

 

Une liste d’outils et commandes pour manipuler des fichiers texte structurés, csv, etc.

https://github.com/dbohdan/structured-text-tools


La veille du vendredi #2

Bonne année à tou·tes, voici notre veille d'aujourd'hui.

Bonne lecture !

Une présentation du #33C3 sur le hacking de billets d'avion
https://media.ccc.de/v/33c3-7964-where_in_the_world_is_carmen_sandiego

Les tendances graphisme pour les applications mobile en 2018
https://medium.muz.li/top-9-ui-design-trends-for-mobile-apps-in-2018-14b4fa350d3a 

Cartes pour réaliser des dégradés de couleurs
https://gradients.cssgears.com/

Letters of Note : des archives de lettres, télégrammes et correspondances fascinants
http://www.lettersofnote.com/

Des portraits de femmes célèbres qui ont révolutionné l'informatique moderne
https://rslnmag.fr/histoire/elles-ont-revolutionne-linformatique-moderne/

D'autres femmes importantes dans l'informatique dont on ne parle jamais
https://www.hillelwayne.com/post/important-women-in-cs/

Le site de SimplonLab (à Paris 20e) pour les makeurs.euses en herbe !
https://fabmanager.simplon.co

 

 


Ango : la carte interactive des emplois dans le numérique

Développé par l’équipe de rubyistes de SimplonProd, le projet Ango cartographie une grande partie des offres d’emploi du secteur “Numérique” publiées sur pole-emploi.fr. Ces annonces sont récupérées régulièrement par des scripts automatisés qui parcourent le site de Pôle Emploi, à la recherche des dernières publications pour certains métiers et codes ROME spécifiques (en particulier M1805). Écris par nos soins, ces scripts tirent parti de différentes “gem” Ruby telles que Nokogiri et Geocoder pour récupérer les informations sur le site, les géolocaliser et les insérer dans notre base de données PosgreSQL. Elles sont ensuite accessibles via une API privée développée avec Sinatra puis exploitées sous la forme d’une carte dynamique développée avec la librairie Javascript de Mapbox.

Le résultat sur ango.simplon.co

Bonne navigation !