Le concept 🧠

Tu fais saumurer à sec des jaunes d’œufs, ils rendent leur humidité et concentrent leurs goûts.

Cela apporte également une note d’umami très sympa.

La recette de la flemme 🍲

Prendre des quantités massives de gros sel et de sucre, je recommande un ratio de 2 / 3 de sel pour 1 / 3 de sucre.

Si t’es un peu fifou tu peux rajouter un peu de poivre ou d’autres épices.

À l’aide du dos d’une cuillère tu crées de petits nids dans lesquels les jaunes d’œufs vont reposer.

Tu sépares les jaunes des blancs (tu peux les garder pour faire de la mousse au choco, des financiers, etc.) et tu les déposes dedans sans les briser.

Ensuite bah tu recouvres complètement, tu filmes, et 5 jours au frigo, en ayant bien noté la date.

Et puis bah.. voila voila, t’attends 5 jours. Yeah t’as bien lu c’est chelou mais c’est le tarif.

Au bout de 5 jours tu les retires délicatement de leur cocon, puis moins délicatement tu les rinces à l’eau courante.

Clairement tu peux jeter le mélange sel / sucre / poivre

Ils ont réduits, se tiennent tous seuls en restant un peu souples, et la couleur est beaucoup plus intense.

Techniquement on peut les utiliser tels quels, mais je recommande de les passer au déshydrateur, où au pire au four, 70° pendant 4 à 6h. Comme ça ils ne bougent plus, sont plus fermes et normalement pas de risques de pourritures ou autre.

Et la à priori tout être humain normalement constitué se poserait cette question légitime :

C’est cool mais j’en fais quoi de ta merde ? 🦄

Bah en vrai ça en fait un condiment assez cool, et c’est recommandé de le râper sur des trucs et des machins.

C’est un peu difficile à décrire mais cela rajoute un goût d’œuf prononcé / concentré, et cela favorise l’umami ce qui fait ressortir les autres saveurs associées.

Voici quelques exemples de recettes testées & approuvées :

Le merci

Yeah n’hésitez pas à aller voir des gens plus pros pour le vrai bail, par exemple Guga ou Josh ou Ethan.

Ek des vidéos au ralenti qui font swhoosh swoosh et tout tavu tak tak.

En vrai la recette est cool parce qu’elle ne demande trop rien à part un peu de patience, presque rien en temps de préparation ⚡️

Bref bonap.

The post Jaunes d’œufs maturés first appeared on 🍺🐬 Masamune blog v4.

Même si la plupart du temps la solution conseillée est de rollback, à savoir rétablir le site dans un ancien état (~il y a 1 jour / 1 semaine) si on ne fait que ça les problèmes peuvent revenir assez vite.

Donc voici l’ensemble des étapes que j’applique afin de corriger le bousin ; ainsi que certaines alternatives si cela ne fonctionne pas.

C’est pas forcément à la portée de tout le monde sans être méchant, donc les prérequis :

• Savoir lire
• Respecter les consignes de votre hébergeur
• Connaitre un minimum le langage de programmation sous lequel tourne votre site / CMS
  • ~ PHP et MySQL pour les principaux CMS comme WordPress
• Connaitre le gestionnaire de l’hébergeur, par exemple OVH Manager
• Savoir se connecter et manipuler les fichiers via un client FTP ~ FileZilla, WinSCP, Bitvise Tunnelier, peut importe
• Savoir viteuf gérer sur phpMyAdmin (pour MySQL / MariaDB)
• Savoir quelques commandes sur le terminal / bash ça ne fait pas de mal non plus.

Au pire si vous comprenez rieng jetez des jetons LoL ou du platinum pour Warframe par terre et attendez 20 minutes. Quand un développeur se pointera jetez une pokéball pour l’attraper et demandez lui de gérer le bousin.

BREF

Avant toutes choses

1. 💾 Faites des sauvegardes en local sur votre PC, avec un antivirus c’mieux
   • Mais bon si c’est du php ça ne tournera A PRIORI pas sans serveur donc osef
   • Des fichiers
   • Export de la base de données
   • Ensuite dupliquez les : on a un espace pour bosser, et un espace de référence auquel on ne touche pas
2. 📝 Notez les anciens identifiants
3. 🔑 Changez les identifiants FTP
4. 🔑 Changez les identifiants SQL
5. 🔒️ Je recommande chaudement de passer par un générateur de mots de passe forts et de maxer (minimum 25 caractères), ou mieux de passer par un gestionnaire de mots de passe, ~ Dashlane.
6. ⬆️ N’oubliez pas de mettre à jour les identifiants dans le fichier de configuration de votre site, et de le renvoyer en ligne !
7. 📧 Vérifier les éventuelles boites mails associées au site
   • Changez les mots de passe
   • Vérifiez qu’il n’y a pas de nouvelles adresses

ℹ️ Trouver des infos

1. 📝 Voir si l’hébergeur à des recommandations
2. 📝 Voir si l’hébergeur à envoyé un mail ou un ticket dans son administration
3. 🔧 Si OVH > hébergement > infos générales > PHP > Modifier > Passer en développement
   • En mode “production” les erreurs sont masquées

Essayer de choper des indications sur la location & le type de fichiers malveillants.

Par exemple ici :

Problème rencontré : Un script malveillant a été détecté sur votre hébergement
Commande apparente : /homez.515/EUL_CLIENT/www/tmp/cache/3/device/hwm -c default.conf
Exécutable utilisé : /legacy/home/EUL_CLIENT/www/tmp/cache/3/device/hwm
Horodatage: 2023-05-19 11:10:08

Et le mieux reste de regarder les logs afin de voir précisément quels fichiers ont étés impactés.

yay ! Mais bon vaut mieux faire un gros check des familles..

📂 Check des fichiers de surface & thème

Commencer par le commencement, à savoir le dossier racine du site.

En général je récupère l’ensemble des fichiers sur mon poste (ou un VM) et je check directement via VSCode.

Prendre la température avec des fichiers classiques, dans notre cas il s’agit du CMS “SPIP”, français et en déduire des caractéristiques communes.

• Commentaires en français
• Gros blocs de commentaires en début de fichiers, une ligne avant les fonctions
• Grosse indentation ~4 caractères

Vérifiez également qu’il n’y a pas de über grande ligne alakon en début/fin de fichier.

Bon dans le cas présent j’ai rapidement identifié deux fichiers vérolés à la racine :

Je me fait une petite liste des fichiers sur lesquels je suis passé, avec des emojis en rafale :

- ✅ `/www/spip.php` > à l'air classique, en FR et donc merdique.
  - Pas de code caché sur une seule grande ligne alakon
- ⏳🦠 `/www/BsQjxTFX.php` > Yeah rien que le nom pue du fion. Code PHP über compréssé avec des clés/payloads/etc. > Proba un bruteforce de mot de passe.
  - En attente pour investigation
- ✅ `/www/index.php` > A priori non modifié
- ✅🔥 `/www/phpinfo.php` > à la racine > yeah non je vire, faille de sécurité, ptet ajouté par le hack
- ⏳🦠 `/www/response.php` > +- même bail que BsQ..

Pas si pire pour la racine du projet. Je check vite fait les sous répertoires afin de voir si des choses sautent aux yeux.

⚡️ Astuce : Dans l’arborescence de VSCode on peut naviguer dans les fichiers dossiers avec les flèches haut/bas, et forcer l’ouverture du fichier avec espace. On peut donc ‘scanner’ un grand nombre de fichiers très vite, pour voir si des fichiers contiennent une seule ligne de code ou autre facteur discriminant. Spam flèche gauche pour refermer l’arborescence ouverte.

Je détecte 2 autres fichiers dans des sous répertoires > on va donc devoir fouiller en profondeur.

- ⏳🦠 `/www/ecrire/local.php` > eval() et base 64 > virus
- ⏳🦠 `/www/local/config.php` > eval() et base 64 > virus

🔎💩 Essayer de trouver plus de merdes code facécieux hihihihuhuhouhou malicieux

Rechercher dans l’ensemble du dossier avec des mots clés de hackeurh (en gros pas fouiller comme un poulet sans tête) ; le mieux reste de piocher dans les fichiers précédemment trouvés et de réutiliser les noms de fonctions.

Cela permet de virer les éventuelles répliques de fichiers mise en place pour que le virus reparte si certains fichiers sont virés.

Voici une liste des mots clés qui sont rarement présents dans des codes legit

