:-y

Le format SVG dans tous ces états

vendredi 29 juin 2018 - 08:08

Si vous connaissez ce format, je vous invite à lire uniquement le dernier paragraphe.

Pour les personnes qui ne le savent pas, les images sont souvent séparées en 2 catégories, les plus classiques sont les images matricielles (jpg, gif, png, bmp, etc.) qui sont représentées sous la forme d'un tableau de pixels et les images vectorielles (svg : Scalable Vector Graphics) qui sont décrites par le contenu à l'aide de formes et couleurs. Ces dernières sont principalement utilisées pour les logos et les images/présentations à afficher dans n'importe quelle dimension sans avoir l'effet de pixellisation.

Inkscape est le logiciel que j'utilise le plus. Je m'en suis servi pour ma présentation des origamis, mais je m'en sers aussi pour mettre en page facilement des photos, réaliser des étiquettes pour les confitures que je mets à jour toutes les années en ligne de commande (On peut effectivement utiliser Inkscape directement dans le terminal), etc.

Il est parfois possible de convertir une image matricielle en image vectorielle. Inkscape possède un outil qui marche plus ou moins bien mais quand j'en ai eu vraiment besoin, j'ai obtenu de meilleurs résultats avec des outils en ligne comme Vector Magic (qui semble être devenu payant depuis).

SVG est également un format supporté par tous les navigateurs (ou presque) et en fait donc un format privilégié pour le web. Il est parfois utilisé pour les polices d'écriture/d'icône. Il s'utilise aussi facilement avec javascript et il existe plusieurs bibliothèques :
- RaphaelJS est la plus complète qui supporte jusqu'à IE 6, oui, oui vous avez bien lu ??? « Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+ »
- Snap.svg est plus récente et ne s'intéresse qu'aux navigateurs récents « Modern features for modern browsers »
- SVG.js est la version minimaliste et légère

Je suis un grand fan de ce format et je connaissais quelques outils sympathiques comme Sozi qui permet de faire des présentations animées ou svgo pour réduire la taille des fichiers (Inkscape stocke beaucoup d'infos inutile au rendu de l'image) mais je viens découvrir 2 nouveaux usages:
- Des icônes responsives : http://responsiveicons.co.uk
- Des logos responsives : http://responsivelogos.co.uk/
(Il faut redimensionner le navigateur pour voir la magie opérée)
Je suis tombé dessus grâce à cet article
https://medium.com/9elements/building-a-responsive-image-e4c6229fa1f6
qui présente ce logo
https://www.ichimnetz.com/responsive-logo/9e-anywhere.svg

Bookmarklet pour contourner Scribd

vendredi 04 mai 2018 - 11:00

Quand je cherche des informations sur des livres, je tombe souvent sur des liens scribd. Je ne vous cache pas que je n'aime pas du tout ce site et malheureusement bugmenot ne vous sera pas d'une grande aide. Si vous pouvez enrichir scribd site sans compte, la consultation est plus contraignante.

Donner, do-o-nner, donner, do-o-nner moi
Donner, do-o-nner, scribd le gardera...
...et ne vous le rendra pas...

Heureusement, souvent je ne cherche que des informations spécifiques et pas à télécharger des pdf. Et je ne comprends pas trop leur fonctionnement, mais quand vous commencez à lire, au bout d'un moment un filtre apparaît en surbrillance et vous ne pouvez plus lire et il faut vous connecter...

En apparence oui, mais tout est chargé dans le navigateur et quelques règles CSS permettent facilement de contourner le problème.

Du coup, un petit bookmarklet et plus de problème

scribd



code = ".autogen_class_views_pdfs_page_blur_promo {display: none !important;} div.image_layer .absimg { opacity: 1 !important;}"
var style = document.createElement('style');
style.type = 'text/css';

if (style.styleSheet) {
// IE
style.styleSheet.cssText = code;
} else {
// Other browsers
style.innerHTML = code;
}

document.getElementsByTagName("head")[0].appendChild( style );


Merci https://martijnbrekelmans.com/bookmarkletify/
et https://stackoverflow.com/questions/707565/

TONTOF: Your own unique origami and paper toys

vendredi 20 avril 2018 - 12:00

Bonjour à tous,

Je n'ai pas pris le temps de faire un article sur les résultats du dernier vote parce que j'étais sur le sprint final et je voulais vous faire la surprise en vous annonçant le lancement officiel du projet Kickstarter de Tontof.

https://www.kickstarter.com/projects/tontof/tontof-your-own-unique-origami-and-paper-toys/

Je vous remercie d'avance de partager ce lien en espérant que le projet plaira au plus grand nombre. C'était un peu une date anniversaire et j'ai donc fait le maximum pour pouvoir faire le lancement à temps.

Merci encore à tous pour vos partages.

Petit vote pour la présentation des modèles

dimanche 25 mars 2018 - 18:02

Ma TODO list commence à se réduire et je pense que la partie la plus longue à réaliser avant le lancement Kickstarter est enfin terminée ! Pour présenter les 10 modèles, j'ai dû faire quelques animations et c'était bien long, d'où l'absence de nouvelles depuis la dernière fois. J'ai fait plein de choses grâce à Gimp et j'ai même appris à faire des scripts python avec. Il faudra que je prenne le temps de vous faire un retour, il faudra...

Reste à choisir parmi les 3 dernières présentations sélectionnées. J'ai longuement hésité et je pense que j'ai enfin trouvé une présentation simple des modèles. Je vous propose un deuxième petit vote pour choisir votre présentation préférée. La première présente les modèles au centre, la seconde les aligne à droite et pour la dernière ils sont en zigzag.

On verra ce que ça donne, mais j'avoue avoir une petite préférence pour une présentation... Contrairement au dernier vote, j'ai ajouté la possibilité de laisser un commentaire directement dans le vote (et aussi votre mail comme la dernière fois, si vous souhaitez un message lors du lancement Kickstarter). Bien sûr ces 2 dernières infos sont facultatives et seul votre vote pour les présentations compte vraiment.

Merci d'avance


Tontof x 3 !!!

Quelques liens inutiles pour passer le temps #49

vendredi 01 décembre 2017 - 22:22

Je faisais un peu de tri dans mes articles et je suis tombé sur une liste de Gif (beaucoup de cinegraph) que je n'avais jamais publiée. Les images sont un peu anciennes, l'article datait de 2013...

1 - Une rivière:
https://i.chzbgr.com/maxW500/7805906176/h72FE8DE6/
via : http://cheezburger.com/7805906176
2 - Le métro est dans quel sens ?
https://i.chzbgr.com/maxW500/7447527936/hAA09362D/
via : http://cheezburger.com/7447527936
3 - Métro bis
https://i.chzbgr.com/maxW500/7895241216/h164A19E7/
via : http://cheezburger.com/7895241216
4 - Quand je feuillette le cahier des charges
http://i.imgur.com/VBoGZmd.gif
via : http://lesjoiesducode.tumblr.com/post/67360113636
5 - Lave
https://i.chzbgr.com/maxW500/7771172096/h343BC32A/
via : http://cheezburger.com/7771172096
6 - Bouteille de vin
https://i.chzbgr.com/maxW500/8530743552/h1484B623/
via : http://cheezburger.com/8530743552
7 - Un livre fontaine
https://i.chzbgr.com/maxW500/8125037568/h5E1D9B43/
via : http://cheezburger.com/8125037568
8 - 2 flèches et un verre d'eau
https://i.chzbgr.com/maxW500/8123062784/h76FD04E2/
via : http://cheezburger.com/8123062784
9 - 2 danseuses avec une projection en fond
https://i.chzbgr.com/maxW500/8092312576/h4DC5173D/
via : http://cheezburger.com/8092312576
10 - Pissenlit de la fleur aux graines
https://i.chzbgr.com/maxW500/8241233152/h17EF7FBF/
via : http://cheezburger.com/8241233152

Bonus (récent) :
Un puissance 4 en CSS (sans javascript)
https://codepen.io/finnhvman/pen/xXpzVN/
via : https://css-tricks.com/roman-empire-made-pure-css-connect-4-possible/

Tontof origami : le concept en une image

lundi 27 novembre 2017 - 19:20

Ça fait plus d'un mois et je ne vous ai pas donné de nouvelles sur l'avancement de mon projet. Pour être tout à fait honnête j'imaginais faire une présentation textuelle rapide agrémentée de quelques photos fin octobre pour faire un financement en novembre et lancer le site en décembre... Pfff quel utopiste !

Évidemment, j'ai eu plusieurs retours qui m'ont fortement déconseillé de me lancer trop vite. On m'a dit de soigner ma présentation pour faire bonne impression, que les personnes adhèrent au concept, etc. Je me suis donc lancé dans la mise en place d'une jolie présentation pour Kickstarter.

Ça risque d'être un peu plus long que prévu, mais c'est pour la bonne cause... enfin j'espère.
Il est vrai que je suis plutôt satisfait du résultat de la première partie de présentation grâce aux retours de plusieurs personnes que je ne citerai pas mais qui se reconnaîtront : B, É, F, G et surtout R

Il y a eu une sorte d'avant-avant-première et je vous présente la version 25 de la première image:
Edit: C'est la version 26, sans l'étiquette « Made by you »
Présentation du concept


Globalement, je trouve qu'elle présente bien le concept et qu'elle est jolie : les images de la petite fille proviennent de unsplash : https://unsplash.com/@senjuti
Avant d'en arriver là, il y a eu plusieurs versions :

Toutes les versions de présentation du concept


Je fais cette avant-première pour plusieurs raisons :
- Je me dit que ça peut montrer l'envers du décor de la mise en place d'un projet Kickstarter. Le but n'étant pas d'investir trop d'argent avant la mise en place du projet, je fais ça sur mon temps libre et ça va me prendre un peu de temps.
- Si jamais je loupe quelque chose d'important, je pense que vous me préviendrez avant de faire LA boulette ? Hein !? En gros ça me permettra d'avoir des retours pour faire des modifications avant la présentation finale si besoin. Comme vous avez pu le voir, il y a déjà eu pas mal de modifications, je n'en suis pas à 1 ou 2 près.
- Le temps de finir cette présentation risque d'être un peu long, j'espère que ça vous fera un peu patienter en attendant :-)

Les remarques personnelles qui me chagrinent sur cette première image :
- Comme vous pouvez le voir sur les différentes versions, j'ai eu un petit problème pour le choix de l'image de l'imprimante. Celle de la version finale n'est pas forcément la plus jolie, mais c'est parce que je ne voulais pas utiliser d'images où je n'avais pas les droits. Et si l'image la plus jolie est clairement celle de la HP Envy 5545, je ne pouvais pas l'utiliser pour la présentation. J'ai cherché dans mon entourage une imprimante pas trop vilaine :-)
- La cocotte de la partie 4 a été gimpée... En fait, quand la cocotte était à côté de l'ordi, il n'y avait pas de problème sur la lisibilité de l'image et même si les photos étaient un peu floues par rapport aux originales, globalement ce n'était pas gênant. Sauf qu'après avoir détourée l'image, on ne voyait que ça et j'ai donc fait cette dernière modification pour améliorer le rendu.

Ma TODO list est encore longue :
- La prochaine étape concerne la présentation des occasions. À quelle(s) occasion(s) peut-on faire ce genre de pliages ? Je ne suis pas très inspiré pour la présentation, même si ce n'est pas le nombre d'idées qui manquent : naissance, mariage, anniversaire, déco, fête des (grand-)mères/pères, etc. Il va falloir que j'arrive à présenter tout ça simplement... Si vous avez des exemples je suis preneur. Par exemple pour la première partie en 4 étapes, je me suis inspiré de https://www.kickstarter.com/projects/lovebox/lovebox-a-simple-and-generous-way-to-send-love-mes
- Il faudra également que je présente rapidement les 10 modèles du lancement avec des images animées pour certains pour faire voir que c'est vraiment chouette. Et puis il y a les instructions des pliages que je vais devoir aussi faire.
- Un petit storytelling... Il paraît que c'est la mode et en plus je trouve l'histoire de cette idée intéressante. À la base, elle a des racines un peu écolo, ça devrait encore plus plaire, non ? Oula, je me mets à penser comme un marketing là ? Ça craint ?!

Tontof n'est plus à vendre

vendredi 20 octobre 2017 - 12:34

J'ai une sensation un peu indescriptible. Je me dis que c'est pour la bonne cause (faire réussir TONTOF pour faire encore plus de KrISS) mais ce n'est pas évident pour autant.

Vous l'aurez compris, j'ai commencé à découvrir un nouveau monde qui m'était inconnu et qui me fait peur, que je n'aime pas au premier abord et dans lequel je vais tenter de devenir célèbre et riche...

Je veux parler bien sûr de :
- https://www.facebook.com/tontof.origami/
- https://twitter.com/tontof_origami
- https://www.pinterest.fr/tontof_origami/models/
- https://www.instagram.com/tontof_origami/
Edit (merci Brouillon):
- https://mastodon.social/@tontof_origami
- https://joindiaspora.com/public/tontof_origami

Vous pensez que je n'ai pas de Google+, bien sûr que non, c'est juste que je ne suis pas encore arrivé à personnaliser le nom... Et pour tout vous dire, je vais lister tout ce qui me paraît aberrant, incompréhensible, illogique, bref, un petit retour d'expérience sur ce début d'inscriptions massives à des sites trop chouettes...
En même temps Google+, est-ce qu'il y a encore des gens qui utilisent ça ?

