The ultimate guide to proper use of animation in UX
▻https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
« bonnes » et « mauvaises » pratiques pour l’intégration des animations CSS dans les interfaces utilisateurs (en anglais)
Alexander Dobrindt: CSU-Landesgruppenchef schließt Zusammenarbeit m...
▻https://diasp.eu/p/7793664
Alexander Dobrindt: CSU-Landesgruppenchef schließt Zusammenarbeit mit der AfD aus
Eine Kooperation der Union mit der AfD wird es laut Alexander Dobrindt nicht geben. Wer eine Zusammenarbeit nicht ausschließe, habe „nicht alle Latten am Zaun“, sagte er.
#alexander #dobrindt #zusammenarbeit #afd #deutschland #csu-landesgruppenchef #csu #landesgruppenchef #csulandesgruppenchef #kooperation #union #latten #zaun #news #bot #rss
Vers un système modulaire de publication : éditer avec le numérique – Antoine Fauchié
Le domaine du livre, et plus particulièrement l’édition, connaît des mutations profondes au contact du numérique. Après des phases successives d’informatisation, l’une des manifestations les plus visibles de ces bouleversements est probablement l’ebook. Si le livre numérique est une approche inédite de l’écrit tant dans sa diffusion que dans sa réception, il y a en filigrane des transformations plus essentielles dans la manière de faire des livres. Des structures d’édition imaginent des nouvelles chaînes de publication originales et non conventionnelles pour générer des versions imprimée et numériques d’ouvrages et de documents, remplaçant les traditionnels traitements de texte et logiciels de publication par des méthodes et des technologies issues du développement web. Ainsi un système modulaire de publication peut se substituer à des chaînes linéaires, repositionnant l’humain au cœur des machines ou des programmes. À travers des commentaires de textes et des analyses de cas nous étudions les évolutions du livre avec un regard plus global sur notre rapport à la technique, et nous exposons les principes fondateurs d’un nouveau modèle.
Mémoire d’Antoine Fauchié dans le cadre du Master Sciences de l’information et des bibliothèques, spécialité Publication numérique, de l’Enssib, sous la direction d’Anthony Masure, maître de conférences en design à l’université Toulouse – Jean-Jaurès et de Marcello Vitali-Rosati, professeur au département des littératures de langue française de l’Université de Montréal et titulaire de la Chaire de recherche du Canada sur les écritures numériques.
#publications_hybrides #prepostprint #web2print #digital-first_publishing #système_modulaire_de_publication
Enfin tout lu…
TL ;DR : le dernier chapitre suffit :)
▻https://memoire.quaternum.net/3-un-systeme-modulaire/3-2-les-principes-d-un-nouveau-modele-de-publication
TL ;DR :
– Un système et non plus une chaine
– Interopérabilité + Modularité + Multiformité
– Un format de syntaxe légère (par ex Markdown)
– Un format de description pour les méta-données (par ex YAML)
– Un suivi de version de textes bruts (par ex Git)
– Des convertisseurs vers des formats connus de lecture (HTML, EPUB, etc)
– Un générateur de HTML/XML+styles vers PDF, pour l’instant PrinceXML avec recherche d’alternatives libres
– Chaque élément pouvant être remplacé facilement un jour par autre chose.
Lien avec le post sur WeasyPrint donc, alternative libre en Python à PrinceXML (mais qui n’est pas encore aussi avancé).
►https://seenthis.net/messages/734575
Et @tetue citée dans le texte et la bibliographie. :)
Que deux étoiles depuis trois mois, alors @maieul que ça peut intéresser, et qui d’autre… @hlc aussi, @jluc/@passerelle
#print #impression #publication #édition #web #HTML #CSS #EPUB #PrinceXML #WeasyPrint
Oui, on me l’avait signalé via je ne sais plus quel reseau (irc, je crois, notamment parce que je suis cité).
Il y a des choses encore à creuser. Par ex sur la bibliographie. Là il eécrit en dur <code>(Rouquette et al., 2012)</code>. Ca veut dire que le jour où il veut changer de formatage bibliographique (par ex, passer en note de bas de page avec référence complète), il l’a dans l’os.
Le problème, c’est que MD ne permet pas en soi la gestion de bibliographie. Au mieux on peut brancher sur du Zotero. Mais les styles Zotero sont limités en terme de gestion fine (il y a plein de style, mais toujours pour des cas simples). De même le modèle de bibliographie de Zotero est problématique car il n’a pas de système d’héritage.
Mais bon, à ce jour le plus complet c’est BibLaTeX. mais ca dépend de LaTeX, et donc pas du tout multiplateforme.
C’est pas forcément en dur non, puisque les méta-data sont proposées à être stockées dans des YAML (qui parfois peuvent être inclus en début du MD, parfois dans un fichier dédié). Exemple chez Getty dont il parle :
▻https://github.com/gettypubs/quire/blob/master/content/guide/citation-bibliographies.md
Après on peut dire qu’il manque tel ou tel truc quand on est hyper spécialisé, mais le format YAML permet des imbrications comme on veut, donc c’est pas un blocage pour décrire des choses compliquées. Et ensuite ya des shortcodes pour insérer dans le texte. Il y a donc bien une séparation entre la donnée, puis l’insertion, puis la présentation finale.
D’ailleurs lui-même pour ce mémoire, sa bibliographie est bien à part en fait, dans des fichiers bib :
▻https://gitlab.com/antoinentl/systeme-modulaire-de-publication/blob/master/_bibliographie/bibliographie.bib#L740
Et ensuite il insère pas en dur, où as tu vu ça ?
▻https://gitlab.com/antoinentl/systeme-modulaire-de-publication/blob/master/_memoire/3-un-systeme-modulaire/-3-2-les-principes-d-un-nouveau-modele-de-publication.md
{% cite rouquette_xelatex_2012 %}
my bad, je suis tombé sur un brouillon (mais qui ressemblait furieusement à la forme finale)
▻https://gitlab.com/antoinentl/systeme-modulaire-de-publication/blob/master/materiaux/partie-3/les-principes-d-un-systeme-modulaire-de-publication/index.md#L55
Le système que tu cite chez Getty n’est pas un vrai système de biblio (pas de séparation du formatage et de la structure de donnée). Mais apparement il y a trouvé une manière de brancher son MD sur du bibtex.
Après je dis pas que c’est impossible d’avoir des systèmes « complexe » (encore que pas tant que cela, juste fréquent dans certains domaines) de biblio avec MD mais que, en l’état cela n’existe pas.
De ce que je comprends, jamais il ne s’agira de faire de la biblio, complexe ou pas, avec MD. Ce dernier ne sert qu’à rédiger du texte. La biblio ce sont des méta-données complexes, donc YAML, Bib, ou autre. Et ensuite dans le MD on insère juste des shortcodes, comme des modèles SPIP quoi, pour afficher soit telle référence précise, soit la liste complète.
Du coup apparemment ça existe bien, puisqu’il a effectivement des shorcodes qui viennent insérer (avec le HTML qu’il décide) dans son MD des choses venant de son bib.
certes « avec markdown » était un raccourcis.
Et oui visiblement il est possible d’avoir des shortcut pour gérer de la biblio qui fait appel ensuite à un moteur de formatage de bibliographie. La question qui se pose est de savoir quelles possibilités sont offertes par ce moteur de formatage de bibliographie. Et, à ma connaissance, on ne fait pas aujourd’hui plus puissant aujoud’hui que le couple biblatex+biber pour ca.
Wer die Durchsetzung von Menschenrechten in Unternehmen tatsächlich...
▻https://diasp.eu/p/7749893
Wer die Durchsetzung von Menschenrechten in Unternehmen tatsächlich blockiert
#Menschenrechte #Arbeitnehmerrechte #ILO #UNO #EU #SPD #CDU #CSU #DGB
Informativer Beitrag: Vier Wochen vor der bayerischen Landtagswahl ...
▻https://diasp.eu/p/7721819
Informativer Beitrag: Vier Wochen vor der bayerischen Landtagswahl Warum die #CSU nervös sein muss ▻https://www.deutschlandfunk.de/vier-wochen-vor-der-bayerischen-landtagswahl-warum-die-csu.724.de.ht
Ah, une #CSS que je ne connaissais pas : appliquer une image de fond au texte lui-même. Je suis tombé dessus sur les nouvelles pages de chez Apple :
On voit que le paragraphe de texte a une texture orangée. Celle-ci est attribuée avec un très classique background :
background-image: url(https://seenthis.net/"/v/iphone-xs/a/images/overview/copy_texture_1_large.jpg");-webkit-background-clip: text;
color: transparent !important;transparent, de façon à laisser apparaître l’image de fond.D’après CanIUse :
▻https://caniuse.com/#search=background-clip
Firefox, Chrome and Safari support the unofficial -webkit-background-clip: text (only with prefix)
Du coup, c’est plutôt assez largement répandu.
Le hic, malheureusement, c’est que ça se dégrade particulièrement mal quand background-clip n’est pas interprété :
Un fallback CSS à coucher dehors:
▻http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html
body {
color: red;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent),
url(https://seenthis.net/path/to/bg/image) repeat;
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
}
Je viens d’uploader une mise à jour de mon #plugin #SPIP CSS imbriqués :
►https://zone.spip.org/trac/spip-zone/browser/_plugins_/css_imbriques
On peut désormais utiliser un pseudo-style -spip-text-background par exemple ainsi :
div {
color: orange;
-spip-text-background: url(https://seenthis.net/../imgs/test.jpg) 100% 100%;
}
Using #css Grid where appropriate (revisited)
▻https://hackernoon.com/using-css-grid-where-appropriate-revisited-53df7dbcec6a?source=rss----3a
This solution is a follow-up post on my last year’s article “Using CSS Grid where appropriate”. The goal is to find a solution for navigation with an unknown number of items.RECAPCreating navigation with CSS Grid is arguably not the best solution. However, if one wants to use CSS Grid, two options were suggested:Using grid-auto-flow: row; and placing each item in the grid, like this:.nav__item:nth-child(1) grid-area: 1 / 1 / 2 / 2;Defining a definite grid using keyword auto for setting width of the rows and columns:.nav display: grid; grid-auto-flow: row;@media screen and (min-width: 320px) .nav grid-template-columns: repeat(4, auto); grid-template-rows: repeat(2, auto); In both examples, we are defining a strict grid — a number of columns in a row are strictly (...)
#css-grid #software-development #design #css-grid-appropriate
Time-saving #CSS techniques to create #responsive #images
▻https://medium.freecodecamp.org/time-saving-css-techniques-to-create-responsive-images-ebb1e84f
To Recap
1) Use background-image if your image is not part of the page’s content.
2) Use object-fit if you don’t care about IE.
3) The padded container technique, used by Netflix, works everywhere.
4) In most cases, just add height: auto; in your CSS.
5) If you need fast load times, use srcset to load smaller images on mobile.
Le #plugin #SPIP « Image responsive » d’@arno utilise la méthode Netflix si je ne m’abuse.
A peu de chose près : les images ne sont pas en absolute, c’est le contenant <picture> qui a une hauteur à 0
►https://www.paris-beyrouth.org/Plugin-SPIP-Image-responsive
Peut-être ignorez-vous qu’il est possible d’ajouter plusieurs #ombres portées #CSS à un élément ?, par Pierre Bichet
Ceci en les séparant simplement par une virgule, de la manière suivante :
.ombres-multiples { box-shadow : 2px 2px 5px #ccc, 2px 2px 5px #eee } ;
En en ajoutant un certain nombre, on peut même donner un effet de relief à un texte, par exemple, comme dans le Pen ci-dessous.
#css #box-shadow: There Is Something in the Shadow
▻https://hackernoon.com/css-box-shadow-there-is-something-in-the-shadow-240fcafd12d4?source=rss-
The box-shadow property is used to add a shadow effect to an element.This is property is used quite often to give depth to elements on a website, so it is useful to fully understand it.The SyntaxThe syntax for the box-shadow property is the following:.box box-shadow: 5px 10px 5px 4px #666;Let’s translate this so you can understand what each of the values means:box-shadow: horizontal offset | vertical offset | blur radius | spread radius (optional) | colorValuesHorizontal offset — how far to the left or right will the shadow spread (if the value is positive it will spread to the right, if it is negative it will go to the left),Vertical offset — how far above or below the element will the shadow spread (if the value is positive it will spread to the bottom, if it is negative it will go to the (...)
Why #css Selectors are the most useful #selenium WebDriver locators?
▻https://hackernoon.com/why-css-selectors-are-the-most-useful-selenium-webdriver-locators-28082b
When Front end developers need to locate elements on a web page, they use CSS selectors! Why not for selenium webdriver automation?image created via carbon.now.shA wide variety of locators are being used in Selenium Web Driver automation. CSS selectors come last when you ask the question, “What are all the locators do you use frequently and why?”XPath tops the list as one size fits all solution. There is also a tendency to use XPath even when a proper id is available.Often, it is also lack of exposure to CSS selectors that drives them towards other options. People have mentioned that they are able to get the job done with other selectors. Fair enough, no harm was done.Why do you have to pay attention to CSS selectors?Answer this question. When you want to put a nail on the wall, will you (...)
UltraWide Screen - Browser #extension for Videos
▻https://hackernoon.com/ultrawide-screen-browser-extension-for-videos-e681c4602f3f?source=rss---
UltraWide Screen — Browser Extension for VideosDo you own an UltraWide screen? If so, the first thing that will start bothering you, will be the videos that you stream from the Web services!You will notice the black bars on the X axis edges. Some videos will even have both X and Y axis edges filled with blackness.It all depends on the aspect ratio of the video. Whether you play the video with 4:3 or 16:9 aspect ratio, it will not look good on 21:9 UltraWide aspect ratio screens. You can find some videos in 21:9 aspect ratio too, but it’s not that common.Maybe video streaming services should allow creators such feature, to upload different rendered outputs for different aspect ratios, but I guess that’d be too much work for the creators.If you take a look at the Chrome, Firefox, Opera, Edge (...)
Cross Platform Mobile Apps with .NET and Uno
▻https://hackernoon.com/cross-platform-mobile-apps-with-net-and-uno-dee2b024281d?source=rss----3
Exploring what could be the Universal Windows Platform at its finest.All code for this article can be found here.Whilst Microsoft’s mobile offering is well and truly dead, their push to provide platform agnostic solutions for developers is alive and well. #xamarin.Forms’ growth has accelerated since Microsoft purchased Xamarin back in 2016 and with .NET Core & .NET Standard providing a simple way to create libraries for all targets easily, C# is becoming a go-to language for creating quality software that scales.That being said, the ecosystem for mobile app development is also evolving and it’s not hard to get the idea that Xamarin.Forms may not be the go-to solution for mobile app development. Both iOS & Android have beloved languages for native applications in Swift and Kotlin (...)
What is the #CSS ‘ch’ Unit ?
▻https://meyerweb.com/eric/thoughts/2018/06/28/what-is-the-css-ch-unit
So in general, if you want an 80 #character column width and you’re going to use ch to size it, aim for about 60ch, unless you’re specifically working with a typeface that has a skinny zero.
#ch
Bootstrap Framework - Best Practises
▻https://hackernoon.com/bootstrap-framework-best-practises-b1d81c02d6cf?source=rss----3a8144eabf
Bootstrap Framework — Best PracticesCover imageAt the time of this writing, we’re at Bootstrap v4.1.1 release! In their v5 roadmap, they’re planning to rewrite everything with PostCSS. When that happens, this guide will become deprecated. Until then, enjoy!IntroductionAt this point, I believe that everyone has heard of Bootstrap framework. It’s most popular front-end #css framework after all. It has a couple of use cases and not everyone is using it in a proper way.Tag along and let’s visit their official website and discuss it together from there.On the official website, we can see two huge buttons that are popping out your eyes, right away.Two huge buttons from official Bootstrap websiteGet startedThis part is obviously for those who are new to this framework and simply want to learn how (...)
Four Semesters of Computer Science in Five Hours…Phew!
▻https://hackernoon.com/four-semesters-of-computer-science-in-five-hours-phew-53dd8779b79f?sourc
My blogs chronicle my experience as a technologist making my way into Silicon Valley. I am a queer person of color, gender non-conforming, immigrant, and ex-foster youth. I come from a non-traditional coding background. I studied a few CS courses in college and ended up majoring in the humanities before becoming a teacher. Teaching web development to under served teens turned me on to coding. After finishing at a coding school, I began working at start ups in San Francisco. Half of my blogs are about technical subjects and the other half are about equality and tech access (my journey).Chose another tutorial from Brian Holt this week. What I love about learning from Brian is that he understands self-learning, well because he admits to dropping out of college and being self-taught. He (...)
#javascript #algorithms #computer-science #interview-questions #cs-classes
Creating a Carousel Using Only Jade(Pug), #javascript, #jquery and #css
▻https://hackernoon.com/creating-a-carousel-using-only-jade-pug-javascript-jquery-and-css-b69576
STEP 1: Create divs inside of your page that will contain the carousel elements.gallery .gallery-main .gallery-main-image img(src=”/images/gallery3.jpg”) .gallery-filmstrip a(href=””) img(src=”/images/gallery1.jpg”) a(href=””) img(src=”/images/gallery2.jpg”) a(href=””) img(src=”/images/gallery3.jpg”) a(href=””) img(src=”/images/gallery4.jpg”) a(href=””) img(src=”/images/gallery5.jpg”)STEP 2: Set the styles for all of the elements inside of your carousel:The Displayed Image Gallery:The div around the display for the selected image/set styles for the wrapper around the image that will be displayed on click/.gallery background-color: black;.gallery > .gallery-main position: relative; height: 400px; overflow: hidden;The div that contains the div that (...)
Grid Garden - un jeu pour apprendre les #grid #CSS
▻http://cssgridgarden.com
Macron, le Médiocrate 13 juin 2018 - Anticons
►https://anticons.wordpress.com/2018/06/13/macron-le-mediocrate
Réformateur, pragmatique et efficace, il est “l’homme que nous attendions”, nous laissent entendre des responsables des grands médias. Intellectuellement, il fut très proche du philosophe Paul Ricoeur, nous rabâchent ses admirateurs. Dès 2014, Attali annonçait : « Macron sera président en 2017 » , « Nous avons élu un oiseau très rare ! » nous dit Kouchner. « Il a résisté pendant quelques secondes à la poignée de main Donald Trump » commente Christophe Barbier. « L’échange est ferme, viril mais correct, et hisse la France au niveau de l’Amérique » garantit l’éditocratie. « Macron c’est moi, en mieux » certifie Sarkozy. « Il est mi-Kennedy, mi-Alcibiade » écrit BHL toujours bien inspiré (Alcibiade fut condamné à l’exil et Kennedy mourut assassiné). Pour Alain Minc, « Macron, c’est Bonaparte Premier consul « . Alain Juppé « partage en grande partie » la vision d’Emmanuel Macron. Valéry Giscard d’Estaing « distribue des bons points » à Macron. Bref, cet échantillon de louanges dithyrambiques indique à quel point Emmanuel Macron est le modèle d’une très grande partie de la classe politico-médiatique. N’ayons pas peur des mots, Emmanuel Macron fait consensus auprès des oligarques.
« Je ne suis que l’émanation du goût du peuple français pour le romanesque »
« Aujourd’hui, je ne suis pas prêt à faire les concessions que m’impose le Parti socialiste, c’est-à-dire m’excuser d’être un jeune mâle blanc diplômé. En d’autres temps, c’était un avantage compétitif inouï. Un jeune mâle blanc inspecteur des finances, il y a soixante ans, était le maître du monde »
« Dans la politique française, cet absent est la figure du roi, dont je pense fondamentalement que le peuple français n’a pas voulu la mort »
« Je mise sur la révolution démocratique »
« Il faut des jeunes Français qui aient envie de devenir milliardaires »
« Il aurait fallu une Margaret Thatcher à la France »
« Fillon, c’est Thatcher dans les années 80, la France mérite mieux que ça »
« Je n’ai pas de leçons à recevoir. »
« Le meilleur moyen de se payer un costard, c’est de travailler »
« Le libéralisme c’est la loi du plus fort, l’esprit des réformes que nous proposons c’est tout l’inverse »
« Le libéralisme est une valeur de gauche »
« Je suis maoïste, […] un bon programme c’est ce qui marche »
« La politique c’est mystique »
« Quand t’es jeune, 35h c’est de la pipe »
« Travailler plus, sans être payé plus »
« Monsieur Trump » ou « l’Américain » : « N’oubliez jamais que si vous êtes une nation libre, c’est parce que des ambitieux sont partis de ces terres avec l’amour de la liberté, avec le même rêve, le rêve français, le rêve européen. Monsieur Trump, n’oubliez jamais ce que vous nous devez. La liberté, votre existence, c’est celle de Lafayette, c’est la nôtre »
« Avec Trump, nous contribuerons à la création d’un ordre mondial du 21e siècle pour le bien de nos concitoyens »
►https://www.youtube.com/watch?time_continue=1&v=DXcrghQfslU
« Il y a dans cette société (Gad), une majorité de femmes, il y en a qui sont pour beaucoup illettrées, pour beaucoup on leur explique : Vous n’avez plus d’avenir à Gad ou aux alentours. Allez travailler à 50 ou 60 km ! Ces gens-là n’ont pas le permis de conduire, on va leur dire quoi ? »
« Si j’étais chômeur, je n’attendrais pas tout de l’autre, j’essaierais de me battre d’abord »
« Mes prédécesseurs n’avaient absolument aucune idée pour l’Europe »
« J’ai une loyauté personnelle envers François Hollande. Je lui dois de m’avoir fait confiance et de m’avoir nommé au gouvernement. En même temps, lorsqu’un président nomme quelqu’un ministre, il le fait parce qu’il pense que c’est bon pour son pays, pas pour en faire son obligé »
« François Hollande, sa présidence bavarde et son “absence d’idée” sur l’Europe »
« Comme De Gaulle, je choisis le meilleur de la gauche, le meilleur de la droite et même le meilleur du centre »
« Je suis l’anti-système »
« J’ai condamné toujours la colonisation comme un acte de barbarie. […] La colonisation fait partie de l’histoire française. C’est un crime contre l’humanité. Ça fait partie de ce passé que nous devons regarder en face en présentant aussi nos excuses à l’égard de celles et ceux envers lesquels nous avons commis ces gestes »
« En même temps, il ne faut pas balayer tout ce passé et je ne regrette pas cela parce que – il y a une jolie formule qui vaut pour l’Algérie – la France a installé les droits de l’homme en Algérie, simplement elle a oublié de les lire. […] Tout en reconnaissant ce crime, je ne veux pas qu’on tombe dans la culture de la culpabilisation sur laquelle on ne construit rien »
« Une gare, c’est un lieu où on croise les gens qui réussissent et les gens qui ne sont rien, parce que c’est un lieu où on passe, un lieu que l’on partage »
Difficile, au milieu de tant d’inconséquence, de comprendre comment Macron a pu séduire autant de français. Le philosophe Alain Deneault montre qu’Emmanuel Macron, à l’instar de Justin Trudeau, premier ministre du Canada depuis novembre 2015, est devenu une figure charismatique uniquement parce que des médias complaisants lui attribuent plus de qualités qu’il n’en a réellement.
Une figure de proue de l’extrême centre…
Alain Deneault définit l’extrême centre comme un nouvel ordre politique qui s’efforce de liquider les notions de droite et de gauche. Cette nouvelle droite, puisque nous allons voir qu’il s’agit bien de cela, s’applique selon lui à garantir plus d’argent pour les multinationales, plus de dividendes versés aux actionnaires, plus de facilité d’accès aux paradis fiscaux, moins de services sociaux, et le démantèlement des droits des travailleurs.
« Emmanuel Macron, c’est Robin des bois à l’envers : il prend aux pauvres pour donner aux riches » a déclaré le journaliste François Ruffin. Et au vu du bilan de sa première année de présidence, il semble difficile de donner lui tort :
• Suppression de l’impôt sur la fortune (ISF) dès 2017
• Suppression de l’impôt pour freiner l’exil fiscal (exit tax) pour 2019
• Suppressions de 120 000 postes de fonctionnaires
• Gel du point d’indice et rétablissement du jour de carence pour les fonctionnaires
• Diminution des aides au logement
• Hausse de la CSG
• Stigmatisation des chômeurs
… pour ne retenir que quelques mesures.
►https://www.youtube.com/watch?time_continue=1&v=ZnWgYicjYAQ
L’extrême centre ne tolère pas d’opposition
Deneault explique clairement que l’#extrémisme ne s’évalue pas en fonction du curseur gauche-droite. L’extrémisme nous dit-il, est l’attitude qui consiste à être intolérant à ce qui n’est pas soi. Ainsi, l’extrême centre se présente arbitrairement comme étant “le” centre. L’extrême centre serait donc en somme l’équilibre, la voie médiane qui évite raisonnablement les deux extrêmes. Mais comprenons bien qu’il s’agit avant tout d’une posture. Or la question du positionnement faussement modéré ne date pas d’hier, et l’exemple le plus parlant est peut-être celui d’ #adolphe_thiers qui fut le fut le premier président de la République française (1871-1873), partisan libéral dans un premier temps d’une monarchie constitutionnelle. Adolphe Thiers est l’une des figures emblématiques de l’histoire du #Centre_Gauche, dont il est la représentation de la fausse modération. Honoré de Balzac s’inspirera de Thiers pour créé Eugène de Rastignac, un personnage qui est décrit par Balzac comme ambitieux et prêt à tout pour parvenir à ses fins. L’extrême centre au nom de la raison est violent, cruel, destructeur et aveugle nous enseigne Deneault. Partant de là, rappelons-nous qu’en novembre 1831 débutait à Lyon la première révolte des Canuts, ces ouvriers de l’industrie de la soie. Contre les insurgés, Thiers déclara : « il vaut mieux l’arme blanche que l’arme à feu » . Ce qu’il voulait, c’était éviter de lire dans la presse : « On tire sur le peuple » . Les canuts se soulèveront à nouveau en 1834. Cette nouvelle insurrection sera une fois encore réprimée dans le sang par le ministre de l’Intérieur de l’époque, Adolphe Thiers. La Commune de Paris est une autre période insurrectionnelle de l’histoire de Paris. Elle s’est développée à partir du 18 mars 1871 pour aboutir à la fameuse « Semaine sanglante » du 21 au 28 mai 1871. Le chef du pouvoir exécutif Adolphe Thiers, réfugié pour l’occasion à Versailles, lancera contre la capitale cinq corps d’armée. Le résultat sera terrible, avec plus de 20 000 victimes dont beaucoup de femmes et d’enfants. Et bien évidemment, pour Macron… Thiers a sauvé la République en 1871.
►https://blogs.mediapart.fr/jean-claude-meyer-du-18/blog/100518/thiers-sauve-la-republique-en-1871-selon-macron
Médiocratie : La marque de l’extrême centre
En politique selon Deneault, être médiocre signifie satisfaire une oligarchie. Aussi la médiocratie est incarnée par l’extrême centre, commente-t-il. Deneault insiste sur le fait que la « médiocrité” est en français le substantif désignant ce qui est moyen, tout comme supériorité et infériorité font état de ce qui supérieur et inférieur. Il n’y a pas de « moyenneté » . En conséquence la médiocrité désigne le stade moyen érigé au rang d’autorité.
Pour Deneault, la principale compétence d’un médiocre est de reconnaître un autre médiocre. Ensemble, ils organisent des réseaux afin d’établir un puissant système de collusions et de renvois d’ascenseurs. Dans un article précédent consacré à Emmanuel Macron, il nous était apparu important de faire la liste des groupes de pression et des réseaux très opaques du patronat qui gravitent autour de notre nouveau président.
Et comme il faut bien que l’extrême centre se distingue de la droite stricto sensu, la duperie va s’accomplir dans la bonne humeur. Étant entendu que c’est uniquement le maquillage qui distingue l’extrême centre de la droite à papa, la mystification repose par conséquent sur une #novlangue. La “théorie du ruissellement” selon laquelle “enrichir les riches profite à tout le monde” est contestée par le Gouvernement Édouard Philippe car trop droitière dans son apparence ? Qu’à cela ne tienne, le problème est contourné par Emmanuel Macron en personne, qui lui prône la théorie des « premiers de cordée » _. Mais comprenons bien que chez Macron, le premier de cordée n’est pas l’instituteur, ni même l’infirmière, l’ingénieur ou l’ambulancier. Les premiers dans le logiciel Macron sont les qui lui ont permis d’accéder au pouvoir.
Les médiocres sont au service d’instances transnationales
Si nous suivons Alain Deneault dans son raisonnement, nous sommes tous potentiellement des médiocres. Nous sommes donc susceptibles de régresser intellectuellement et moralement. De ce fait, la minorité possédante (oligarchie) qui nous domine et qui emploie Macron met tout en œuvre pour faire de nous des médiocres. Cet asservissement a pour but de nous imposer des protocoles qui insensiblement modifient les consciences, justifiant en cela un discours qui vante les bienfaits de la concurrence. En conséquence, il est facile de comprendre comment la dialectique peut devenir guerrière.
Souvenons-nous : a posteriori, nous avons eu la confirmation que l’explication humanitaire à la guerre de Libye n’était qu’un prétexte. Bis repetita au printemps de cette année : l’histoire se répète avec Macron en Syrie. Cette fois-ci l’acte qui déclenche les hostilités et une (présumée) attaque chimique à la Douma le 7 avril 2018. En quelques jours, ce qui n’était que supposé va devenir avéré dans les bouches du trio Emmanuel Macron, Theresa May et Donald Trump. Ce qui est remarquable, c’est qu’il y a peu de temps encore, la presse occidentale présentait ce dernier comme un adepte des théories du complot, tout en l’accusant d’être à la solde de la Russie, qui attendrait un retour sur investissement.
Rappelons donc qu’Emmanuel Macron vient de s’allier à deux États, en l’occurrence les États-Unis et la Grande Bretagne, qui dans un passé récent ont sciemment menti pour envahir l’Irak, et sur bien d’autres motifs de guerre. Qui sont donc ses “amis” ? La guerre d’Irak ou seconde guerre du Golfe commence officiellement le 20 mars 2003. A cette époque, Theresa May était Présidente du parti conservateur qui a toujours soutenu la guerre en Irak. Donald Trump lui, a promu (en mars 2018) le néoconservateur John Bolton au poste très influent de conseiller à la sécurité nationale. En bon néoconservateur, Bolton fut un farouche partisan de la guerre en Irak et du concept de guerre préventive. En 2002, il enterre le protocole de vérification de la convention sur les armes biologiques. En 2002 encore, il signe la lettre qui indique que les États-Unis renoncent à toute participation à la Cour pénale internationale (CPI). Puis Trump nomme Gina Haspel à la direction de la Central Intelligence Agency (CIA). Gina Haspel a été directement impliquée dans la pratique de la torture de détenus. Dans le Washington Post, John Kiriakou, ancien officier du contre-terrorisme de la CIA, explique qu’il est allé en prison pour avoir divulgué les tortures de la CIA. Gina Haspel a aidé à les dissimuler. En s’associant sans la moindre légitimité au duo Trump / May, Macron vient en notre nom à tous, de légitimer la quintessence du Monde selon Bush : torture, traitements cruels, séquestrations illégales, ingérences, guerres sous faux prétextes, (…). Cela nous ramène à la conclusion d’un dossier précédent, où il nous était apparu nécessaire de souligner qu’étape après étape, la pensée politico-médiatique dominante en France est devenue néoconservatrice.
Confus et nébuleux
« La grosse colère d’Emmanuel Macron face aux eurodéputés hostiles aux frappes en Syrie « , titra la presse sous l’influence des réseaux de l’OTAN, après que la question des preuves d’armes chimiques lors des attaques en Syrie ait été soulevée à l’Assemblée européenne. Une intervention “irresponsable, risquée et sans perspective politique”, indiquaient certains responsables politiques européens, qui notaient que Trump, May et Macron avaient agi sans preuves ni mandat de l’ONU.
Face aux eurodéputés hostiles aux frappes en Syrie, Macron s’improvisa défenseur de la veuve et de l’orphelin, et s’adressa à son opposition en ces termes : « Les mêmes, les mêmes qui à chaque fois s’indignent devant les images que nous avons vu, d’enfants, de femmes, morts d’attaques de chlore, les mêmes, restons-nous assis ? Défendons nous des droits en disant ‘les droits c’est pour nous, les principes c’est pour nous, la réalité c’est pour les autres ? Non, non ! » Le reste est tout aussi indigeste, mais surtout le Président Macron répond totalement à côté, car la seule chose qui lui fut demandée était tout simplement de fournir ses preuves. Par la suite la “médiocrasphère” viendra à la rescousse du nouveau boss : « Révisionnistes, dégueulasses, sont ceux qui réclament des preuves » , affirme #BHL qui sans vergogne recourt une fois encore au point Godwin (l’arme favorite des médiocres).
« Bonnet blanc, blanc bonnet »
Selon les critères définis par A. Deneault, il n’est pas vain d’établir une ressemblance entre le néo-conservatisme et l’extrême centre. Rappelons que le néo-conservatisme est une variante du conservatisme. Sa spécificité est de conserver les caractéristiques du conservatisme traditionnel qui promeut des valeurs établies issues de coutumes et de traditions. Ces règles (foncièrement opposées au progressisme) sont ainsi combinées à l’individualisme, que le #néo-conservateur qualifie de libre entreprise. Sur ce point, la convergence avec le président français est établie par Forbes le magazine d’affaires américain pour qui Macron est le leader des marchés libres.
Dès qu’ils ont eu accès à des postes de pouvoir et d’autorité, les néo-conservateurs ont approuvé la totalité des programmes anti-sociaux. Pour eux, seules les initiatives privées ont pour fonction de renforcer l’action sociale, via le financement d’organisations religieuses qui ont seules la vocation à s’occuper des pauvres et des marginaux. Autant dire que chez les #néocons l’aide sociale, qui repose en principe sur des actions d’insertion, de prévention et de secours, doit-être réduite à sa plus simple expression. La promotion de la #philanthropie est également le leitmotiv du programme économie sociale et solidaire de La République En Marche.
Dans leur logique, l’État est relégué au rang de simple auxiliaire des conglomérats de la finance, de l’énergie et de l’armement. Moins de ressources pour les classes populaires et plus de dividendes pour les groupes financiers constituent également la ligne économique et sociale de l’extrême centre comme nous l’avons vu précédemment. La seule différence est relative à sa forme. Le plus souvent les #néoconservateurs ont migré du trotskisme pour aller vers la droite. De Trotksy, les néocons ont conservé l’idée d’exportation de la révolution, qu’ils ont fait évoluer en ingérence américaine. En résumé, ils se revendiquent ouvertement à la fois pro-israéliens, anticommunistes et anti-New Deals. Ainsi pour les néocons, la réglementation en matières économiques et sociales est un échec. L’extrême centre quant à lui avance masqué. Ses objectifs profonds sont tout aussi cruels que ceux du néo-conservatisme. Mais Deneault nous signale que le médiocre de l’extrême centre est cool, jeune, nouveau, sympathique dans sa présentation. “Il faut penser printemps” prêche son illustre représentant Emmanuel Macron. Cela nous rappelle Michel Clouscard qui surnommait George Pompidou « l’oncle libéral débonnaire » .
Ne perdons pas de vue qu’avant de cautionner la politique pro-Arabie Saoudite, pro-Israël, et anti-Iran que mène Donald Trump, les poids lourds du néoconservatisme, déjà membres influents du parti républicain, avaient jeté leur dévolu sur la candidate Hillary Clinton qui reste par ailleurs une référence de l’extrême centre.
Ainsi nous comprenons pourquoi, vis à vis des crimes de guerre israéliens, l’extrême centre se situe toujours dans un semblant de consensus. Le plus souvent cela débouche sur des formules expéditives. Par exemple Macron appelle Netanyahou au « dialogue » avec les Palestiniens. Sans mentionner Israël, Trudeau a condamné « l’emploi présumé d’une force excessive et de munitions réelles » qu’il juge « inexcusable » . Mais ces annonces laconiques ne débouchent jamais sur aucune action concrète, et leurs contenus sont invariablement ponctués par des « Israël est une grande démocratie » , ou encore « A Paris, Macron joue la proximité avec le premier ministre israélien » .
Le discours paradoxal
Le médiocrate de l’extrême centre peut apparaître déroutant pour son auditoire, tant ses contradictions sont nombreuses. Ainsi pour battre Donald Trump, Hillary Clinton se revendiquait féministe et engagée pour les droits des femmes, alors même que parmi les donateurs de la fondation Clinton, nous retrouvons l’Arabie Saoudite, pays qui condamne les femmes adultères à la mort par lapidation.
Dans le même style, le gouvernement Macron prétend vouloir déconstruire la désinformation et les théories conspirationnistes. Et simultanément la famille Macron entretient une relation fusionnelle avec #philippe_de_villiers qui est pourtant l’archétype du porte-parole au style paranoïaque selon les critères définis par l’historien américain Richard Hofstadter, lorsqu’il établit le portrait robot du théoricien de la conspiration à partir de postulats caractéristiques. Ces postulats nous les retrouvons dans les livres de Philippe De Villiers. Pour lui :
1. La conspiration dure depuis plusieurs décennies
2. Il y a allégeance à une puissance étrangère (le monde arabe)
3. La France sacrifie ses valeurs
4. Les arabes imposent leur langue et leur religion
5. L’alliance France-monde arabe s’appuie sur une politique commune hostile à la chrétienté
6. Il y a complicité des instances dirigeantes française
7. Il y a complicité des médias
8. L’idéologie islamique imprègne les institutions scolaires et universitaires.
►https://www.youtube.com/watch?v=P4U3wBAcMSg
Pour la petite histoire, vous noterez aussi que d’un côté règne l’harmonie parfaite avec Philippe de Villiers, “tête de gondole du pôle vieille France” qui se revendique 100 % souverainiste, tandis que d’un autre côté Macron entretient des relations étroites avec Daniel Cohn-Bendit et Romain Goupil, deux figures du libéralisme libertaire qui se proclament foncièrement européistes. S’il y a autant de contradictions en médiocratie, c’est tout bonnement parce que l’extrême centre est avant tout la sphère des faire-valoir et des faux-semblants. C’est ainsi que Nicolas Hulot a été nommé ministre de la Transition écologique et solidaire par Emmanuel Macron, alors que ce dernier multiplie les camouflets à l’encontre de son ministre et souhaite même rétablir les chasses présidentielles ?… Il va de soi que cet héritage de la monarchie se pratique uniquement entre pairs.
►https://www.francetvinfo.fr/culture/cinema/festival-de-cannes/video-quand-emmanuel-macron-fait-une-apparition-dans-le-film-de-daniel-
Conclusion : un “Président des riches » _
Il n’est ni Machiavel, ni Alcibiade, ni Kennedy, ni Bonaparte. Plus modestement il est le représentant d’une droite qui n’a jamais cessé de modifier son apparence. Son objectif ? Déconstruire méthodiquement le modèle social français. Ses arguments, une fois l’emballage retiré, sont ceux qu’utilisent les différentes droites depuis des lustres : « nous sommes soumis à la concurrence internationale » , « le nombre des fonctionnaires doit-être réduit » , « il faut impérativement contrôler les chômeurs », « les cheminots sont des privilégiés » , « nous devons insuffler un élan méritocratie » et enfin « baissons massivement les impôts des plus riches afin que la théorie du ruissellement opère » .
Il est clair que pour des raisons de convergence d’intérêts, les milliardaires qui possèdent la presse ont pour la plupart soutenu la candidature de notre nouveau président, qui dispose désormais de la quasi-totalité des moyens de communication pour promouvoir sa politique. Ce constat nous renvoie à la question centrale : Pourquoi les médiocres de l’extrême centre dépensent-ils autant d’énergie pour se déguiser ? Ne serait-il pas plus simple de déclarer : “Nous sommes avant tout au service d’une classe sociale communément appelée élite qui, puisqu’elle est élite, doit naturellement dominer” ?
Selon toute vraisemblance la réponse à ces interrogations réside dans le fait que si les médiocres et en particulier Macron, nous imposent ce jeu de dupe, c’est parce que s’ils “mettaient carte sur table”, l’oligarchie qui les emploie n’aurait pas la moindre chance de conserver ses privilèges. Rappelons nous que la médiocratie est le monde des collusions et de la corruption. De ce fait, les médiocres trahissent une idée qui comporte trois mots : “Liberté, Égalité, Fraternité”. Cette devise est en fait l’ADN de la société républicaine. Fortement influencée par Du Contrat social de Rousseau, elle postule que les hommes naissent et demeurent libres et égaux en droits. Ainsi nous comprenons aisément pourquoi cet axiome qui est l’un des fondements de la morale moderne est incompatible avec l’affairisme, les réseaux, et le renvoi d’ascenseur que favorisent les médiocres de l’extrême centre
►https://www.youtube.com/watch?v=oXsFb6iCDZU
Même si le peuple est tour à tour désabusé, désillusionné, perverti ou complice, les principes républicains sont implantés dans sa conscience par l’entremise de l’éducation. Spontanément, le tout-un-chacun juge le monde en vertu de cette maxime « Liberté, Egalité, Fraternité » , que l’on retrouve déjà en gestation dans la littérature antique. L’universalité des valeurs républicaines a supplanté depuis longtemps la morale élitiste du droit divin. Le premier médiocrate à avoir pleinement intégré cette donnée s’appelait Adolphe Thiers. Royaliste à ses débuts, il évoluera vers un projet aux allures républicaines, ce qui lui permettra de combiner ses ambitions personnelles à une stratégie globale qui, sous couvert de libéralisme, garantira à une caste sociale la primauté sur la majorité. Depuis lors, la contre-révolution (représentée par les médiocrates) réinvente à intervalle régulier sa rhétorique pour continuer de faire illusion.
Emmanuel Macron est la nouvelle égérie de la lignée médiocrate. La résurgence de son archaïsme ne laisse planer aucun doute sur ses véritables aspirations (de #Rothschild, de Villiers, Versailles, Chambord… ). Cependant, intuitivement, la plupart des français ont désormais compris à qui ils avaient affaire : Selon le sondage du mois de mai 2018 Odoxa-Dentsu Consulting, les trois quarts des français (72%) perçoivent Emmanuel Macron comme un « président des riches » .
#oligarques #alain_deneault #droite #gauche #centre #extrême_centre #canada #médiocratie #gouvernance #éditocratie #ISF #exit_tax #APL #CSG #chômeurs #milton_friedman #Social #Naomie Klein #citations
#emmanuel_macron #guerre_aux_pauvres #macron #enmarcheverslefn #france #gouvernement_macron #réformes_antisociales
Don’t Use My Grid System (or any others)
▻https://noti.st/mirisuzanne/DDJo3H
J’ai besoin d’aide avec des #CSS. J’essaie de reproduire la présentation ultra-alignée d’images carrées telle qu’on la trouve dans Photos sur l’iPhone. L’idée étant d’avoir des vignettes carrées dont la taille n’est pas totalement fixe, et si possible sans s’embêter avec les media queries usuelles selon la taille de l’écran (genre une case de largeur 25% quand on est entre 600 et 720 pixels…).
L’idée c’est que j’arrive à faire ça très bien avec une flex box :
Mais le hic, c’est la dernière ligne. Les deux premières lignes, ça fonctionne magnifiquement, les dimensions des vignettes carrées sont très bien gérées quelle que soit la largeur d’affichage, le nombre de vignettes par ligne se calcule tout seul avec « flexibilité », l’alignement est parfait. Bref le bonheur.
Mes CSS pour l’instant :
ul.carres_oeuvres {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-right: 1px;
}
ul.carres_oeuvres li {
margin-top: 1px;
margin-left: 1px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 150px;
}Sauf comme tu vois, la dernière ligne, qui occupe toute la largeur mais ne s’aligne pas.
Je voudrais obtenir ceci :
Et j’ai pas trouvé comment…
D’après ce que je vois, il ne faut pas passer par flex mais par grid, qui gère le multiligne.
Grid est un peu moins bien supporté (de 10% je crois) cependant au niveau navigateur
J’ai trouvé !
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* (2) */
grid-gap: 1px;C’est la valeur grid-template-columns qui gère le truc…
@kent1 : yep…
Du coup, dans la même CSS, je mets d’abord le display: flex, et en seconde ligne le display:grid, normalement ça fera un fallback qui va bien pour ces 10%.
Et il faudra ajouter un fallback pour ceux qui ne comprennent ni grid ni flex. Un float:left sans doute, à condition que ça me bouffe pas mes dimensions de grilles…
Sinon, je pensais qu’avec Flex, ça y est, on avait atteint le pire des CSS : celles où il faut avoir le mémento à chaque fois qu’on veut faire le moindre truc.
Avec grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));, je pense que grid emporte le pompon du CSS imbitable impossible à mémoriser.
Salut,
c’est un petit bug de flexbox, on peut le contourner en utilisant ::after sur le dernier éléments de la grille.
&::after { // Fix last item align in flexbox
content : ’’ ;
flex : auto ;
}
What Are :before and :after Pseudo #elements?
▻https://hackernoon.com/what-are-before-and-after-pseudo-elements-fabb2c6eee3?source=rss----3a81
The #css :before and :after properties are what also known as pseudo elements. They are used to add something before or after the content of an element. There are a lot of great uses for these pseudo elements, so let’s explore some of them.The SyntaxIf you have an element like this one:<h2>welcome to our website</h2>You can add a pseudo element before it using CSS, like this:h2:before content: “Hello“; color : blue;The result will be:This is a quite simple principle. You are adding content before or after a certain element. It can be extremely helpful when adding icons, clearing floats, and in many other cases.The content property of the pseudo element can be left empty with empty quotes like this content: “”. This way you can treat the pseudo element like a box with no content. If (...)
Outil de grille écrit en css pur utilise calc, utilisant flexbox, en extra support ie11/10
ultra léger, regarder le code pour rire
idée a intégrer dans une dist
Flexy - CSS Framework
▻https://vladocar.github.io/flexy
Content Security Policy CSP Reference & Examples
▻https://content-security-policy.com
Site de référence pour les HTTP Headers « Content Security Policy » (CSP)
Voir aussi :
– des explications plus complètes : ▻https://www.html5rocks.com/en/tutorials/security/content-security-policy
– un outil de test : ▻https://observatory.mozilla.org
– un autre outil de test (permet de choisir la version de CSP) : ▻https://csp-evaluator.withgoogle.com
– un exemple commenté : ▻https://hacks.mozilla.org/2016/02/implementing-content-security-policy
Déja sur seenthis :
– ▻https://seenthis.net/messages/522624#message523937
– ►https://seenthis.net/messages/523919
What is #silverlight ?
▻https://hackernoon.com/what-is-silverlight-24df8b1acbb6?source=rss----3a8144eabfe3---4
credit: ▻http://www.tested.com/tech/web/3143-rumor-silverlight-5-to-be-the-final-version-of-microsofts-plug-in/Recently, I was learning about Silverlight for a project. Here is what I’m keeping for future reference:Silverlight 5A #microsoft platform for developing and deploying Rich internet applications. Right now, it’s a depreceated technology. Runs as a browser plugin. Supports .NET languages like C# and VB.NET, IronPython and IronRuby using DLR (Dynamic Language Runtime).Installation:There’re 3 options:Install silverlight using WPIInstall Expression blend for designing purposesInstall XNA Game studio for working with 3DWe also need to install the Silverlight SDK.Creating a Silverlight projectCreate a new project in VS under C# -> SilverlightMake sure to check Host the Silverlight (...)