PROJET AUTOBLOG


le hollandais volant links

Site original : le hollandais volant links

⇐ retour index

[CSS] Note centrer une image dans un bloc

vendredi 31 juillet 2015 à 18:57
Le but : reproduire le même effet qu’on a quand Firefox affiche une image seule dans un onglet, en pure CSS.

Les conditions suivantes doivent être toujours vraies :
– l’image est toujours entièrement visible ;
– l’image est toujours dans ses proportions naturelles (pas de déformations)
– l’image est toujours centrée, sur les deux axes.

En pratique :
– quand l’image est plus grande que le viewport, l’image est redimensionnée en conservant ses proportions et en restant centrée ;
– quand l’image est plus petite que le viewport, l’image est affichée dans ses dimensions naturelles, centrée sur les deux axes


Le code :
#container {
    max-height: 100%;
}

#container img {
    /* Keeps image from going outside the screen */
    max-height: 100%;
    max-width: 100%;
    /* Keeps image from beeing distorted */
    height: auto;
    width: auto;
    /* centering horizontally AND vertically */
    /* 50% of container */
    position: relative;
    top: 50%;
    left: 50%;
    /* 50% of image */
    transform: translate(-50%,-50%);
}


Démo : http://lehollandaisvolant.net/tout/examples/center/

Lanceurs d'alerte : enquête pour trahison lancée contre deux journalistes allemands - Next INpact

vendredi 31 juillet 2015 à 18:01
Dans une démocratie, on aurait lu : « enquête pour trahison lancée contre l’État par deux citoyens ».

À la place on a l’État qui traque ceux qui dénoncent la mise en place d’une Stasi 2.0.
— (permalink)

Supprimer les pubs dans Skype sous Windows | Logiciels | IT-Connect

vendredi 31 juillet 2015 à 17:24
J’utilise pas Skype, mais l’astuce est sympa.

ÉDIT : enlever la pub ET l’espace sur le côté : http://www.cnet.com/how-to/how-to-disable-ads-in-skype/
(via)
— (permalink)

Les flagships se font cheap | NANO

vendredi 31 juillet 2015 à 17:12
L’état des smartphones actuellement, où comment les smartphones à 300€ n’ont plus à rien à envier à un smartphone phare d’une marque à 700+€.

Perso j’attends encore le jour où on pourra configurer notre téléphone : apn ? ram ? double sim ? carte SD ? écran anti-rayures ? sortie OTG ? HDMI ?
— (permalink)

New study shows Spain’s “Google tax” has been a disaster for publishers | Ars Technica

vendredi 31 juillet 2015 à 15:23
Et voilà, on vous l’avait dit : les Taxes Google sur les citations des sites de presse sont une connerie. En Espagne, Google a fermé Google News pour ne pas à avoir à payer les taxes. Résultat ? Le trafic des sites qui étaient dans Google News en Espagne ont été plombés.

Je crois qu’en France, Google paye quelques millions pour ne pas à avoir à payer une taxe et avoir le droit de continuer à avoir GG News en France (visiblement payer des pots de vins c’est moins cher que les taxes…). Mais du coups, les sites de presse ont le beurre et l’argent du beurre.
— (permalink)

In Defense of CSS — Dear Design Student — Medium

vendredi 31 juillet 2015 à 15:08
« Keep working with CSS — and not against it — and it’ll treat you right. »

Oui.

Un des exemples qu’on voit encore actuellement, c’est celui du menu horizontal avec des float.
Les flottants ne servent pas à ça. Ça produit des choses bizarres : et on patch ça avec un élément vide et « clear:both ». Et ça marche plus sur les mobiles, donc on utilise du responsive-design. Et finalement les flottants inversent l’ordre, donc on retouche au HTML, voire au PHP…

Alors qu’il existe l’option du « inline-block » qui est fait pour ça et qui n’a aucun de ces inconvénient.

S’il y a une chose que j’ai appris après 6 ans de HTML/CSS en autodidacte, c’est que les hacks bizarres, ça dépanne, mais ce n’est pas pratique : la moindre bordure, marge, changement d’écran ou de navigateur et tout est foutu en l’air. Donc on ne touche à rien et le site n’évolue plus. Alors que si on utilise un truc fait exprès pour ce qu’on veut faire, ça marchera partout, car tous les navigateurs qui prennent en charge une techno respectent le but de cette techno. Pas forcément les mêmes marges/bordures/décalage, mais le même but.
C’est pour ça que j’aime ce genre de choses : pas de hack, du solide, du propre.

(via)
— (permalink)

Cachez ce paquet que je ne saurais voir - Croisé dans le métro - Paris - Links from tsyr2ko's wandering