Tout d'abord, il faut savoir que j'ai utilisé une adresse mail différente pour chaque plateforme, histoire de gérer un minimum comment sont utilisées mes informations.

Ensuite, je voulais gérer un seul nom : tontof_origami ! Je vous arrête tout de suite, il est impossible d'avoir des urls uniformes entre les plateformes. Pour séparer 2 mots, il n'y a pas 36 possibilités... sur Facebook, seul le « . » est autorisé mais il est interdit sous Twitter et Pinterest qui n'autorisent que le « _ ». Seul instagram accepte les 2 ! Edit: et je n'ai pas testé sous Mastodon et Diaspora

Facebook


Pour Facebook, il vous faut une page perso pour avoir une page publique et il faut obligatoirement un numéro de téléphone pour avoir le droit de personnaliser son url... Pour la page perso, il faut au moins 1h pour tout désactiver, mettre en privé etc. Normalement, c'est bon, je ne suis pas visible parce que seuls les amis de mes amis peuvent me voir dans le résultat d'une recherche de mon nom. Je n'ai pas d'amis, personne ne devrait donc avoir la chance et le privilège de me demander en ami ? Enfin, c'est ce que j'ai compris...

Twitter


Twitter ne semble pas trop être pénible pour le moment à part les emails à chaque connexion pour me prévenir que je me connecte...

Pinterest


En ce qui concerne Pinterest, il faut avoir de l'ambition parce que pour ne plus recevoir d'emails, c'est long et fastidieux. Il y a toujours une excuse pour envoyer un mail de suggestion de nouveaux trucs trop chouettes qui pourrait me plaire... Mais j'ai l'impression que j'ai réussi à venir à bout du spam incessant, à force de désinscription.

Instagram


Instagram, c'est pour mobile mais je n'ai pas trouvé l'appli sur mon Nokia 1110. Du coup j'ai cherché une appli bureau qui fonctionne sous linux et je suis tombé sur https://github.com/terkelg/ramme
Plus de 2000 étoiles, une activité de moins d'une semaine, j'me suis dit génial, ça doit bien marcher. Bon en fait, il se trouve que c'est un navigateur qui se fait passer pour un mobile...
Du coup j'ai changé mon user-agent sur Firefox et j'ai eu le même résultat... Je suis peut-être passé à côté de quelque chose, mais j'ai pu mettre une première photo sans problème...

Edit:

Mastodon


Dans un toot, l'image est tronquée un peu comme ça veut, du coup, c'est pas forcément très joli dans l'aperçu.

Diaspora


J'ai trouvé ça un peu déconcertant, mais j'ai vu qu'il y avait la possibilité de poster automatiquement sur Facebook et Twitter à partir des posts Diaspora, dommage, il n'y a pas tout.


C'est parti pour la mise en avant des premiers modèles qui seront proposés à l'ouverture de Tontof. C'est un peu nul de ne pas pouvoir mettre un lien vers le site final, mais ça sera modifié quand le temps sera venu !

Merci d'avance pour vos partages, likes, moi aussi je vous aime, c'est beau le web 3.0...

- https://www.facebook.com/tontof.origami/?hc_ref=ARRPEF0sA4hoDoz6UcsrqRYzsEQ8K0u2uy-ptTskkQd9ui6sqyzKnRQ9EO5z02_sO9M
- https://twitter.com/tontof_origami/status/921322501887623168
- https://www.pinterest.fr/pin/686024955710854035/
- https://www.instagram.com/p/Bad2e4thUB9/
Edit :
- https://mastodon.social/@tontof_origami/98882989168908995
- https://joindiaspora.com/people/f2a913c09ac2013516040242ac110007

En ce qui concerne Youtube, ce n'est pas pour tout de suite :

To create a custom URL for your channel, your account needs to:

Have 100 or more subscribers
Be at least 30 days old
Have an uploaded photo as channel icon
Have uploaded channel art

In general, a YouTube channel may only have one (1) custom URL and custom URLs cannot be transferred or assigned to anyone.

Résultat du vote pour le logo

lundi 16 octobre 2017 - 16:10

Je ne pensais pas avoir autant de retours. Avec plus de 400 votes le résultat est sans appel, c'est le logo avec l'objectif photo que vous avez choisi :

Logo Tontof


Si vous regardez la forme de l'objectif photo, elle rappelle étrangement le logo copyleft, un petit clin d'œil symbolique et sympathique :-)

Merci à tous pour votre participation !!!

