PROJET AUTOBLOG


Korben

Site original : Korben

⇐ retour index

Comment ajouter des filtres Instagram-Like à votre projet web ?

lundi 1 février 2016 à 09:30

Si vous cherchez un moyen d'intégrer des filtres graphiques semblables à ceux d'Instagram dans votre nouveau projet, pas la peine de réinventer la roue.

Grâce à la bibliothèque CSSgram, vous allez pouvoir appliquer directement des filtres sur vos images, directement en CSS.

Capture d'écran 2016-01-31 19.58.17

Pour l'utiliser, téléchargez CSSgram, puis linkez la feuille de style dans votre projet :

<link rel="stylesheet" href="css/vendor/cssgram.min.css">

Et ajouter la classe de votre choix à l'élément figure qui contient votre image. Comme ceci :

<figure class="aden">
<img src="./media/abd26bdf.img.png" data-original-source="http://feedproxy.google.com/~r/KorbensBlog-UpgradeYourMind/~3/zHVqj7x8ma4/../img.png">
</figure>

Voici les filtres disponibles qui correspondent à ceux d'Instagram :

1977: class="_1977"
Aden: class="aden"
Brooklyn: class="brooklyn"
Clarendon: class="clarendon"
Earlybird: class="earlybird"
Gingham: class="gingham"
Hudson: class="hudson"
Inkwell: class="inkwell"
Lark: class="lark"
Lo-Fi: class="lofi"
Mayfair: class="mayfair"
Moon: class="moon"
Nashville: class="nashville"
Perpetua: class="perpetua"
Reyes: class="reyes"
Rise: class="rise"
Slumber: class="slumber"
Toaster: class="toaster"
Walden: class="walden"
Willow: class="willow"
X-pro II: class="xpro2"

Si vous utilisez Sass, vous pouvez aussi étendre vos styles avec ceux de CSSgram.

Sympa non ?

Edito du 28/01/2016

jeudi 28 janvier 2016 à 09:21

Salut la compagnie,

j'espère que votre semaine se passe bien. En ce qui me concerne, je suis depuis plusieurs jours sur un petit nuage, ce qui explique pourquoi je n'ai pas pu être très assidu sur le post d'articles. Je vous raconte un peu le délire.

Bon, comme vous le savez, la semaine dernière, j'ai annoncé le lancement de BountyFactory, une plateforme pour faire du Bug Bounty, le tout relié avec le jobboard de Yes We Hack que vous connaissez déjà. L'accueil de la presse "qui s'y connait" a été excellent. Avec mon associé, on a ensuite présenté tout ça à la French Tech Normandy, et cela a suscité aussi beaucoup d'intérêt. Bonheur !

Puis on a filé au FIC (Forum International de la Cybercriminalité) à Lille et là c'était l'apothéose ! Tous les RSSI avec qui on a discuté on vu leur intérêt dans notre plateforme, on a eu de très bons échanges et de quoi démarrer en force lorsqu'on sortira de la beta privée. Bref, ça démarre sur les chapeaux de roue... Je supporte la fatigue grâce à l'adrénaline du lancement et du café sous perfusion ;-)

J'ai aussi rencontré plein de lecteurs lors du FIC et c'était vraiment génial de taper la discute et de boire des binouzes avec vous. Encore merci pour votre accueil et votre gentillesse.

Maintenant je vais retourner dans ma grotte en Auvergne, et me remettre au boulot sur le clavier, donc attendez-vous dès la semaine prochaine à des trucs de ouf malade ici même ;-)

Prenez soin de vous !

K.

Vos applications web en applications natives

lundi 25 janvier 2016 à 10:30

Les utilisateurs OSX que certains d'entre vous sont, se souviennent peut-être d'Epichrome ou de Fluidapp, des outils qui permettent de transformer un site web en application.

Et bien voici un outil qui fait exactement la même chose à la différence près qu'il fonctionne en ligne de commande et tourne sous OSX, Windows et Linux. Ça s'appelle Nativefier et vous pouvez l'installer comme ceci :

npm install nativefier -g

Capture d'écran 2016-01-22 06.31.36

Ensuite pour créer une application parfaitement basique, il suffit de faire :

nativefier http://korben.info

Ensuite, il existe des tas de paramètres que vous pouvez ajouter qui permettent de faire des tas de trucs rigolos comme app-name qui permet d'ajouter un nom d'application :

nativefier --app-name "Le meilleur blog du monde" "http://korben.info"

ou encore le paramètre "pretend" qui permet de forcer l'affichage de certains sites qui ne voudraient pas s'ouvrir dans votre app.

nativefier --pretend "http://korben.info"

Vous pouvez aussi ajouter une icône en mettant le paramètre icon :

nativefier --icon C:\chemin\vers\icone.ico "http://korben.info"

Et si vous êtes sous Linux et que vous voulez générer des app Windows ou OSX ou vice versa, il suffit d'utiliser le paramètre "platform" pour spécifier l'OS.

nativefier --platform win32 "http://korben.info"

Tous les paramètres sont documentés ici.

Source

MyPaint – Pour dessiner librement sous OSX, Linux et Windows

lundi 25 janvier 2016 à 09:30

Disponible sous Linux, OSX et Windows, MyPaint est une application libre qui permet de dessiner avec ou sans stylet (ça gère la pression) ou d'éditer des photos.

Capture d'écran 2016-01-19 07.14.08

Pinceaux variés, brosses, gomme, lignes, ellipses, gestion des calques, gestion des couleurs...etc., on retrouve tout l'attirail de l'artiste en herbe qui veut laisser libre court à son imagination.  MyPaint est un genre de Microsoft Paint bien gonflé aux fonctionnalités, lui permettant de rester à la fois simple à utiliser tout en ayant le confort moderne qu'on peut attendre d'un logiciel de dessin.

À télécharger ici.

6 licences Cordial à gagner

vendredi 22 janvier 2016 à 14:05

Je vous propose aujourd'hui de gagner 6 licences du correcteur Cordial.
A la manière d'Antidote, pour vous situer le soft au cas où vous ne le connaîtriez pas encore, Cordial est un correcteur orthographique et de grammaire.

EDIT: Situer = -er les amis, la regle expliquée ici ;)
www.projet-voltaire.fr/blog/regle-orthographe/«-vous-parler-»-ou-«-vous-parlez-»

Deux fonctions m'ont particulièrement intéressé, le côté machine learning, puisque la communauté des utilisateurs Cordial remontent de nouvelles règles grammaticales et erreurs orthographiques, qui viennent alimenter les algos du logiciel mais aussi la fonction d'apprentissage qui permet de ne plus utiliser le correcteur aveuglement, mais d'apprendre des erreurs, en même temps qu'il les corrige, plutôt cool.
Mais bon, à force, on risque de devenir un crack en français et de ne plus avoir besoin de soft ;)...la boucle est bouclée.

La version Reference, que je vous propose de gagner, inclut:

Pour ceux qui souhaiteraient l'intégrer à leur éditeur de texte préféré, pas de panique, le truc est compatible Word, OpenOffice ou LibreOffice, tout est bon.

Sachez aussi, que comme BonPatron, une version en ligne existe

Pour jouer, ça se passe en bas: