Awesome Design Tools – Une liste qui fait ce qu’elle dit

Les meilleurs outils de conception pour tout. Organisée par Lisa Dziuba & Valia Havruliyk de l’équipe Flawless.

https://flawlessapp.io/designtools

Voilà comment se présente ce site dans lequel vous retrouverez la liste des outils les plus utilisés dans divers domaines : Dégradés, Typos, Design vers Code, Réalité Augmentée, Outils collaboratifs, etc …

Un des avantages principaux est la présence d’un indicateur pour les outils gratuits et/ou open-source.

Cette liste étant disponible également sur Github où vous pouvez ajouter vos propres outils de références ou bien supprimer ceux qui ne sont plus pertinents.

PixelBlock – Pour bloquer les trackers de vos emails

Si vous ne voulez pas que la Terre entière sache à quel heure vous ouvrez vos mails, à quel fréquence et lesquels, voici une extension Chrome nommée PixelBlock qui fera ce qu’elle dit : bloquer les pixel trackers inclus dans les mails qui arrivent sur votre boîte Gmail.

Le pixel tracking est une technique marketing pour connaître le taux d’ouverture des mailings, le logiciel utilisé, le navigateur, etc… afin de faire des stats pour mieux vous cibler et en interne, optimiser la conversion des mails. A chaque ouverture d’un mail qui contient ce genre de chose, vous verrez une icône oeil rouge et en survolant, vous indique le nombre de trackers bloqués.

Lien : https://chrome.google.com/webstore/detail/pixelblock/jmpmfcjnflbcoidlgapblgpgbilinlem

Passer un Objet dans un composant VueJS [TIPS]

Bonsoir bonsoir, petite astuce pour ceux qui voudraient un jour passer un objet en tant qu’élément à afficher dans un composant VueJS (avec Laravel par exemple) : 

Si votre Objet est un objet simple, vous devez le formaliser en json, comme ici avec un json_encode simple : 

     <mini_recipe_list_element :recipe="{{json_encode($recette)}}"></mini_recipe_list_element>

Si jamais avec Laravel, votre Objet est issu d’une collection Eloquent, vous pouvez le sérialiser si ce n’est pas déjà fait : 

$user->toJson();

Et ensuite dans votre composant VueJS, il faut lui dire qu’on attend un objet en tant que prop  : 

props: {
			recipe: {
				type: Object,
				required: true
			}
		},

Et voilà 🙂 

Les pixel du style : NES.css

En flannant sur Github, je suis tombé sur un framework un peu fou : NES.css , une bibliothèque de style ayant un design rétro très largement inspiré de la NES : 

Lien Github : https://github.com/BcRikko/NES.css

Lien preview : https://bcrikko.github.io/NES.css/

Voilà, amusez-vous, ça reste une alpha/bêta assez cool, perso je pense que ça peut faire un easter-egg sympa pour CuisineDeGeek.