Pour les détails du vote,
~ 67.40/100 : logo objectif
~ 59.81/100 : logo couronne
~ 39.74/100 : logo nœud
~ 27.65/100 : logo flèche

Aidez-moi à trouver mon logo en votant parmi 4 propositions !

jeudi 12 octobre 2017 - 12:10

J'ai déjà parlé d'un projet que j'avais en tête et aujourd'hui, je vais vous en dire un peu plus parce qu'il va bien falloir que je le mette en place un jour ou l'autre.

Vous le savez, j'aime développer pour mon usage et plaisir des logiciels libres que j'aime tout autant partager. Jusqu'à présent, je le faisais sur mon temps libre (comme beaucoup) et puis un jour, KrISS feed a eu son petit succès : en grande partie grâce à Sebsauvage qui m'a fait une petite surprise la semaine passée en postant sur son shaarli un nouveau message de remerciement : http://sebsauvage.net/links/?SY_PeA

Seulement voilà, pour vivre de ça, c'est compliqué et la question de la rémunération revient souvent. Je n'ai jamais voulu mettre en place quoique ce soit parce que je ne me fais aucune illusion sur le fait que ça ne payerait qu'une petite partie de l'hébergement et encore...

D'autres expériences, comme celle de Wallabag, montrent que ce n'est pas évident :
- https://nicolas.loeuillet.org/billets/service-wallabag-it
- https://nicolas.loeuillet.org/billets/f5

Bien sûr, je ne suis pas le premier à me poser la question et des solutions existent : https://www.parigotmanchot.fr/2017/08/03/faire-campagne-abonner-question-remuneration-blogueurs/

Seulement, aucune ne me satisfait et j'ai donc essayé d'imaginer une autre solution qui j'espère sera plus efficace. Je vais mettre en place quelque chose qui n'aura rien à voir avec les logiciels libres et qui j'espère permettra de me libérer plus de temps pour développer gratuitement d'autres logiciels libres. Le but étant de m'adresser à tout le monde et pas uniquement aux personnes qui sont susceptibles de s'auto-héberger. Bien sûr, j'essayerai de garder un minimum d'éthique en faisant un site léger et fonctionnel qui ne charge pas 150 bibliothèques javascript pour afficher un carousel, sans Google Analytics et compagnie.

Mon idée est la suivante : je vais proposer aux gens, pour quelques euros, de personnaliser avec des photos des pliages en papier, du style origami à imprimer à la maison :

Présentation de Tontof

J'ai cherché et je n'ai pas trouvé de solutions semblables et je n'ai donc aucune idée du potentiel de cette idée. Pour info toutes les photos utilisées pour les pliages viennent du site https://unsplash.com/

Mon plan d'action va être le suivant, dans les jours/semaines qui arrivent, je vais préparer un financement participatif Kickstarter pour payer un graphiste pour le site. Techniquement tout fonctionne, mais je vous laisse imaginer comment graphiquement ça pique les yeux. Le but du financement participatif sera d'avoir aussi un premier retour pour savoir si l'idée plaît aux gens (uniquement en anglais au début).

Avant de lancer tout ça, je voulais mettre en place le logo pour créer une première identité visuelle et c'est là que vous intervenez. J'ai 4 logos que j'aimerais bien que vous évaluiez.

Si le projet vous intéresse et que vous souhaitez connaître l'évolution de ce projet, vous pouvez mettre votre email et quand je lancerai le Kickstarter je vous enverrai un petit message ! Bien sûr c'est facultatif et c'est avant tout votre vote qui m'intéresse. Si vous pensez que le projet peut intéresser des gens de votre entourage, n'hésitez pas à partager cet article pour que j'ai le plus de votes possibles et que ça oriente mon choix de logo.

Pour le nom, je me suis rabattu sur TONTOF même si ce n'est pas l'idéal et que question marketing, ce n'était pas la meilleure solution :-)

Le vote est terminé ! Merci à tous pour votre participation :
https://tontof.net/?2017/10/16/16/10/17-resultat-du-vote-pour-le-logo

Si vous avez des questions/remarques vous pouvez laisser un commentaire ou me contacter sur tontof à free.fr

2017... Un dessert, un café pour terminer ?

samedi 29 juillet 2017 - 11:01

Je n'arrive même pas à imaginer que ce soit possible venant d'une société comme celle là, mais l'image parle d'elle même. Chez Nes les encodages riment avec Moyen-Âge ?

problème encodage café

Ça me conforte dans l'idée de ne pas boire de café, encore plus quand il provient d'une société comme celle là, et je ne parle même pas que du problème d'encodage...
Bon ça aide, je n'aime pas le café :-)