vendredi 31 juillet 2015 à 14:44
Je dirais que le buzz est repris par ceux qui veulent souligner la dissymétrie des réactions vis à vis d’une femme et d’un homme. Ce qui serait selon moi un exemple mal choisi vu qu’on ne peut pas comparer un vêtement qui *décache* une poitrine et un vêtement qui *cache* déjà un sexe.
Dans un pantalon, c’est comme une poitrine *sous* un vêtement : je vois mal comment on peut le cacher plus que ça, et surtout pourquoi, comme tu dis. On demande à aucune femme d’écraser sa poitrine pour qu’on ne voit plus d’excroissance, même une fois vêtu. Et même les hommes un peu musclés, ça se voit pareil : je n’ai encore jamais vu quiconque demander à qui que ce soit de cacher quelque chose déjà caché par vêtement. Encore heureux : ça n’a aucun sens…

Le post d’origine, lui, il sert probablement juste à faire une remarque du style "psst, ta braguette est ouverte" (du moins, avec les seuls mots du post, c’est ce que ça veut dire : on peut l’interpréter comme on veut, après, et je ne suis pas devin, je sais pas lire les sous-entendus foireux).

Que la société nous oblige à nous vêtir pour sortir, c’est déjà quelque chose de pas anodin (quand on sait que certains vêtements sont interdits, d’autres « mal vus » ou enfin d’autres « ridicules » ou « moches »), mais de là à pratiquement demander à tout le monde de cacher toute forme de son corps… On va finir par devoir porter des combinaisons d’astronautes qui ne laissent rien dépasser.
Ça va bien dans le reste de la mentalité : cacher cet humour (sur les blondes, les belges…), ces expressions (sur dieu…), ces couleurs (la couleur "violet" est interdite pour certains car ça banalise le viol — riez pas, on me l’a déjà faite), ce vêtement (burqa, croix…) que je ne veux pas voir.

Enfin, comme je dirais à ceux qui n’aiment pas ce que j’écris qu’ils ne sont pas obligés de lire, j’aurais dit à l’autrice du message d’origine qu’elle n’est pas obligée de regarder mon entre-jambes, et pis c’est tout.
— (permalink)

Evolutionarily Stable Strategies ft. Richard Dawkins - YouTube

vendredi 31 juillet 2015 à 13:38
Intéressant, sur la stabilité d’un caractère au sein de la société.

L’humain n’est pas exclu de ça, et e-Penser en parlait dans sa vidéo sur les gauchers/droitiers : le ratio actuelle de gaucher/droitiers est d’environ 1/7, qui est stable depuis longtemps.

Sinon, en passant, les deux parties d’Uranium: Twisting the dragon’s tail, présenté par Derek Müller (le gars de Veritasium) sont diffusés ce soir en France à 22h40 sur Arte (jusqu’à 00h25).
Si comme moi vous n’avez pas la TV, il y a (ou aura) le moyen de voir ça en ligne prochainement (et autrement, les épisodes circulent déjà vous-savez-où en VO).
— (permalink)

Test du stylo d'impression 3Doodler 2.0 pour dessiner en 3D

vendredi 31 juillet 2015 à 13:00
« Le 3Doodler est uniquement compatible avec les recharges 3Doodler. »

C’est bien ça que je crains dans ces outils. C’est le même "problème" volontaire dans les imprimantes à papier : des « consommables » inutilement chers.

Comme disait une des BD de The Oatmeal :
« Pen (ink contained in plastic) : $0.15
Ink Cartridge (ink contained in plastic) : $25.00 »



Sinon, un stylo comme ça me serait pas forcément utile pour créer, mais plutôt pour réparer des choses, faire tenir des pièces ensembles…
— (permalink)

Migration vers Windows 10 : Mozilla en colère contre la mise en avant d'Edge - Next INpact

vendredi 31 juillet 2015 à 12:34
Ben, ben dans 15 ans, l’Europe les obligera à faire un nouveau ballot screen…pour Windows 10 seulement…

Le plus indécent reste quand même que Microsoft se permette d’imposer ses choix à la place de l’utilisateur qui avait volontairement choisit autre chose. Après, avec Windows, on peut pas dire qu’on ne savait pas qu’on se retrouvera avec des bâtons dans les roues.
— (permalink)

image - 1271x5437px

vendredi 31 juillet 2015 à 12:23
Windows 10.

Alors… lol ?

(via)
— (permalink)

Select2 VS Datalist

jeudi 30 juillet 2015 à 19:10
Usage des Datalists en HTML5.

C’est très utile. Dans BT, je l’utilise notamment pour les tags d’un article/lien : le datalist est généré en PHP lors de la génération de la page : donc pas besoin d’appels Ajax.

J’y ajoute un peu de JS pour ajouter un tag à la liste par la touche entrée. Dans le nouveau thème, ça sera encore plus joli, avec le champ de saisie qui se réduit au fur et à mesure qu’on ajoute des tags. Longtemps que je souhaite faire ça, maintenant cay fait avec CSS3 : http://lehollandaisvolant.net/img/a0/tags.png
— (permalink)

La science (ratée) dans Moon - Science-Abuse

