Ce mouvement, WTF ! (o_Ô)
Une vidéo illustrant les étapes en 60 sec.
Attention, cet article risque de vous faire mal aux yeux! Il va montrer le décalage existant entre les projets immobiliers et… la réalité. Il faut parfois faire un effort d’imagination…
Via je ne sais plus qui. Il faut vraiment que je parvienne à noter le shaarliste d'une river quand je repost.
Avant toute chose, SMACSS n'est pas un framework CSS, c'est un ensemble de pratiques CSS/SCSS permettant d'écrire des feuilles de styles clean code.
Rien que sur les deux premières pages, j'y ai choppé des astuces.
@Lenny @Doudou @Chlouchloutte, c'est pour vous !
Edit :
Pour faire gagner du temps à tout le monde, je tente ici d'établir un résumé des concepts.
1. Les CSS se divisent en 5 catégories :
-
Base : ce sont les CSS des éléments HTML. Typiquement, le body, le html, la couleur par défaut des liens, des inputs. Bref, les balises HTML, sans classes ni ID.
-
Layout : votre page se découpe en général par grands blocs (d'ailleurs presque toujours les mêmes lorsque l'on respecte les canons du milieu). En général, ils portent un ID, se trouvent directement dans le
<body>
et vous y trouverez les sectionsheader
,footer
,content
,side-content
,article
,side-bar
... -
Module : il s'agit de la même chose que les Layouts, à la différence qu'ils se trouvent soit dans un Layout, soit dans un Module eux-mêmes. Ils sont conçus pour être auto-porteurs et nous pouvons les comparer aux JPanels de Swing (ça me fait mal d'écrire ça). En général, ils ne sont pas forcément unique, ne portent pas d'ID, et leurs contenus sont skinés via une classe héritée, typiquement :
.mon-module span {...}
.mon-module a {...}
- **State :** ce sont les CSS qui vont changer l'interface en fonction des actions de l’utilisateur. Ils sont forcément liés à du JS de part leur aspect dynamique. Par exemple, vous cliquez sur un bouton et une zone passe de _is-visible_ à _is-hidden_. En général, ils commencent par `is-...` ou `has-...` et ne sont constitués que de classes.
- **Theme :** il s'agit de tout ce qui touche à l'apparence mais pas l'orientation et la forme cf. (modules) ni la structure de la page (cf. layouts). Ils comprennent donc les couleurs (texte & background), l'épaisseur des traits et bordures, la police de caractères, les images de fond, les logos, etc.
### 2. L'usage de SCSS ou SASS
Pour thématiser des CSS, il faut les variabiliser et pour ce faire nous avons deux outils :
- SASS (et sa variante que je lui préfère SCSS car plus proche de CSS pour les néophytes).
- Les variables CSS.
À cela s'ajoute un autre point, il faut générer plusieurs fichiers CSS (un principale contenant les 4 premières catégories de CSS, et un par thème afin de pouvoir changer dynamiquement de thème pendant l'exécution).
### 3. Les bonnes pratiques
J'en utilisais déjà pas mal sans y avoir forcément réfléchi, mais de façon formelle :
- Limiter la profondeur d'imbrication des balises HTML quand vous le pouvez.
- Limiter la profondeur d'imbrication des CSS (mieux vaut préférer l'imbriquation du HTML à l'imbriquation des CSS).
- Utiliser le moins d'ID possible puisqu'ils sont spécifiques à votre PWA et rendront difficile le portage de votre design vers une autre PWA.
- Changer de thème ne consiste pas à modifier toutes les balises HTML, non. Il faut supprimer du DOM le CSS contenant le fichier de l'ancien thème pour y ajouter un `<link>` vers celui du nouveau thème.
- Si vous n'utilisez pas des polices comme Fontisto ou Fontawesome, utilisez des sprites CSS avec des images, vous aurez moins de requêtes HTTP et moins de data à transférer.
- Éviter de faire du balisage HTML spécifique à votre contenu.
Comment LIGO le satellite LIGO a-t-il fait pour détecter la présence d'ondes gravitationnelles (et donc démontrer l'existence des ondes de Hawking) ? Une petite animation l'explique très bien. Astucieux et ingénieux.
@Chlouchloutte m'a faite découvrir ce diagramme il y a quelques minutes.
J'avoue que je ne sais pas trop quoi en penser dans le sens où il m'apparaît comme très procédurale. Typiquement en OOP (Object Oriented Programming), nous avons une encapsulation des données et les traitements qui s'appliqueront sur elles au sein d'une même classe. Or, le découpage en couche implique une séparation des données dans des structures et l'application d'une logique applicative, répartie en couche. Les structures / entités traversant toutes les couches.
Ce n'est pas objet pour un sou. Et ce sera même quasiment impossible de coder proprement en objet avec de telles architectures puisque chaque couche insistera pour séparer les entités des traitements. De facto, nous nous retrouverons avec une armada de développeurs arguant que l'objet "sainul" puisqu'ils ne pourront tout simplement jamais exprimer facilement en objet. Ainsi, les classes issues de l'OOP se résumeront à être de simple modules (au sens Functional-Programming du terme, c'est-à-dire un namespace de fonctions) et les instances ne seront plus que des singletons, qu'ils soient gérés manuellement ou via Spring.
Pour faire de l'objet, il faut que votre architecture soit orientée objet (je simplifie). Pour coder en fonctionnel, il faut que vos données soit accessibles dans des monades (je simplifie aussi). Pour tirer le meilleur des deux mondes, il vous suffit d'avoir une architecture orientée objet, des algorithmes codés via une approche fonctionnelle. Mais visiblement, mes contemporains préfèrent une lutte de religion radicale que de découvrir les avantages de l'autre camp.
@Chlouchloutte j'aurai quand même besoin de te reposer des questions.
Grâce au contrôle des pensées, à la terreur constamment martelée pour maintenir l'individu dans un état de soumission voulu, nous sommes aujourd'hui entrés dans la plus parfaite des dictatures, une dictature qui aurait les apparences de la démocratie, une prison sans murs dont les prisonniers ne songeraient pas à s'évader, dont ils ne songeraient même pas à renverser les tyrans. Système d'esclavage où, grâce à la consommation et au divertissement, les esclaves auraient l'amour de leur servitude.
Le Meilleur des Mondes, Aldous Huxley
Beaucoup citent Georges Orwell et son roman 1984 pour décrire la dictature, mais je fais partie de ceux qui pensent que c'est Huxley qui a le mieux identifié la trajectoire dystopique que nos sociétés empruntent.
Pour ceux qui n'ont pas lu "Le Meilleur des Mondes", sachez que l'idée principale de l'asservissement des peuples réside dans une société d'abondance, où le développement technologique est roi et dont l'attrait qu'il dégage auprès de tous permet aux gouvernements d'organiser une surveillance de masse et un contrôle des pensées, sans révolte ni censure, puisque celles-ci sont volontaires.
Il ne faudrait pas avoir "des idées has been" même si cela nous empêche construire un monde meilleur, il ne faudrait pas "être politiquement incorrect" même si cela nous empêche de penser efficacement nos problèmes et d'échanger à leur sujet, il ne faudrait pas "louper le dernier iBidule trop chic" même si nous y perdons toute vie privée. C'est de cette façon que s'articule la pensée des citoyens du Meilleur des Mondes.
Le génie d'Huxley, c'est d'avoir compris l'âme humaine, d'avoir compris ce qui nous attire éperdument alors que ces mêmes choses peuvent nous nuire. C'est d'avoir compris avant tout le monde que les organes de contrôle d'un oppresseur profiteront bien plus de nous en s'appuyant sur cette nature, qu'en nous harnachant avec des lois rigides, une armée de maintien omniprésente et une organisation inhumaine.
Bordel 15 ans !!!
Il aura fallu quinze années pour qu'une étude de grande ampleur, issue d'une Université reconnue, puisse voir le jour sur ce sujet et contredise enfin la version officielle.
Les jeux vidéos ne rendent pas violents, par contre l'éducation que nous prodiguons à nos enfants les rend violents, le monde cruel que nous organisation tel qu'il est les rend violents, notre inaction politique, économique, sociale et légale les rend violents, mais pas les jeux vidéos puisque le concept que nous percevons est logé dans le nom depuis le début, il s'agit d'un jeu, pas de la réalité. Même nos enfants font la différence.
Mais accuser un produit de consommation plutôt que de remettre en question ses propres défaillances de parent et d'être humain adulte, cela doit être plus facile.
Les célibataires me remercieront plus tard.
Je résume :
Quand vous montez un partage Samba (SMB) sous Linux depuis les explorateurs de fichiers Nemo ou Nautilus, les points de montage sont gérés par GVFS (Gnome Virtual File System) et se trouvent dans :
/run/user/<votre UID>/gvfs/
Ce qui vous permettra de les explorer via la ligne de commande et dans mon cas, d'effectuer du renommage de séries à la volée via une commande / un script.
Mon dieu... C'est tellement vrai ! :D
L'économie actuelle capitaliste, celle qui nous place durement en concurrence permanente, s'appuie insidieusement sur la rareté de l'argent.
Je m'explique, l'argent est un outil international permettant de convertir des patates en poulets, et des poulets en coupes de cheveux. L'argent permet aux êtres humains de s'échanger des biens ou des services contre d'autres biens ou d'autres services qui n'ont aucun rapport entre-eux.
Maintenant, le système monétaire actuel appelé "l'argent-dette" a plusieurs conséquences sur notre société :
-
La quantité d'argent mise en circulation est toujours inférieure aux besoins de la société, ce faisant les hommes sont de facto en compétition pour en récupérer afin de se nourrir.
-
La monnaie a été privatisée, les banques en contrôlent l'émission et la destruction via les crédits, ainsi elles peuvent créer artificiellement des zones économiques riches ou pauvres pour ensuite spéculer à la hausse ou à la baisse en fonction de leur stratégie d’investissement / création monétaire. Cette capacité les rend plus puissantes que les états leur ayant cédé leur pouvoir régalien de battre la monnaie. #France #TouteLaZoneUE #TFUEarticle123
-
La monnaie est créée pour financer les investissements au moment du crédit, mais jamais la monnaie correspondante aux intérêts à payer ne sera créée par le système bancaire. Ajoutons à cela que la monnaie est détruite à chaque mensualité remboursée par l'emprunteur. En conséquence, la monnaie devient une denrée de plus en plus rare, générations après générations, ce qui octroie à ceux qui la contrôle tout pouvoir sur ceux qui en dépendent. D'où la faiblesse des états face au système financier mondiale.
-
Le système de crédit ne peut fonctionner que si chaque génération contracte des prêts plus longs à des taux plus forts que la génération qui la précède. Bloquer la croissance monétaire par le crédit comme c'est le cas aujourd'hui (durées plafonnées à 25 ans, taux directeurs à zéro pour les particuliers, taux directeurs négatifs pour les professionnels), empêche toute croissance économique même si un pays regorge de ressources, de mains d’œuvre, de compétences et d'idées.Cela oblige l'état victime de cette Pyramide de Ponzi transgénérationnelle à s'endetter toujours plus et augmenter l'impôt sur le revenu pour rembourser les intérêts de la dette toujours plus grands. #France
La main qui donne est au-dessus de celle qui reçoit.
Napoléon Bonaparte
Bref, dans ce contexte, les investisseurs-actionnaires d'Activision-Blizzard étant parfaitement au courant de la cruauté engendrée par la monnaie et le système financier qui la contrôle, s'assurent avec la même cruauté de leur survie et du maintient de la place qu'ils occupent dans ce même système.
Au même titre qu'on ne peut en vouloir au rapace qui traque et chasse des rongeurs sans défense, car c'est sa seule manière de survivre et de protéger sa propre descendance, les rapaces actionnaires d'Activision-Blizzard font de même. #MoraleDEsclave #Nietzsche
Le problème ne réside pas dans les joueurs qui gagent en respectant les règles du jeu, ce sont les règles du jeu qui sont dégueulasses, pourries, amorales, délirantes, débiles et dangereuses pour l'humanité et qui constituent le fond du problème. Si vous souhaitez vous offusquer de quelque chose, sortez de l'UE, récupérez la création monétaire et permettez à tous d'arrêter de jouer à cette partie de merde rendue obligatoire.
RaspberryPI coréen. 4+2 cœurs 1,8-1,9GHz, 2-4Go RAM, 40Pin, 4USB, HDMI, 190g, 63$-79$, un monstre...
Ce qui signifie que pour 165 €, vous avez un mini-PC complet (de la taille d'un téléphone mais deux fois plus épais), une coque de protection, une clef USB (128 Go, classe 30, c-à-d 50€ sur les 165€) et frais de port inclus, dégageant la même puissance que les PC milieu de gamme tournant sous Windows, pendant la période 2012-2014.
Bref, si vous avez une petite bourse, des besoins en bureautique (documents, emails, internet) et multimédia simples (photos, vidéos, musiques, jeux en flash), cette solution pourrait tout à fait vous convenir.
Je le redis, je ne suis pas prête de changer d'avis sur la police. Les agents ont raison, les mecs étaient à tous les coups de vilains terroristes et les civils témoins de la scène des troubleurs de fêtes, de vulgaires badauds juste bon à balancer des trucs sur Twitter.
Non, je ne change pas mon avis sur la police, et puis c'est sûr et certain que le fait qu'aucun policier n'ait eu de problème (suite à leurs actions violentes durant les manifestations des Gilets Jaunes) ne leur a pas conféré un sentiment de toute puissance et d’impunité totale, non ne généralisons pas... 😠
À cause de toutes les BD sur CommitStrip j'ai développé une forme d'affection "nerdique" pour Curiosity, alors cette autre BD m'a remontée le moral après avoir appris que le petit bonhomme avait cessé de fonctionner.
Edit : pour ceux qui ne souhaitent pas jouer au jeu mais seulement découvrir son histoire en vidéo, quelqu'un s'est amusé ici à faire un montage retraçant toute l'histoire en y juxtaposant dans le bon ordre les scènes filmées et les QTE.
Ceux qui me connaissent savent que je n'aime pas jouer à des jeux vidéos leur bande musicale activée - j'ai des goûts très difficiles à satisfaire dans ce domaine et les musiques m'énervent plus qu'elles ne me font apprécier le jeu, donc la plupart du temps je les coupe.
Mais je dois dire que celles présentes dans Asura's Wrath sont particulièrement bien écrites et confèrent une sorte de magie aux scènes dantesquissimes. Oui dantesquissimes, parce que si vous aviez trouvé que le gigantesque Chronos dans God Of War III était impressionnant, puisqu'il faisait la taille d'une montage, il faut savoir que Wyzen fait la taille de la Terre et tente d'écraser le continent sur lequel vous vous trouvez avec son doigt.
Bref, je me link cette BO et précisément cette version de Furueru kokoro au piano.
Memberberries time :
Je repense à toi @Animal qui est limite autiste avec les zics... Je veux dire qu'avec Hadrien, tu as bien du nous faire écouter - en boucle - le même album de Air, 10000Hz Legend, toutes les semaines, chaque fois que nous allions chez toi, pendant au moins dix ans je dirai. D'ailleurs à chaque fois que j'appelle Hadrien, c'est le petit running-gag qu'on se ressort mutuellement tellement ça nous avait marqué.
J'étais tombée sur ce post il y des années sur Redit, je suis trop contente de l'avoir retrouvé sur 9gag. La partie woman-shit-storm ne m'intéresse pas du tout ici, c'est l'origine de la construction des mots qui est fabuleuse.
Si seulement le monsieur avait un site web où il parlait de tout ça !
Et pourtant tout le monde l'a eu...
Chaque travailleur possède une manière qui lui est propre de gérer son temps. Cette manière de gérer votre temps entre votre travail et en dehors, influe sur votre vie de manière positive ou négative et détermine votre niveau de bien-être. Alors, quel type de travailleur êtes-vous ? Dans son article, Charlotte Cowles, conseiller financier du magazine The Cut, nous présente quelques aspects de comment votre type de travail ou la relation que vous faites entre votre temps et largent...
Je fais partie des piégés visiblement 😩.