- eval(
- @run(
- encode
  - ⏳🦠 `ecrire\auto.php`
  - 👥 `local\config.php`
- ob_get_contents
  - 👥 `\response.php`
  - 👥 `ecrire\auto.php`
  - ⏳🦠 `local\define.php`
- ob_end_clean
- base64_encode
- base64_decode
  - 👥 `local\config.php`
  - 👥 `local\define.php`
- md5(
- strpos(
- substr(md5
- // Propres à ce hack
- payload
  - Un truc ajouté en toute fin de `<footer>` mais dans `/tmp/cache` donc sera benné
- $data
- $pass
- 'k'
- 'c'

🧠 Pour la culture, une grosse parenthèse :

// Les chaînes générées seront toujours les mêmes, à partir des mêmes mots de base
$uneChaineAlakon = base64_encode('poil'); // hAYmFzZTY0X2RltoY29kZSgkaykpPT09J2U3NF
$uneAutreChaineAlakon = md5('peni'); // ykpomJigoJHM9QGJhc2U2NF9kZWNvZGUoJGMpKStarU

// On assemble les différents morceaux
$promisTuVaVoirCaVaEtreHilarant = '' .
   substr($uneAutreChaineAlakon, 39, 3) . // tar
   substr($uneChaineAlakon     , 14, 2) . // to
   substr($uneAutreChaineAlakon, 2, 3);   // à partir du 2eme caractère, on en récupère 3 // pom

// On lance la fonction au nez & a la barbe de la municipalité
eval($promisTuVaVoirCaVaEtreHilarant);

BREF. Côté fichiers a priori on est pas trop mal.

🗃️ Allez plus loin sur les fichiers

Après cette technique reste relativement hasardeuse et n’est pas fiable à 100%.

En vrai je recommande plutôt de repartir d’une base du logiciel propre ; par exemple re-télécharger un WordPress sain et y rajouter votre thème (re-téléchargé également) / et vos données.

Dans la vraie vie on va pas se mentir on l’utilise quand même pas mal, principalement pour 2 raisons

1. Le site est trop vieux, et même si la base est disponible dans les archives ça reste une purge à remettre en place, surtout si ça tourne sur une vieille version de PHP ou Apache ou autre
2. Le site et/ou le thème ont étés personnalisés à l’arrache ~sans thèmes enfants, et on perdrait du contenu / voir on ferait tout sauter en remettant les versions de base.

⚡️ Astuce : Si vous ne pouvez pas éclater la base par une saine, vous pouvez également comparer votre base actuelle avec une base saine (soit via VSCode, soit via Git) afin de mettre en évidence les modifications/virus. Cela permet ensuite de corriger au cas par cas, sans se fader l’intégralité des fichiers du projet.

💾 Vérifier la base de données

Parce que parfois, en plus des fichiers, du code est injecté directement en base de données.

Comme ça même avec les fichiers assainis, du virus peut polluer / ressortir / ressusciter lors de la relance du site.

Si vous n’avez pas les accès à la BDD, le mot de passe client tombe facilement si vous avez l’identifiant / nom de table > recherchez dans les fichiers.

De même Il y a souvent un fichier de config / constantes, comme wp-config.php pour WordPress.

🏗️ Vérifier si il y a des modifications structurelles

Bases & || Tables et ou champs en plus

Genre par exemple : spip_auteurs cay cool. QEGmjh5fsd rouler la tête sur le clavier moins.

Voir sur le résumé de la base si il y a des anomalies (encodages différents, ou très grand nombre de lignes).

Ici toutes les tables font ~[1ko – 40ko] mais la table “messages” fait 134ko.

Ptet du spam qui a été envoyé yay > voir surtout si il y a eu des envois de mails vers l’exterieur.
✅ A priori c’est okay

💬 Vérifier les contenus

Pour les CMS > Voir dans les tables ~options, utilisateurs, pages, posts, metas ; bref partout ou cela peut ressortir sur l’administration ou le front.

Et rechercher large avec les mêmes mots clés alakon avec LIKE % … % afin de voir si ça n’a pas été ajouté n’importe où dans une chaîne.

• ✅ `articles` > RAS
• ✅ `auteurs` > Pas mal d’entrées, principalement pour les commentaires. Check si accès admin (~login pass) différents
• ✅ `meta` > recheche dans “text” pour `%eval%` > OK
• ✅ `plugins` > recherche sur quelques champs textes > ~tout ce qui est suceptible de ressortir en front ou dans l’admin
• ✅ `rubriques` > texte, qui contient du html
• ✅ `urls`

A priori pas de sushis 🍣

🧹 Nettoyage effectif > Kwakonvire en fichiers 🔥

Bah on reprend notre petite liste, on vire les fichiers à la fois en local, et surtout en ligne.

Virer les dossiers de cache ne fait pas de mal également ~ /cache & /tmp.

Le mieux reste de faire tourner une copie du site corrigé en local / sur une VM afin de s’assurer (via les logs) qu’il n’y a rien de bizarre au niveau des fichiers / mails.

Au pire tester sur un autre nom de domaine afin de ne pas pourrir le référencement naturel en cas de soucis.

✅ Terminer

Remettre le site en ligne en suivant les recommandations de l’hébergeur.

📌 Vider le cache de son navigateur, puis tester.

Sur le FTP > Vérifier & ajuster si besoin les droits des fichiers, notamment le fichier .htaccess et les fichiers de configuration ~ wp-config.php.

1. Sur l’ensemble du site gros 644 des familles
2. Eventuellement moins pour les fichiers de configuration
3. Eventuellement plus sur les dossiers d’uploads, de cache

Si sur OVH Manager > rétablir / activer le firewall dans PHP ET les Multisite.

Après le mieux reste d’effectuer une maintenance à minima une fois par mois, et de maintenir les versions serveurs, PHP, CMS, thèmes, plugins à jour. Si il n’y a pas de mise à jour de version majeure cela se fait généralement très rapidement.

Des plugins de sécurité ne font pas de mal également, WordPress > WordFence & WP-Optimize.

Au pire 💸

Vous pouvez me contacter pour une petite prestation :3

Le bon courage, et la bonneuh journay.

The post Que faire quand son site / CMS se fait hacker ? 🦠 first appeared on 🍺🐬 Masamune blog v4.

Le Flim

Le film est principalement réalisé en stop-motion, succession d’images par images empilay afin de donner l’illusion du mouvement, stu comprend pas c’est Wallace et Gromit may tu peux pas vraiment le montrer a des enfants. BREF.

L’histoire sans spoiler

Une cloche pendue à un fil descend du ciel. Elle descend trèèèèèèès loin sous le niveau de la surface. Une soldat avec un masque à gaz, assez énigmatique, en sors avec une mallette et commence à suivre un itinéraire qui le fera parcourir ce monde assez loin du notre.

Pourquoi je devrais aller le voir wesh ?

Réalisé par, Phil Tippet, qui a quand même bossé sur Star wars et Jurassic Park (les vrais pas des contrefaçons hong kongaises) d’après le trailer, mais quand tu fouines un peu pour les vrais qui sachent il a également bossé sur Robocop 3, Starship troopers 2, Willow, i, ET l’aventure ET la caravane des ewoks et beaucoup d’autres ! Twilight wtf

.. qui sort un film qui a quand même pris 30 ANS PERIPATETICIENNE C’EST BEAUCOUP à réaliser.

BREF. Le film est magnifique. Les décors sont somptueux. L’animation est ultra-propre. Même sans une ligne de dialogue les personnages sont attachants. Au bout de 5 minutes on est scotchés et on veut simplement en découvrir plus sur cet univers très particulier.

TOUTEFOIS. 🚨 Attention, le film est gore, dérangeant, dégueulasse ne rayez pas la mention inutile, y’en a pas.

TOUTEFOISENCORE

Mon Avis

L’univers est cohérent et le spectateur plongé dedans dès le départ, la dystopie qui remonte au niveau du short, ET les personnages vivent avec donc même en tant que spectateur on se dit “c’est normal” et on se laisse emporter.

Edit: GROSSE Parenthèse : C’est le genre de film extrêmement bien réalisé ou l’on est emporté dans l’univers, et peut importe les déviances ou les codes hors de la société, on rentre dans le contexte et on se laisse porter.

Typiquement je recommande le film/docu/interview “David Lynch: The Art Life“, ou on le suis dans une très jolie maison avec sa fille, ou il nous raconte, au calme, qu’il aimait faire des tableaux avec des souris mortes. Et que bizarrement ses parents cautionnaient pas.

ou encore “Crimes of the future” de David Cronenberg, où les gens vivent dans un monde dégueulasse (décors & figurants, en vrai) ou les performances pseudos sado-maso-gore azy mange du plastique et vomit MAIS les personnages vivent dedans, et en vivent, DONC FORCEMENT c’est normal.

D’autant plus que le film est également porté par une bande son onirique comme jamais ; comme dirais DuS “la bande son “tout va bien””. Ce qui est également renforcé par l’atmosphère générale du film.

Cela réduit le malaise ambiant, permet de se projeter, et donne simplement envie de savoir la suite.

Avec les personnages, et en quelque sorte un fil rouge, tout ce mélange de genre permet passer outre les premières impressions et de simplement suivre ce voyage particulier.

Le travail technique également sur les prise de vues, les bruitages ainsi que leur intégration, la lumière, tout est somptueux et fait preuve d’une vraie maîtrise.

A noter également, que le film peut être vraiment sujet à interprétation. Cela peut nous faire réfléchir sur la société de consommation en général, la pollution, la guerre et les conflits, etc.

Mais en creusant un peu mais pas trop il touche également au nihilisme, à la remise en cause de l’ordre établi, au renvoi de l’image de soi, à la société : à la fois la place qu’on y occupe et ses codes en général.

Conclusion

C’est un petit bijou, une perle rare, un chef d’œuvre, à voir absolument, même qu’une fois.

Le film dure pratiquement 1 heure et demie, mais se ressent comme un quart d’heure ; on ne voit pas le temps passer.

Plutôt que de sentir la fin arriver “parce qu’il est l’heure”, elle est savamment amenée par la narration.

Ici rien n’est convenu, tout est découverte, et on se sent apaisé en sortant de la séance, finalement en se disant qu’on ne regrette pas de s’être poussé un peu pour sortir des sentiers battus et que à la fois cela ne changera pas notre vie, à la fois cela pourra nous donner un autre point de vue sur le monde qui nous entoure.

Dans l’ensemble des domaines qui touchent au cinéma, tout est maîtrisé.

Cela reste (à mon sens) un film ‘ovni’, pour un public de niche ; MAIS qui nous change des gros blockbusters ou des films classiques alakon ou au bout de 30 secondes on connait la fin ; et perso ce sont le genre de films qui me parlent.

Bref je vous recommande chaudement d’aller le voir, si possible au cinéma. L’expérience sera particulière, mais au moins vous aurez quelque chose à raconter ; ou tu du moins dont vous souvenir, à l’inverse de si vous avez été voir Rapide et furieux 47.

Et un gros merci au cinéma de Reims 🥰 pour sa programmation atypique bien cool ; on sort de “Tetsuo” et idem, on s’est pas ennuyés. Et à DuS sans qui je ne l’aurais très probablement pas vu.

Edit: yay moins d’une heure pour un article /o/ \o\ /o/ \o\ /o/ \o\ /o/ \o\ /o/ \o\

The post MAD GODS, la revue de film first appeared on 🍺🐬 Masamune blog v4.

Voici quelques pistes & conseils pour vous aider à trouver votre voie, après clairement c’est exhaustif.

Intégration

La logique du code ça n’est pas trop votre truc, les bases de données vous trouvez ça chiant.

Principalement du HTML, CSS, Javascript, afin de réaliser les structures & styles des maquettes qu’on vous fournira. Le Javascript est principalement utilisé pour de l’animation (quand le nouveau CSS ne le permet pas..), voir pour un peu de comportement, tel que de l’affichage conditionnel ou du responsive.

Technologies recommandées :

• Bootstrap / Très bon template, goutières & responsive
• Less ou Sass / Le CSS en mieux
• JQuery / Le Javascript en plus simple
• PugJs ou Twig / Moteurs de templating
• Gulp ou Webpack / Automatisation de l’optimisation
• Librairies d’animation
  • Isotope // Grilles responsives
  • Greensock // Tout, en mieux

Front-end

L’intégration++. Création des structures mais on rajoute la relation au back-end, en récupérant les informations fournies et en les affichant correctement.

Souvent plus orienté framework & APIs.

• Frameworks Javascript
  • React
    • Tailwindcss
  • VueJs
  • Angular
• Frameworks PHP
  • Code Igniter

Backend

Les bases de données, les tableaux infinis et passer tes week ends sur Excel c’est ta came.

Tout doit être carré, “une place pour chaque chose et chaque chose à sa place”.

Tes compétences en graphismes se résument peu ou prou à faire du paint comme un enfant de 3 ans, et tu fais pas la différence entre les couleurs “Nan mais c’est pas fuschia c’est magenta > …”.

• Javascript
  • NodeJS
• PHPay
  • Symfony
  • Laravel
  • Drupal
• E-commerce
  • Prestashop
  • Magento
  • WordPress > WooCoomerce // Gaffe les performances sont pas ouf si beaucoup de produits

Mobile / Logiciels

Téléphone & applications, responsive heavy, le turfu.

• React native
• Electron
• Android pour les vrais gens
• Swift pour Apple
• Flutter / bonne alternative

Serveur

T’es plus terminal que lumière du jour, les lignes de code c’est ta vie, dans Matrix t’as pas vu le problème.

Orienté disponibilité maximum

• Linux / T’as pas le choix
• Windows serveur / haha
• Serveurs web
  • Apache
  • Nginx
  • Lighttpd
  • Lightspeed
• Serveurs de Base de donnay
  • MySQL
  • MariaDB
  • Administration
    • phpMyAdmin
    • adminer
    • Les logiciels dédiés

DevOps

Le terme qui fait frétiller les recruteurs. À fond dans l’automatisation, la réutilisation, les tests automatiques.

Il faut que tout roule, partout, mettre en place un serveur web c’est 2 mois de boulot mais après pour tous les autres ça sera 35 secondes avec une main dans le slip.

• Bonnes bases
  • Linux
  • Python
  • JSON
• Docker & ses dérivés / conteneurs
• Automatisation
  • Ansible
  • Puppeteer
• Jenkins / Mise en ligne
• Plein d’autres

C’est jamais perdu

Compétences transverses, même si c’est survolé au début

• Markdown / Rédaction de documentation très rapidement, voir création de blogs
• FTP & SSH / Filezilla ou WinSCP ou Bitvise Tunnelier
• Terminal / Quand même vachement plus rapide
• Git / Github / Gitlab / GitKraken / Bien sauvegarder & travail en équipe
• Linux / On a la main sur beaucoup plus de choses
• WordPress / Sortir des sites pour pas cher très rapidement, mettre en place des landings pages
  • WP-CLI
• Graphismes light // Recadrer images, ratios, contrastes, etc.
  • Xnview classic // moins lourd que toshop
  • Photoshop // Notamment les scripts d’automatisation
  • Couleurs > Adobe color
  • Transparent textures
  • Subtle patterns
• Librairie underscore.js // Optimisation de fou
• AntRenamer / Renommage express

Les mains dans le gras

Sors tes mains T_T

Si tu préfères manipuler les PCs, remplacer les composants, gérer des parcs informatiques.

Ptet plutôt regarder du côté des postes en “Réseaux”, dans la sécurité, voir dans la réparation / maintenance.

Le code c’est chiant

Go regarder du côté des boulots tels que

• Chef de projet / Chef de projet technique
• P.O. Product owner / Parler aux utilisateurs, en déduire des spécifications technique pour les devs
• Référenceur / Rédaction de contenus, optimisation de l’existant, cross médias
  • Community manager / Apparemment c’est un métier

Conclusion

Voila voila, il manque pas mal de bails mais bon après faut que ça reste vaguement concis.

Pour plus de ressources pour les différents bails go sur ma grosse liste de liens, et sinon n’hésitez pas à lâcher vos coms poser des questions.

Bon courage lel

The post Développeurs/euses > Métiers & Technologies recommandées first appeared on 🍺🐬 Masamune blog v4.

De plus, la majorité de ces technos seront utilisées en entreprise, je vous recommande donc de vous familiariser avec.

A noter que cela pourra évoluer au fil du temps (les technos évoluent / changent / sont remplacées). Enfin, en fin d’article vous trouverez des articles intéressants sur les bonnes pratiques dans le milieu du web.

Edit 2023

Oh boy comment ça a vieilli x)

À noter que l’article n’est plus maintenu, go plutôt Ctrl + F dans ma liste de liens.

Bon en vrai j’ai fait une repasse rapide dessus c’tay juste trop vieux.

Logiciels

Traitement de texte Editeur de code

• Sublim text 3
  • Emmet
  • Package manager
• Atom
• Brackets
• VSCode
  • Ma liste de plugins recommandés

Versionning, sauvegarde, partage de code

Git / Github / GitLab

Interface graphique : GitKraken

Gestionnaires de paquets

• Npm
• bower
• composer

Compilateurs / automatisation light

• gulp
• webpack
• ~brunch // Vraiment orienté front / intégration

Navigateurs

• Brave // Fork de Chrome, vire les pubs & pas mal de cookies, accélère la navigation, mais peu poser des problèmes en dev
• Chrome
• Firefox
• ~Opéra
• Safari
• IE / Edge

Plugins navigateurs

• Dashlane // Gestionnaire de mots de passe, auto-remplissage. Il y a des alternatives gratuites mais il tourne très bien
• Laser cat // Point and click pour balancer du display none en rafale
• GoFullPage // OH MON DIEU, prend ta page et la sort en PNG / PDF. Indispensable
• AddBlockPlus // Anti pub
• Youtube Speed Controller // Dépasser la limite de 2x, gagner du temps en mattant en x3 – x8
• Ruler // Old / Mesurer les pixels & alignement dans le navigateur
• Ncage // 🙂
• Colorpicker ColorZilla // Pipette dans le navigateur
• Différents plugins de debug, liés aux technologies utilisées

Gestion de projet

• Balsamiq mockups / Permet de faire des ébauches de sites (interface glissé déposer, très simple d’utilisation, pas cher, démo gratuite)
• Trello / Agile & SCRUM rapide de la flemme avec 5 colonnes TODO / EN COURS / RECETTAGE / DONE
• Notions / Plein

Partage de code

• Sharecode
• Codepen / https://codepen.io/
• CodeShare.io
• Cloud9

Partage d’écran

• Discord
• Teams // Possibilité dans le navigateur
• Teamviewer
• Slack (payant)

Code

HTML

• pugjs (anciennement jade html)
• html5 pour le legacy / https://github.com/aFarkas/html5shiv
• Bootstrap

CSS

• sass
  • bourbon / neat / bitters / refills
• resets / normalize
• Générateurs
  • Animation css / http://cssanimate.com/
  • Triangles css / http://apps.eky.hk/css-triangle-generator/
  • Dégradés / http://www.colorzilla.com/gradient-editor/

JS

• Jquery // Edit 2023 : en vrai je ne recommande plus, trop de bordel dedans, compatibilité, etc.
• Gestion scrolls & infinite scroll : Waypoints / http://imakewebthings.com/waypoints/shortcuts/infinite-scroll/
• Grille responsive : Isotope / https://isotope.metafizzy.co/ / https://masonry.desandro.com/
• alertes personnalisées / http://t4t5.github.io/sweetalert/
• Création de particules / http://vincentgarreau.com/particles.js/
• Edit 2023
  • Greensock
  • Tutos youtube Franks laboratory

PHP SQL

• PhpMyAdmin / Edit 2023 : alternative > adminer
• Repo php-fpm / php 8.1
• Tous les modules alakon pour accélérer les wordpress

Divers

• Emmet / Raccourcis claviers pour coder 80% plus vite
  • Edit 2023 : Inclus à VSCode mais se retaper les tutos de temps en temps ne fait pas de mal
• Elasticsearch / Librairie pour faire des recherches (SQL, Ajax)
• underscore.js / Js beaucoup plus rapide sur tout

Référencement naturel

• Google analytics ~google console ou chp
• Page speed Google insights

Emails

• SPF
• DKIM
• DMARC
• email test spam
• Gestionnaire & envoi d’emailing
  • mailchimp
  • foundation / http://foundation.zurb.com/emails.html
  • != boites mails / https://inboxen.org/

Gestion de projet

• Methode SCRUM
• Jenkins / Gestionnaire de mise en ligne (travaille en conjonction avec git/tortoise)
• Jira / gestionnaire de tâches orienté scrum
• Mantis / Gestionnaire de traitement de bugs
• Trello / Gestionnaire de ticket simple

Sites recommandés

Edit 2023 : Liste de liens > Formation concours exos

Apprendre en s’amusant

• Introduction au code et a la logique à travers des mini jeux
  • Lightbot
  • Edit 2023 : Même si le jeux flash est difficile d’accès maintenant (plugin navigateurs, etc.) de mémoire ils l’ont ressortis en appli, voir en JS
• Typeracer / Courses de dactylographie en ligne, multijoueur, gratuit
• Frog/Grenouilles flex
• Dactylographie typing study / taper plus vite au clavier !
  • Edit 2023 : 🥰 pas mal perdu l’habitude, mais se le mettre en favori & pratiquer ~15 – 30 minutes tous les midis pendant la pause dej’ augmente vraiment le rendement
• Introduction à GIT / https://try.github.io/levels/1/challenges/2
  • Git flow
  • Grafikart tuto git
  • Edit 2023 : guthib
• Css
• tutos divers // Merci solveig

Couleurs

• Guide google bonnes pratiques
• Tendances couleurs web
• kuler / Création de nuancier
• palettable / Création de nuancier intuitive
• color palette generator / Création de nuancier à partir d’images
• Suggestions de palettes pré-faites

Images

• placehold.it // API de génération d’images de remplacement, possibilité de dimensions, couleurs, textes
• subtle patterns // Fonds qui bouclent cool, pour le css
• favicon from pics // Tu upload une image, ca te sort tout ce qu’il faut pour une favicon
  • Edit 2023 : En vrai je l’utilise encore x’)
• images responsive / src set, tuto alsacreation
  • Viewport, alsacreation
  • Edit 2023 : En vrai c’est cool, mais juste trop relou à mettre en place
• canva / création d’images / logos, etc. // Merci Solveig PA 107 <3 sur twa
• Générateur de palette a partir d’une image

Hébergement / NDD / Mails

• Mx toolbox / Analyste de données liées au nom de domaines (adresse ip serveur, mails, blacklist, etc.)
  • Edit 2023 : 🥰 Oh god tellement pratique, indispensable pour la gestion propre des DNS

Programmation

• Code in game / vraiment sympa pour débuter la prog
• Liste de vérifications de fins de site ⚰️ Edit 2023 lien dead

html

• html5boilerplate / Boilerplate html css js
  • Edit 2023 : Je l’utilise toujours, mais j’ai une version light avec moins de minis fichiers alakon
• w3c // mwi, maintenant tout est sur MDN Mozilla

Css

• Css gradient generator
• Guide pour CSS
• can i use // Guide des compatibilités de styles en fonction des différents navigateurs, et de leurs versions
• Organisation du css / BME, SMACSS, OOCSS
  • Edit 2023 : KNACSS également
• Animation textes
  • https://graphiste.com/blog/30-animations-de-texte-pour-surprendre-vos-visiteurs
  • http://textillate.js.org/
• grille / https://cssgrid.io/

Polices

• Wizard Google web fonts en local
  • Edit 2023 : Indispensable pendant longtemps, mais maintenant Google web fonts c’est mieux fait

Icônes / SVG

• IcoMoon
• Font awesome
• Material Icons
• flaticons / Merci Solveig PA107

Edit 2023 : On va pas se mentir, avec la tétra-chiée d’émoticônes gérées comme du texte classique, je passe par ça plutôt que par les libs d’icônes.

En vrai y’a pratiquement tout, responsive, compatible, pas de dégradations en redimensionnant.

2 sites cools : liste de toutes les emojis, emojis pour git.

Magazines / blog

• webdesigner depot / Anglais / Tendances web & ressources gratuites
• blog nielsen / Anglais / Bonnes pratiques, ergonomie & référencement naturel
• frontend rescue / Liste de sites de veille techno. Edit 2023 : Pas de https mais site up

Edit 2023 : Liste de liens > newsletter / veille, ou onglet bonnes pratiques.

Vidéo

• Création de vidéos promotionnelles lowcost / https://www.shakr.com/
  • Edit 2023 : Pas utilisé souvent mais ajoute une vrai plus-value sur les petits sites, pour 50 balles (a l’époque) ça fait le taf

Divers / edit 2023 : divers dans divers, lel

• Sondages
• Calculer et répartir les frais
• Impression cartes de visites & autres
  • Edit 2023 : Les prix ont gonflés mais toujours aussi cool

WordPress

• Elegant themes
  • Edit 2023 : Yup, avec le thème über customisable Divi, c’est devenu le go-to pour les WordPress
  • Possibilité de charger des thèmes ou morceaux de thèmes qui font gratter un temps de ouf
  • Toujours un budget mais si vous faites de WordPress votre corps de métier, vous chopez une promo “lifetime” ça vaut vraiment le coup
• Press75 // Edit 2023 : Je ne l’utilise plus, même si cela reste une base correcte, pas assez de communauté dessus
• Elementor / https://elementor.com/theme-builder/ // Edit 2023 : Trop d’emmerdes en général
• Edit 2023 : ACF / Advanced Custom Fields, toujours un indispensable, idem choper un lifetime

Articles intéressants

Css / Sass

• WDD / Atomic design in web developpement
  • Edit 2023 : 🥰 Toujours une référence majeure ~10 ans après
• Design with flexbox
  • Edit 2023 : Go exemples bootstrap ou Pomper un template Divi lel
• canva.com

Accessibilité

• WDD accessibility awareness day

The post Ressources de base pour développeur / euses first appeared on 🍺🐬 Masamune blog v4.

windows + R / Ouvrir “Executer” > calc OU mspaint

windows + D / Revenir au bureau

Alt + F4 / Fermer

F2 / Renommer

Windows + L / Fermer  session

Navigateurs

Ctrl + Tab / Onglet suivant

Ctrl + Shift + tab / Onglet précédent

Ctrl + W / Fermer l’onglet

Ctrl + Shift + T / Rouvrir l’onglet précédent (peut être utilisé plusieurs fois pour ré-afficher l’historique)

Espace / Scroll vers le bas

Ctrl + N / Nouvelle page

Ctrl + Shift + N / Nouvelle page en navigation privée

Ctrl + J / Afficher les téléchargements

Ctrl Molette > Zoom texte

Ctrl + 0 > Zoom original

F12 / Inspecteur

Ctrl + U / Affichage de la source du code

Ctrl + 1 (2 3 4 5…) / Basculer sur l’onglet 1 (2 3 4 5…)

Formulaires

tab / Champ suivant

Shift + tab / Champ précédent

Espace / Activer un bouton

Entrée / Valider le formulaire

Select > Taper directement les premières lettres / chiffres

Select > Flèches haut bas

Traitement de texte

Début Fin / Aller en début / fin de ligne

Shift + Début Fin / Sélectionner depuis le curseur vers le début/fin de la ligne

Page up down / Déplacer le curseur vers le haut/bas de page

Shift page up down / Sélection +1

Ctrl + flèches / Naviguer de mot en mot

Ctrl + Shift + Flèches / Sélectionner de mots en mots

Ctrl + A / Sélectionner tout le texte de la page

Ctrl + X / C / V / Couper, copier, coller

Ctrl I B ou G / Passer la sélection en italique / gras

Ctrl Z / Ctrl Y / Annuler / refaire

Code / Sublim / Atom

Ctrl + shift + K / Supprimer la ligne

Ctrl + Shift + /    / Commenter la ligne / La sélection

Ctrl + Shift + D / Dupliquer la ligne / la sélection

Ctrl + Shift + haut/bas / Inverser (déplacer verticalement) la ligne / la sélection

Ctrl + I  / sur une balise image avec source pré-remplie, ajoute automatique les largeurs & hauteurs de l’image native

Double clic sur un mot / Sélectionner le mot

Triple clic / Sélectionner la ligne

(Sur l’arborescence de dossiers > ) Flèches gauche et droite / Replier & déplier l’arborescence, très utile pour revenir rapidement a la racine d’un dossier

Bonus Youtube

(une fois sur vidéo)

0 à 9 (pavé numérique > Accéder a 0% … 90% de la lecture de la vidéo

Espace / play pause

(sur playlist)

Shift + N / Vidéo suivante

Shift + P / Vidéo précédente

Edit 2019 :
Un article de ninja de ouf

 Trucs & secrets de la console chrome

Edit 2021 :

Video Fireship / 25 VS Code Productivity Tips and Speed Hacks

Mon setup

Edit 2023 : yeah on va pas se mentir, si vous souhaitez multiplier votre productivité par 20 y’a 2 trucs un poil avancés qui demandent de la pratique

• (bon du coup j’ai dit 2 trucs je vais en balancer 40 comme d’hab)
• Les multis curseurs MAY
  • Go raccourcis pour les créer à partir d’une sélection (Ctrl + D sur VSCode ?)
  • Go les utiliser avec les autres raccourcis usuels ~début/fin de ligne, de page, tabulation, shift tab (pour réindenter clean), flinguer la ligne Ctrl + K
    • Utiliser les sélections avancées également en cumulant Shift sur ces différents raccourcis
    • Indentation verticale all day long
  • Utiliser les raccourcis avancés, ex: Ctrl + Shift + D pour dupliquer la ligne
  • Ajouter/retirer des MC à la souris via alt + clic.
  • Go repérer des patterns d’autistes afin de placer les curseurs sans réfléchir
    • Le 3eme caractère à partir de la fin (MC > Fin de ligne > 3 gauche)
    • Choper une balise html spécifique > les fermantes on un “/” supplémentaire
    • Ce caractère est partout mais il m’en faut des spécifiques > y’a pas un espace ou une virgule qui traine dans le cas que tu cherches ?
• Windows permet maintenant les copiers collers multiples via Windows + V
  • avant fallait passer par un soft alakon
  • Peut réduire très grandement le nombre de Alt + Tab pour compléter des formulaires
• Le fucking plugin VSCode “change-case” > oh mon putain de dieu c’est la vie
• Plugin VSCode change guillemets Toggle Quotes
  • Better comments
  • Markdown puis plugin de conversion en html ou pdf
  • Brayf
  • 🚨 Gaffe, certains plugins font ramer VSCode ou bloquent des commande à l’ouverture du soft pour quelques secondes
• VSCode > Commande “Trim”
• Manipulation d’images > Xnview “classique”

Bref je pourrais en parler des heures, je ferais peut être une vidéo de démo à l’occasion ^^’

The post Raccourcis usuels : OS, navigateurs & éditeurs first appeared on 🍺🐬 Masamune blog v4.

C’est vrai que c’est important d’en faire afin de rester à jour, de savoir ce qui se fait de nouveau, de tester les nouvelles possibilités.

Il est également important de ne pas y passer 6h/jour.

Voici donc mon organisation concernant la veille techno (que je fais ~5-15mn tous les matins), ainsi que quelques liens utiles.

Inscription aux Newsletters

Pour se tenir au courant, le plus simple reste de s’abonner à des newsletters : vous n’allez plus chercher les infos, mais on vous les envoie directement.

Pour cela, il suffit de donner son mail sur les sites voulus (et de le confirmer).

Voici une liste des sites que je recommande :

• Dev
  • Design, front : webdesignerdepot
  • Technos et librairies en vogue : npm
  • Ventes à prix cassés d’ebooks, de logiciels, assets (et packs de jeux vidéos) : humble bundle
  • Référencement naturel : All in one SEO
  • CodeWars
  • Freelance
    • URSSAF
    • Malt
    • Fédération Nationale des autos entrepreneurs
  • Google cloud
  • OVH cloud
• Figurines
  • Green stuff world
  • Scale75
  • Kingdom Death
  • Games Workshop
  • Mierce miniatures
• Jeux vidéos
  • Humble bundle encore
  • GoG / Good Old Games
  • Steam
  • Epic games // Un ou 2 jeu/x gratuits chaque semaine
• Bouffe
  • Saveur bière
• Kulture
  • Arté
  • Théâtres > s’inscrire sur les théâtres locaux, il y a souvent des promotions / préventes
  • Concerts & annonces
    • See tickets
    • Fnac concerts
• Ainsi qu’un bon paquet d’autres : Ma liste à wam

Éviter la pollution

Edit 2023 : Ne pas hésiter à se désinscrire si vous voyez que vous ne l’ouvrez jamais.

Une fois inscris, cela peut par contre polluer la boite mail, et c’est vrai que trier tout ça tous les jours est épuisant.

Pour cela il existe deux solutions : la première est que certains newsletter permettent de choisir la fréquence des envois : une fois par semaine (ou par mois) est bien suffisant.

L’autre est de définir des filtres dans sa boite mail, si elle en possède (Gmail en a..) ; En gros lorsque vous recevez un mail d’une newsletter, il ne sera plus affiché dans votre boite de réception, mais dans un dossier dédié que vous pourrez consulter quand l’envie vous plaira (et ça permet de grouper, ce qui fait gagner du temps).

Pour cela, créez un libellé dédié :

Lorsque vous recevez le mail de la newsletter pour la première fois, récupérez l’adresse mail de l’expéditeur :

Sélectionnez le mail, puis allez dans le menu … pour créer un filtre :

On crée notre filtre (à quoi va t’il s’appliquer) :

Enfin, on définit les actions à effectuer :

Ne pas afficher dans la boite de réception, et appliquer un libellé dédié.

Et voila, dans notre dossier newsletter l’ensemble des mails souhaités.

Je recommande également de faire un tri en fonction des sujets et de ne lire que ce qui vous parait pertinent ; en général j’essaie de passer la dessus au moins une fois par semaine (le vendredi aprem..)

Cela peut paraître chronophage, mais cette opération ne se fait qu’une fois par newsletter, donc c’est pas si pire..

Vous pouvez également créer des sous dossier par centre d’intérêt ou techno mais je trouve ça overkill, je préfère avoir tout d’un seul coup d’œil.

Dossier dans la barre de favoris

Petite astuce toute con : pour les sites qui bougent le plus (quotidien), je recommande de se créer un dossier dans sa barre de favoris et de les y ranger.

Si vous faites un clic molette (« Ouvrir dans un nouvel onglet ») sur le dossier, c’est l’ensemble de ces favoris qui seront ouverts en une action dans de nouveaux onglets.

Cela permet de scanner très rapidement tous les matins, avec croissant/café.

Je recommande

• Encore webdesigner depot (plus haut..)
• et dev.to (communauté de devs assez productive, qui parle de tout et de rien)

mais ça reste très personnel, testez des sites et vous verrez 😉

Veille utile

Conserver et trier ses liens

Ne pas hésiter à se faire un dossier dédié de favoris, avec son arborescence en fonction des sujets ou des technologies.

Des gestionnaires de liens peuvent être également très bien (pocket par exemple) du moment que l’on peut rajouter des tags dessus (afin de les catégoriser).

Sinon une bonne grosse feuille excel des familles, sous google drive.

Cela permet de conserver les sites/infos pertinentes à portée de main, et sur le long terme cela peut être une vraie mine d’or.

Lors de l’utilisation, il est également important de mettre à jour les liens (si certains deviennent KO, ou si les technos évoluent et que le site devient obsolète, etc.)

Expérimenter et conserver

En cas de démos ou de tutoriaux, pensez à créer un petit repo github/gitlab !

Si vous expérimentez et que cela fonctionne, conservez en une copie :

• Ça vous re-servira peut être
• Cela montre à d’éventuels recruteurs du concret

Ne pas hésiter à ajouter un petit préfixe alakon 😉

(et oui je dis de le faire alors que souvent j’oublie mes tests sur mon /Bureau, mais j’essaie de changer promis)

Abonnements aux réseaux sociaux

Ne pas hésiter à suivre en direct les gens (que ce soit les marques ou les vrais gars derrière..).

Quelques recos youtube :

• grafikart / tutos français front/back
• wired / infos technologiques à large échelle
• traversy media / oui
• npm-inc / Gestionnaire de paquet et librairies hype
• electro-boom / Comment ça marche l’électricité
• the-futur / Veille design
• how-to-basic < Edit 2023 : lel

A noter également que si vous n’aimez pas mélanger perso & boulot, vous pouvez vous créer un autre profil qui aura ses abonnements dédiés 😉

Faire jouer son réseau

Messageries, slack, bar etc. Toujours discuter avec les gens !

Edit 2023 : Co-voiturage & transports également.

Ne pas hésiter à se rassembler autour d’un verre de temps en temps également, voir ce qui se passe dans les autres boites, via les vrais gens de la vie véritable.

Edit 2023 : Mine de rien j’ai encore des contacts avec quelques élèves de cette glorieuse époque 😀

Aller plus hauuuuuuut loin

Si vous avez déjà tout ça en place, cela sera très bien !

Mais pour aller plus loin (rencontrer d’autres gens, d’autres entreprises, etc.)

Participer à des meetups

C’est relativement à la mode ces derniers temps : il s’agit de réunions souvent gratuites pour réunir des gens et échanger.

Dans le domaine du dev ce qui est cool c’est que grâce aux clichés, cela termine souvent par pizza/bières.

Qu’il s’agisse de débats, de démonstrations de projets/technos, de retours d’expériences, ou autres, tout ceux que j’ai fait ont toujours étés des expériences très positives, avec des gens très très cool !

Je reco le site meetup, et le groupe Ministry of testing.

Il y en a pour tous les niveaux (même débutants !) et sur plein de sujets (différentes technos ou même d’autres choses que du code).

Je reco d’en faire un au moins tous les 3 mois, et sinon pas de limite maximum :p

Participer à des salons

Un peu plus dur de se tenir au courant à moins d’être inscris au NL des grandes salles, mais on peut parfois les voir passer via tout ce que je vous ai recommandé depuis le début de cet article.

Parfois c’est payant et très cher (mais peut être pris en charge par votre entreprise ou les CPF), parfois c’est gratuit.

Les gros salons sont l’occasion de rencontrer des gens et des boites comme les meetups, mais à échelle plus grande et plus professionnelle.

C’est également un excellent moyen de découvrir ce qui se fait en ce moment, de doser la concurrence, etc.

Edit 2023 : Je reco le salon sur l’Open Source, sinon y’en a pas mal sur l’IA ces derniers temps. Après depuis le Covid y’en a pas mal en visio et/ou avec des replays youtube (ex : DevOps > DockerCon).

Wala, j’espère que ça vous sera utile, des bizoux, tout ça.

The post Faire et organiser sa veille technologique first appeared on 🍺🐬 Masamune blog v4.

Pas mal de temps de préparation (environ 1000 ans), mais à servir ça dépile vite, c’est convivial, chacun y met ce qu’il veut.

Pi bah c’est grave bon quoi x)

Petits pains maisons

Ingrédients

• 400g de farine
• 7g (1sachet et demi) de levure boulangère
  • Edit 2023 : Gaffe, pas levure chimique, levure boulangère, sinon ça pousse moins et surtout ça pousse pas 2 fois.
  • Edit 2023 : Préférez de la levure fraîche, stockée au frais pas loin des pâtes à pizza/feuilletées au supermarché. Dans ce cas doublez la dose.
• Eau chaude 150ml
• Lait tiède 150ml
• Sucre 1 cuillère à soupe
• Sel 1 cuillère à soupe
• 2 oeufs (1 entier et un jaune)
• Graines de sésames ou de pavot
• Huile d’olive
• Beurre 15g

Cuisson

230°, 10-12mn, chaleur tournante.

Préparation

Attention, pour cette recette il faut être bien patient avec la pâte, pour obtenir le meilleur résultat.

1. Dans un grand saladier, ajouter l’eau, la levure et le sucre (qui aide la levure a faire des trucs de levure)
2. Laisser reposer 10-15mn le temps que la levure bulle
3. En attendant, préparer les dosages pour la farine, le sel, le beurre, le lait et l’œuf entier
4. Préparer un plan de travail fariné (mettre 2-3 c.a.s de farine sur le plan..)
5. Une fois que la levure à fait sa vie, ajouter tous les ingrédients de l’étape 3
6. Mixer tranquillement au fouet pour homogénéiser un peu
7. Verser la pâte (bien collante, oui c’est méga chiant) sur le plan de travail
8. « Travailler la pâte » : Beh mettre les mains dedans et faire des trucs : taper dessus, étirer la, jouer avec, etc. pendant 5-10 minutes
9. Même si la pâte reste bien collante (cay normal, respire), transvaser dans le bol huilé
10. Tourner la pâte dans le bol afin que l’intégralité de pâte soit couverte d’huile
11. Mettre du film plastique, et mettre au frigo au moins une heure
12. La pâte va gonfler et +- doubler de taille
13. Fariner un plan de travail
14. Une fois reposée, sortir la pâte sur le plan de travail
15. Se mettre un peu de farine sur les mains
16. La battre, afin de faire sortir l’excédent d’air, puis la travailler. La pâte doit être souple et douce à la fin. Rajouter un peu de farine si besoin
17. Mettre le four à préchauffer à 230°
18. Préparer un plat qui passe au four, et le couvrir de papier cuisson, mettre un filet d’huile d’olive et répartir
19. Couper la pâte en 4
20. Faire 4 rouleaux
21. Pour chaque rouleau : couper en deux, puis couper en 3. Essayer de donner une forme cylindrique au bouts
    Poser les boules sur le papier cuisson (en général par 12 ça tient)
    A la fin il devrait y avoir 4 x 2 x 3 = 24 petites boules
22. Laisser reposer 15mn, pour laisser la pâte gonfler un peu
23. Dans un bol, mélanger le deuxième jaune d’oeuf avec un peu d’eau (1 c.a.s)
24. Appliquer sur les pains (de préférence au pinceau, sinon au doigt), et saupoudrer de graines de sésame ou de pavot
25. Mettre au four (rappel : 230°, chaleur tournante) pour 10-12 minutes, en surveillant
26. Préparer une grille surélevée
27. Une fois les pains cuits, les laisser reposer au moins 10-15min sur la grille
28. Même chose pour les 12 autres pains

En images

Notes

Les pains se conservent bien à l’air ambiant, mais le mieux reste de les manger dans la journée.

De ce que j’ai lu la pâte peut se congeler (voir les pains) mais bon je m’y connait pas des masses donc si vous souhaitez le faire allez checker ailleurs.

Recettes de mini burgers

Je recommande de dépiler les burgers au fur et à mesure : préparer l’ensemble des ingrédients à l’avance, proposer au gens d’assembler leurs burgers et de juste venir vous voir pour la cuisson

Et surtout ils ne mettent que ce qu’ils veulent dessus et c’est pas à vous de gérer si Jeanine n’aime pas les champignons ou si un certain monsieur M.C. n’aime pas les oignons (je ne vise personne, sauf lui)

Ingrédients passe partout :

• BACON !!!
• Salade (préférer iceberg, mâche ou roquette, selon les goûts)
• Tomates
• Oignons jaunes, ou petits oignons sauciers
• Sauces
• Fromages (les toastinettes burgers : coupées en deux puis replier chaque lamelle en deux), ou cheddar, etc.
• Champignons
• Oignons frits
• Cornichons

Edit 2023 : Si vous êtes végétarien/vegan, n’hésitez pas à passer au niveau 2 : Mangez ce qui mange de l’herbe, ça s’annule.

Recette pour les pâtés de crabes

A noter que vous pouvez préparer la viande hachée en une fois, et séparer lors de l’ajout des épices selon les différentes recettes 😉

• Viande hachée 250-300g (3 steacks)
• 1 ou 2 oignons saucier ou 1/4 d’oignon jaune
• 1 gousse d’ail ou 1 c.a.s d’ail semoulé
• 1 jaune d’oeuf
• Sel poivre

Préparation

1. Bien se laver les mains (duh..)
2. Couper les oignons & ail très finement
3. Tout mélanger

Séparer en fonction du nombre de recettes (chacune un bol), et ajouter les ingrédients ci-dessous en fonction des recettes.

Réserver au moins 1h au frigo (marinade, dans le bol).

Modeler les pâtés

1. Sortir un bol du frigo
2. Faire des minis pâtés, environ 1 canette de coca de diamètre, 1 petit centimètre d’épaisseur (ça rétrécit à la cuisson)
3. Les mettre dans une assiette, filmer
4. Mettre au congélateur au moins 15mn (préférer 20-25) avant cuisson, afin que les pâtés tiennent

En image

Cuisson

1. Cuire à la poêle, c’est très rapide : première face 1mn (~rosé)
2. Cuire un pain coupé en deux (toaster) en même temps
3. Retourner le pâté, ajouter le fromage : cuire 1 à 2 minutes
4. Pendant ce temps, garnir le pain (salade, tomate, peut importe)
5. Ajouter la viande & servir

Voici 3 recettes, qui permettent de bien remplir les 24 burgers.

Et ça me permet de spammer des photos :p

Mini burger classique

Ajouter à la viande avant de la laisser au frigo : des herbes de provence ou épices texmex. Une cuillère à soupe de ketchup.

Servir avec salade iceberg & tomate

Mini burger aux champignons

Ajouter à la viande avant de la laisser au frigo : quelques gouttes d’huile d’olive à la truffe, ou poudre de champignon rapé (1 c.a.s)

Servir avec salade roquette & champignons revenus à la poêle en même temps que le steack (champignons de paris frais et/ou cèpes ; peut importe)

Mini burger à l’italienne <3

Découper une boule de mozzarella en tranches (1/2 cm d’épaisseur), ajouter sel/poivre & un peu d’huile d’olive.

Laisser à mariner 1h au frigo avec la viande.

Ne pas utiliser de steack, mais une demie-tranche de speck (jambon rouge) repliée et 3.

Pour la version gourmande : faire cuire le speck à la poele, et après l’avoir retourner poser une tranche de mozza dessus.

Servir avec salade mâche et une tranche de tomate fraîche (ou une tomate séchée), et une feuille de basilic frais !

Version ~vegan : ne pas mettre le speck, ça passe aussi très bieng.

Mini burger raclette

Ajouter une paire de lardons précuits à la viande.

Servir avec fromage à raclette et une rondelle de pomme de terre ? ou de la purée ?

Liste de courses complète pour une soirée 8-10 personnes

• 400g de farine
• 7g (1sachet et demi) de levure boulangère
• Eau chaude 150ml
• Lait tiède 150ml
• Sucre 1 cuillère à soupe
• Sel 1/2 cuillère à soupe
• 2 oeufs (1 entier et un jaune), plus si vous en mettez un dans les burgers
• Graines de sésames ou de pavot
• Huile d’olive
• Beurre 15g
• 250-300g de viande hachée
• 2 oignons sauciers
• 1 oignon rouge
• 1 salade (iceberg/mâche/laitue/roquette) selon les goûts
• 4 tomates
• 1 paquet de toastinettes (fromages burger) / ou 200g de cheddar / mimolette / raclette / boursin / tu te démerdes t’es grand/e wesh
• Champignons de paris frais et/ou cèpes : ~50-100g
• Herbes de provence / épices tex mex
• 2 boules de mozarella
• Tranches de speck (jambon rouge)
• Cornichons si c’est ton bail

Si vous testez d’autres combinaisons (steack marinés au curry ou autres) faites tourner les recettes, je les rajouterai peut-être.

Edit 2023 : Journal de bord du capitaine, jour 2786, toujours aucun retour 😀

Des bizoux

The post Recette mini burgers first appeared on 🍺🐬 Masamune blog v4.

Edit 2020 : Peyou recommande l’appli AFMR (Association Française des Maîtres Restaurateurs), un poil plus cher mais la qualité est toujours au rendez-vous 🙂

Edit 2023 : N’étant plus sur Panam’, il se peut que certains restos aient fermés entre temps :/ A l’occasion je mettrais la liste à jour. ⚰️ RIP : Vin et Terroirs

Paris

3 fois plus de piment

Restaurant chinois, pas loin de châtelet les halles, c’est ici.

Soupes & nouilles, possibilité de prendre sans piment (mais pourquoi x’)) Un vrai gout de piment et pas juste du kipik.

Venir 15mn avant l’ouverture, petit resto et beaucoup de monde en général.

All fried chicken

Resto rapide, poulet frit, Paris nord nord, c’est ici.

Pas bon pour la santé, bon dans l’estomac, très abordable, et service très sympa.

Découvert lorsque j’était prof dans le coin.

A mi-chemin

Resto tunisien/breton (.. oui, en vrai), à denfert-rochereau, c’est ici.

Un peu cher mais gastronomie fine et atypique.

Autour du Saumon

Resto saumon, pas loin du saumon, c’est ici ?.

Vous pouvez aller à gauche du saumon, à sa droite, devant, derrière dessous.

Assez cher. Pas encore testé mais chaudement recommandé par Julie & Damien.

⚰️ BBQ Magique / Barbecue de Seoul

Restaurant BBQ coréen, à bastille, c’est ici.

Barbecue sur table, viande marinée, une tuerie.

Un des rares resto ou j’était pauvre et la première fois que j’y suis allé j’ai pris 2 menus et des suppléments.

Fermé, je demande une minute de silence.

⚰️ Bibimbap Magique / Ye ban

Restaurant coréen, loin de tout (15e), c’est ici.

Recommandé par un ancien collègue. Mon dieu que c’est bon.

Le restau paie VRAIMENT pas de mine, mais tout est frais et très bien préparé. Et l’ambiance est cosy.

Les entrées (rouleaux de légumes et/ou raviolis) sont ouf, et je recommande le bibimbap sur place, amené sur la table dans un gros pot en fonte avec les trucs qui continuent de cuire devant vous.

Très abordable au vu de la qualité.

Remplacé :'(

À la place je recommande le Jinmi, ci-dessous

Boca mexa

Restaurant mexicain à Saint-michel, c’est ici.

Très abordable, et excellent !

Très rapide, si vous visitez le quartier de Saint-michel.

Brunch magique / La bellevilloise

Brunch/sauvegarde 2+ invul vs gueule de bois. Pas loin de rien (20e, au bbout du monde). c’est ici.

Ambiance magique le dimanche matin dans un cadre magnifique, soit en terrasse/jardin à l’extérieur, soit en intérieur avec une verrière des arbres et tout.

Cocktails de fruits frais, oeufs, bacon, saumon, mini concerts jazzy (j’ai vomi).. Bref un lieu exceptionnel découvert via Guillaume Harel et toute la bande.

Les brunchs sont le dimanche matin de genre 11h a 14-15h, assez cher mais ca vaut le coup si on y passe la matinée.

Cantina Veneta

Traiteur italien, loin de tout (sauf du resto d’avant)(15e), c’est ici.

Excellent traiteur, très abordable.

Cheminée

Restaurant persan, loin de tout (15e). c’est ici.

Reco par PL en fin de soirée.

Vraiment très bon et atypique, abordable.

Chez nouille

Traiteur asiatique de très bonne qualité avec fabrication de nouilles sur place, en live.

Très bon ingrédients & bonne exécution, service impeccable.

Faidherbe – Chaligny (Métro 8) / Cay la.

Chinois de bastille / Asian bobun

Restaurant vietnamien, bastille, c’est ici.

Très abordable, délicieux et bonne ambiance.

Ne paie pas mine mais vaut vraiment le coup.

Delitaly bretagne

Superbe traiteur Italien, avec une partie vente à emporter.
Abordable et gourmand.

Faidherbe – Chaligny (Métro 8), c’est ici.

Dindon dandy

Bar, nord est. c’est ici.

Bar un poil cher mais très sympa découvert par GuiV.

Dosanko Larmen

Restau de nouilles japonaises (Ramen), à opéra, c’est ici.

Vous prenez pas trop la tête avec la carte, grosso merdo on peut mélanger 3 ensembles d’ingrédients avec 4 bouillons (~12 plats).

Des recettes a re-découvrir avec des bouillons différents, une qualité exceptionnelle.

Abordable mais souvent bondé, je recommande d’arriver 15-30mn avant l’ouverture.

Merci à Vigi/Jeremie/Kyoko pour l’adresse <3

Ecole vatel

Pas encore testé, recommandé par Julie, j’ai pas tout écouté.

C’est ptet la.

Gaijin Ramen

Ramens magnifique, avec une carte réduite, c’est ici.

Qualité exceptionnelle malgré une devanture un peu discrète.

Je recommande les ramens froids, ainsi que le moichi glacé en dessert !

Un grand merci à Julie pour l’adresse 😉

Gobelet d’argent

Bar irlandais, à châtelet les halles, c’est ici.

Patron & serveurs adorables, très abordable, terrasse, bonne proximité.

Le QG.

Grec de saint michel / Au p’tit grec

Restaurant de cuisine grecque (pas kebab), rue mouffetard (saint michel), c’est ici.

Très abordable, sandwich à emporter avec spécialité grecques (tarama, etc.).

Souvent pas mal de monde, mais c’est une véritable tuerie. Merci à Gauthier & Guillaume pour l’adresse 😉

Guimi House

Restaurant Hongkongais, à république, c’est ici.

Très bonne cuisine, pas mal de trucs atypiques. Service un peu lent.

Haohao

Restaurant chinois, porte d’italie (13e), c’est ici.

Découvert +- au pif total un peu bourré en semaine à 2h du mat’ il y a moultes années. Merci à Than.

Excellente cuisine traditionnelle, avec quelques plats atypiques selon la saison (langues de canard, crabes en mue *-*).

Abordable. Mon 2eme resto préféré

Icosium

Restaurant algérien ? , gaité (pas loin de denfert), c’est ici.

Abordable, des cocktails bien chargés et surtout l’un des meilleurs couscous que j’ai jamais mangé.

Je recommande d’y aller avec 2-3 potes, et l’un d’entre vous prend le méchoui et tout le monde partage.

Japonais magique / Mei Ko

Restaurant japonais, Châtelet les halles, c’est ici.

Mon restaurant préféré de paris. Abordable, la nourriture y est légendaire (.. oui je me suis déjà tapé toute la carte).

Même si vous n’aimez pas le poisson cru allez-y, il y a des brochettes au feu de bois, et un peu de cuisine chinoise. Go menus ninjas /è_é/ *

Coréen magique / Jinmi

Bien situé et excellent, le patron est adorable, c’est ici.

Excellent coréen avec une cuisine au vrai goût de ce magnifique pays.

Tarifs abordables vu la très bonne qualité ainsi que la quantité.

Accueil et service irréprochables.

Kawaii café

Café resto culture pop japonaise, pas loin de république, c’est ici.

Plein de cocktails atypiques, plats japonais délicieux, concerts alternatifs.

L’Athena

Bar/tabac, pas loin de grand boulevard. c’est ici.

Découvert en loose totale avec ma promo PA129.

Bonne ambiance et double pastaga à 5€.

Et à 2 min à pied de la tête dans les nuages pour aller faire du DDR pour éponger.

L’empreinte / A vérifier

Restaurant atypique, pas loin de denfert-rochereau, c’est ici.

Petit resto de denfert rocherau, un peu cher mais ca vaut le coup.

Pas sûr que ça soit le bon, de mémoire la devanture était bleue ; mais bon sur leur site la carte est chelou donc sam parle..

La fée verte

Bar/café/restaurant, pas loin de bastille. c’est ici.

Pas encore testé, mais spécialité absinthe. Que demande le peuple.

Le Karnak

Petit égyptien qui ne paie pas de mine, mais qui est excellent. Le tout abordable.
Sandwichs ou assiettes classiques mais viandes cuites au feu de bois en mode brochettes.

Faidherbe – Chaligny (Métro 8), c’est ici.

Le reminet

Restaurant gastronomique, pas loin de saint michel. c’est ici.

Découvert lors d’un diner romatique <3 avec Vigi.

Relativement abordable (avec la fourchette lel) mais excellent.

Je reco le mi-cuit de thon rouge & le couscous.

Le pain au naturel

Boulangerie, à denfert-rochereau. c’est ici.

Boulangerie avec plein de trucs bio blah blah peut-importe.

Excellente qualité sur tout. Un peu plus chère que la moyenne.

Lock Groove

Bar rockab’, à denfert rochereau, c’est ici.

Barmans adorables depuis des années, bonne musique, et de la très bonne nourriture (burgers, mozza sticks, poulet frit).

Plus qu’abordable, c’est resté le QG pendant longtemps.

Éviter les vendredis/samedis soirs pas mal de monde et ca devient très vite très bruyant.

Fermé le midi :'(

Mangez et cassez-vous

Restaurant (très) rapide, a priori une chaîne. Abordable à un niveau débile (3€60 le burger en 2023).
Pas de piège, les burger ont une taille normale, les ingrédients sont de bonne qualité.

Prévoir quelques suppléments (frites, bacon, cheddar) mais service ultra rapide.

Gros coup de cœur du côté de Faidherbe – Chaligny (Métro 8), c’est ici.

N’Little india

Restaurant indien, à emporter, pas loin de gare du nord. C’est dur à voir mais c’est bien ici.

Toute petite boutique (guichet de moins d’1m), très abordable, mais excellent.

A emporter seulement :/

Pizzeria magique 1 / Caldo Freddo

Restaurant italien, à châtelet les halles, c’est ici.

Gros coup de cœur au retour de Venise, ingrédients frais et pâte fine comme en Italie.

⚰️ Pizzeria magique 2 / Green café

Restaurant italien, à mouton-duvernet, c’est ici.

Patron adorable (toujours lui demander s’il y a un plan du jour ou une reco), cuisine de saison avec ingrédients ultra frais, vin excellent.

Fermé :'(

Poulet braisé

Poulet mariné et braisé, à Marcadet-poissoniers, c’est ici.

Il s’agit d’une franchise (donc il y en a quelques autres) mais dans tous les cas cela reste relativement abordable pour une super qualité.

Reset

Bar & jeux vidéos, à Châtelet les halles. c’est ici.

De bons cocktails, des jeux vidéos +- rétros variés et en libre dispo. Sans tout le côté mercantile de merde.

Ça reste un bar très sympa, mais je recommande d’éviter d’y aller aux heures de pointe ou à plus de 4.

Idéal pour les entretiens d’embauche.

Royal Dragon

Buffet à volonté chinois/japonais à montparnasse, c’est ici.

D’habitude je ne suis pas trop buffet à volonté au vu de la qualité, mais ce resto familial depuis quelques générations est exceptionnel.

Tout est frais et le patron est über sympa. Abordable au vu de la qualité.

Thaï viet

Resto thai…viet. Pas loin de sebastopol. c’est ici.

Découvert avec les promo PA129.

Petit resto sympa, très abordable (surtout les sandwichs viets).

Titi parisien

Bar hyper sympa pas loin de gare du nord. c’est ici.

Très bonne ambiance et abordable 🙂

Un jour à Hanoï

Restaurant vietnamien, à denfert-rochereau, c’est ici.

Cuisine typique, énorme coup de cœur dès le premier jour.

Je reco la salade de tiges de lotus, et les crevettes frites vertes.

Enfin je reco tout, quand j’ai découvert le resto je me suis fait la carte en moins de 2 semaines lel.

⚰️ Vins et terroirs

Fermé définitivement

Restaurant français, pas loin de saint michel, c’est ici.

Trouvé au pif total, presque par dépit, un jour avec Julie.

Très abordable pour la qualité et la quantité fournie, c’est pratiquement cadeau avec le menu midi.

Service impeccable, et assez rapide, cadre chic.

Reims

Gabrielle

Restaurant gastronomique, vue panoramique (rooftop) sur la Cathédrale de Reims, c’est ici.

Assez cher, mais pour une gastronomie exceptionnelle.

Le cadre est juste somptueux et laissera des souvenirs impérissables.

Service exceptionnel, un petit bijou au cœur de Reims.

~⚰️ L’Istanbul

Edit 2023 : Les fils (?) ont repris, viande congelée, à moitié cuite, tu peux littéralement tirer au D20 pour l’intox alimentaire et clairement t’as un malus en constitution. Bref, je recommande maintenant Le Mediterranée, place d’erlon également.

Kébab, place d’erlon. c’est ici.

Meilleur kébab de reims wesh, voir du monde. Depuis des temps immémoriaux (familial toussah).

Je recommande les côtelettes d’agneau.

Le gaulois

Restaurant français, place d’erlon. c’est ici.

Très bonne cuisine, servi ultra rapidement, tarif moyen 🙂

Le relais de Sillery

Restaurant gastronomique, a 10-15mn de Reims. c’est ici.

Cadre magnifique et très grande cuisine. Le chef (ami de la famille depuis moultes années) a refusé de se faire étoiler pour rester pépère, et parce qu’il veut juste cuisiner et faire plaisir, merde.

C’est assez cher, on va genre une fois tous les ans pour des annivs ou des trucs du genre, mais c’est inoubliable.

Tout est très frais, cuisiné avec des produits du coin et de saison, et la cuisine inventive. Et le chef sélectionne des vins impec’ pour aller avec tout.

Avec de grandes salles + terrasses + petit parc avec court d’eau. Bref, juste légendaire ^^

Au pire va regarder leur cadre et leur menu et viens me dire après que ça te met pas des étoiles dans les yeux.

Nantes

La cantine du curé

Crêperie saladerie, c’est ici.

Excellent resto au pied d’une église, n’hésitez pas à goûter au spécialités au fromage du coin le curé nantais.

Le bistrô

Restaurant français, c’est ici même si street view est pas à jour.

Excellent bistro avec terrasse, découvert avec Vigi <3

Très bons hamburgers, service impeccable, abordable.

Nîmes

L’harmonie

Restaurant français, c’est ici même si c’est marqué raoul c’est la promis.

Resto gastronomique, reco par notre airbnb.

Un peu cher, mais exceptionnel. Je recommande le risotto aux sot-l’y-laisse, ainsi que l’entrecôte argentine SAIGNANTE.

Bordeaux

Viandas de Salamanca / Hacienda zorita

Restaurant de Jambons de pays ?, c’est ici.

Bon rien qu’a voir le nom et la vitrine sur street view ça devrait vous parler.

Petit sandwichs dégustation très abordables.

Les arcs 1800, savoie montagne toussah

~⚰️ Le choucas

Edit 2023 : Le fils à reprit le commerce et malgré l’aide de ses parents, la qualité s’est bien cassée la gueule au fil des années, et les prix se sont envolés. Je ne recommande plus pour le moment..

Restaurant traditionnel montagnard, c’est ici.

Bon on va pas se mentir y’a peu de chance que vous y mettiez les pieds un jour.

Plébiscité par notre famille depuis plus de 15 ans.

Assez cher mais légendaire donc ça s’annule.

Cavalaire et alentours

Don pepe pizza

Pizzeria magique au bord du canal dans la ville de port grimaud.

Assez cher mais la qualité est dingue 🙂

Belgique / Bruges

Burgers & burgers

Restaurant de.. burgers, c’est ici.

Très bonne viande, très bon burgers et bonnes assiettes.

Florence / Italie

Gustavino

Restaurant italien (sans dec), c’est ici.

Mon dieu comme c’était bon :’)

C’est la viande sur l’image d’illus (wagyu italien maturé).

Cher ou pas cher selon ce que tu prends..

Le Antiche Carrozze

Restaurant italien aussi, c’est ici.

Vigi qui à eu beaucoup de nez en trouvant ce resto.

Une des meilleures pizzas que j’ai mangé de ma vieuh, voir la meilleure.

Reco : pizza carrozze.

glhf

The post Liste de mes restos & bars préférés first appeared on 🍺🐬 Masamune blog v4.

Indispensables

• Sa place 😀
• Lunettes de soleil
  • x 2 en cas de casse/perte
• Casquette
• Crème solaire 50+
• Tente / Matelas / Oreillers / Duvet
  • Glonfeur sur batterie, chargé
• Gourdes / Bouteille d’eau
• Décapsuleur
• Edit 2023 : Smecta, Gaviscon & Immodium en quantités industrielles si tu prévois de manger ne serait-ce qu’une fois ~chinois. Pour les faibles > Doliprane, Ibuprofène, Omeprazole.
• Les fringues qu’il te faut pour ton nombre de jours sur place PLUS 2 jours en rab’, au cas où (intempéries, vomi, baouskilé mon slip, etc.)

Toilette

• Serviette
• Brosse a dent
• Tampons :3
• Brosse à cheveux
• Fringues / Shorts plutôt que pantalons Edit 2022 : Kilts
• Gel douche / Shampoing / Après shamp / Brosse a cheveux

Bien utiles

• Cartes de visite
• Kit de couverts réutilisables
• Stylos
• Briquets
• Boules Quiès
• Anti-istaminiques
• Glacière, il y en a avec alim secteur ET allume cigare
• Chariot avec roues
• Power bank chargée
• Pansements, désinfectants
• Chtite lampe alakon avec crochet pour dans la tente le soir, celle qui se recharge avec la manivelle
• A mangeay / boire en cas de bouchons à l’entrée de Clisson
• Ton propre pti gobelet à toi pour que personne y mette sa salive dedans touche parce qu’on est tous nareux
  • Porte gobelet

Fun

• Trampoline
• Chaise longue
  • Avec le porte bière 🍺
• Pétanque
• Si campement
  • Mat + drapeau
  • Tonnelle/s
  • Tables

Selon le contexte

• Tatouage > Crème solaire 7000+, Baume hydratant apaisant, Hustle butter
• Ethylotest, bawi
• Kit anti crevaison, big up à Kévin
• Un plaid en plus si il fait froid
• Un Kaway / truc étanche imperméable si il pleut
• Te noter les numéros importants sur le bras, et oui

Pour les vacances en général

• Chèques vacances
• Pull
• Imperméable
• Anti moustique
• Crème tattoo
• Nécessaire pour dormir
• Brosse à dents

The post Liste des trucs à emporter pour le hellfest first appeared on 🍺🐬 Masamune blog v4.