jeudi 30 juillet 2015 à 19:06
J’ai un peu ralenti le rythme sur Science-Abuse, mais écrire un article comme ça me prend beaucoup de temps. Mais j’ai quelques idées de films/JV encore :).
— (permalink)

Conduire sans permis pourrait bientôt ne plus être un délit

jeudi 30 juillet 2015 à 16:34
Les prisons sont pleines, les tribunaux engorgés, les caisses vides et les cyclistes/piétons sont mauvais pour l’économie.

J’ai bien résumé ?

Je vois pas pourquoi certains se font encore chier à respecter la Loi, si l’argent peut tout acheter.
— (permalink)

Quelques banques d'images à connaître | Les Infos de Ballajack

jeudi 30 juillet 2015 à 16:02
Noté.

Pour ma part, je recherche souvent dans Flickr, parmi les photos sous licence CC (on peut choisir la licence).
Pour les schémas, portraits, je recherche sur Wikimédia, quand je ne fais pas moi même les schémas.
Plus rarement, sur DeviantArt.

Pour Google Images, c’est assez bizarre sa façon de trouver des images sous CC : la plupart du temps je ne trouve aucune mention sur le site source, que l’image soit libre ou pas.
— (permalink)

▶ Hitler's Rage lors de la mise à jour de Windows 10 - YouTube

jeudi 30 juillet 2015 à 14:44
Au début c’est très classique, mais après c’est assez énorme, quand il parle de Clubic, des Geeks en RTT et tout le reste :D
— (permalink)

Blogotext or not(Blogotext) - Shaarlo

jeudi 30 juillet 2015 à 13:08
Tout dépend de ce que vous voulez : faire une communauté d’utilisateurs d’un outil particulier, ou un agrégateur d’un format particulier (partage de lien) dans un esprit particulier ?

Si l’idée c’est de se démarquer de tous les autres réseaux fermés et non interopérables, ça serait pas mal de pouvoir agréger tout ceux qui partagent des liens dans l’esprit de Shaarli, que ce soit avec ou sans Shaarli (l’outil) — on pourrait aussi utiliser Shaarli comme moteur de blog, avec des posts moins nombreux et plus longs : est-ce qu’il aurait sa place dans un Shaarlo ?

Je ne connais pas d’autres outils "Shaarlis-like" en dehors de Blogotext — à part peut-être l’ancêtre Linx, qui était là même avant Shaarli, mais personne n’utilise ça aujourd’hui — et qui soit spécifiquement fait pour partager des liens. Mais si un nouvel outil apparaît, ça ne devrait prendre que 2 clics pour qu’il soit compatible aussi.
C’est l’avantage du RSS : le format est malléable dans tous les sens.

Pour le cas de Blogotext, je peux très bien adapter le flux RSS/Atom pour qu’il ressemble à celui de Shaarli. Ça s’est déjà fait dans le passé (y a juste le format d’URL en « ?2FZIHw » que je ne pourrais pas adapter). Si le problème est technique, il peut être résolu.
Pour répondre à Kevin ça me semble être à l’auteur de l’application de faire en sorte qu’il soit au format de Shaarlo (sinon on se retrouve dans la même merde que ceux qui veulent suivre FB, Youtube ou Twitter en RSS, et obligé de faire un script par outil).
Shaarlo pourrait mettre en place une page avec le format à adopter : au niveau technique et au format "esprit-Shaarli" (j’imagine qu’on devrait continuer de limiter les images/vidéos/smiley-gif dans les liens, question de sobriété ?). ÉDIT : ce que dit Daniel, peut-être mettre une « charte » pour la philosophie et le format.

ÉDIT : je ne savais pas que certains utilisaient PluXML pour partager des liens (ex: Cyrille Borne)
Et je viens de me rendre compte que Korben utilise lui aussi son outil à lui (sans doute dans Wordpress) !

Donc ouais, la question est celle posée en haut de ce post.
— (permalink)

Obama : pas de pardon pour Edward Snowden

jeudi 30 juillet 2015 à 13:03
C’est pas un pardon qu’il faut.

Il faut que ces révélations cessent d’être illégales. Quand on n’a rien à cacher, on a rien à craindre, hein ? C’est pas ça qu’ils nous disent tout le temps ?
— (permalink)

Anorexie : au Sénat, l'obligation de signaler les photos retouchées étendue aux vidéos - Next INpact

jeudi 30 juillet 2015 à 12:30
N’importe quoi !

Genre ça va être mentionné dans les petites lignes en gris clair sur fond blanc qui défilent à toute vitesse en bas de l’écran ?

Ils feraient mieux d’interdire la publicité.
— (permalink)

On peut hacker un fusil connecté pour changer la cible du tir ! | Objets Connectés sur Aruco.com

jeudi 30 juillet 2015 à 12:25
Il existe des fusils connectés ?!

Genre, y a des gens assez malades pour laisser n’importe quel internaute dans le monde avoir un accès directe sur la gâchette de l’arme à feu que vous tenez dans les mains ?
— (permalink)