sasstools/sass-lint : Pure Node.js Sass linting
▻https://github.com/sasstools/sass-lint
Un « linter » SASS/SCSS qui semble efficace et complet (fonctionne en gulp + webpack)
L’extension VScodium : ▻https://marketplace.visualstudio.com/items?itemName=glen-84.sass-lint
Vu à la fête du fromage à #Sassenage (dans les environs de #Grenoble), où ils ont organisé une pêche à la ligne :
La pêche se faisait dans le bac de droite pour les #garçons et de gauche pour les #filles... évidemment, car les #jouets ont un #sexe !
La fête :
▻http://www.sassenage.fr/content/25%C3%A8me-f%C3%AAte-du-fromage
#genre #enfants #enfance
#Sass Guidelines
▻https://sass-guidelin.es/fr
Sass est un préprocesseur parmi d’autres. Son concurrent le plus sérieux est Less, un préprocesseur basé sur Node.js qui est devenu assez populaire grâce à Bootstrap qui l’utilise (jusqu’à la version 4). Il y a également Stylus, un préprocesseur très permissif et flexible toutefois plus complexe à utiliser et à la communauté plus petite.
Pourquoi choisir Sass plutôt qu’un autre préprocesseur ? Cette question peut toujours se poser aujourd’hui. Il n’y a pas si longtemps, l’argumentation aurait porté sur l’avantage de Sass dans les projets basés sur Ruby. Aujourd’hui que LibSass est synchronisé avec Ruby Sass, ce sont les performances de Sass qu’on pourrait mettre en avant.
Ce que j’aime avec Sass c’est son approche conservatrice de CSS. La conception de Sass est basée sur quelques principes forts : pour l’essentiel, elle découle de la conviction de ses concepteurs que (a) l’ajout de nouvelles fonctionnalités a un coût lié à leur complexité qui doit être justifié par leur utilité réelle et (b) on doit pouvoir comprendre facilement ce que fait un bloc de styles en regardant ce seul bloc. De plus, Sass est beaucoup plus attentif aux détails que les autres préprocesseurs. De ce que je peux constater, ses concepteurs sont extrêmement soucieux de supporter tous les cas d’usage de CSS même les plus borderlines, et d’assurer la cohérence globale. En d’autres termes, Sass est un logiciel créé pour résoudre de vrais problèmes, qui aide les développeurs en ajoutant des fonctionnalités utiles à CSS lorsque celui-ci se révèle insatisfaisant.
A quand des mines de cobalt en Belledonne ?
Vous êtes pour les véhicules électriques, les éoliennes, la dématérialisation, les médias numériques ou les panneaux solaires ? Mais êtes-vous pour l’ouverture de mines de cobalt en Belledonne ? à propos de la prise en charge des saloperies générées par l’extraction des métaux rares indispensables aux nouvelles technologies vendues comme « vertes », ça fait longtemps que l’Isère, la France, l’Occident ne font pas « leur part ». A quand un peu de cohérence ?
Lire la suite sur :
▻https://www.lepostillon.org/A-quand-des-mines-de-cobalt-en-Belledonne.html
Une proposition intéressante : quelle serait la réaction d’un ingénieur grenoblois à l’annonce de l’ouverture, à côté de sa résidence sur les balcons de Belledonne ou de Chartreuse, d’une mine d’un métal nécessaire à son boulot et aux batteries du vélo-moteur (dit VAE) qu’il utilise pour remonter chez lui ? Accepterait-il les nuisances générées, les poussières toxiques, les rivières polluées, la terre de son potager infertile ? Ou en viendrait-il à voir différemment les technologies qu’il promeut au quotidien ?
#critique_techno #métaux_rares #terres_rares #colonialisme #pollution #exploitation #cobalt
CREUSER ET FORER POUR QUOI FAIRE ? Réalités et fausses vérités du renouveau extractif en France
Nouvelle proposition de loi sur le code minier déposée à l’Assemblée nationale, rejet d’une demande de prolongation de permis de gaz de schiste dans le Sud-Ouest : la question extractive semble refaire surface en France. En réalité, elle n’a jamais été enterrée et notre territoire est quadrillé de permis : tout est prêt pour une relance minière et pétrolière, lorsque le contexte économique et politique sera de nouveau favorable, dans un futur peut-être proche. C’est ce que révèle le nouveau rapport des Amis de la Terre France : “Creuser et forer, pour quoi faire ? Réalités et fausses vérités du renouveau extractif en France”. Il décrypte la situation réelle du secteur extractif français, et démonte un à un les faux arguments qui sont martelés pour promouvoir une relance et obtenir l’acceptabilité sociale de ces projets aux lourds impacts sociaux, environnementaux et climatiques.
Pour télécharger le #rapport :
▻http://www.amisdelaterre.org/IMG/pdf/rapport_extractivisme_web.pdf
How I use Scss variables, mixins & functions globally in Nuxt.js projects while compiling #css utilit
▻https://hackernoon.com/how-i-use-scss-variables-mixins-functions-globally-in-nuxt-js-projects-w
How I use Scss variables, mixins & functions globally in Nuxt.js projects while compiling CSS utility classes in 4 steps!Since I started making websites 3.5 years ago I’ve been using #sass. I flipping LOVE IT!!! I feel it fills in a lot of CSS’s missing features as well as making my styles much leaner and easier to work with. I’m trying to really make 2018 a year where I conquer #vuejs. There’s a problem. I still want to have my Sass variables, functions and mixins available to all my single file #vue components. I also want to have a bunch if global CSS utility classes being created using the same variables, functions and mixins. Here’s how I go about this.Compiling SassI have a collection of styles that I port over to each now project no matter whether I’m using Vue.js, Rails or (...)
Quand je fait un proto, rapide j’utilise une petite lib js, qui me génère les placeholder, on colle une class sur le container et ça rempli, avec des contenus.
Mais pas pour les backgrounds ^^, une petite mixin en scss pour ce genre de cas.
Donc ça pioche dans des photos de chez unsplash classées par theme dans une map. On peut quand on bosse sur un projet choisir au moins des visuels en rapport.
l’avantage c’est que le random est appelé a chaque appel de la mixin, donc si on a plusieurs images sur la page ce ne sont pas les mêmes (e qui n’est pas le cas avec les autres placeholders en js…).
▻https://www.sassmeister.com/gist/0344deebfb7fb9493af410ed8c0ce1c7
Une liste organisée et tenue à jour de ressources Sass et SCSS : des frameworks, des librairies, des guides de styles et des articles.
▻https://github.com/Famolus/awesome-sass
Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources.
#sass #scss #intégration #css
The roots of the current crisis in #South_Africa
▻http://africasacountry.com/2017/03/the-roots-of-the-current-crisis-in-south-africa
Over the last few weeks it has come to light that South Africa’s Social Security Agency (SASSA) has no idea how it will pay 17 million social (welfare) grants to around 17 million South Africans on April 1. This has understandably caused some concern, with the media, civil society organizations and trade unions accusing the…
Migranti, monitoraggio accoglienza: LasciateCIEntrare visita il #CAS Ex Discoteca Kiss Kiss (SS). Online il report
In seguito ai fatti intercorsi il giorno 18 febbraio, quando una delegazione della campagna è stata allontanata dal centro di accoglienza, siamo ritornati il 20 febbraio per accompagnare un rappresentante del comune di Sassari. Tra i nostri obiettivi, verificare la condizione dei minori e delle donne era una priorità. Ricordiamo che il Cas ex discoteca #Kiss_Kiss, già il nome la dice lunga, si trova in una strada sterrata lungo la 131 tra #Sassari e #Porto_Torres. L’accesso al centro è possibile soltanto da un lato della statale e spesso gli ospiti sono costretti ad attraversare a piedi la strada e scavalcare il guardrail per raggiungere la fermatadel bus più vicina. La distribuzione di giubbotti catarifrangente non può essere una soluzione al pericolo di essere investiti, ma il gestore della struttura afferma di condurre una sensibilizzazione a livello comunale affinché migliorino il servizio di trasporto almeno fino al centro di accoglienza.
Bon. Ce truc est... Le pote qui me l’a fait découvrir s’est demandé s’il devait rire (il est gay) et puis... il a rit.
All words VERBATIM as usual. I just restored Donald’s natural voice.
En même temps sûr que toutes les caricatures rendent ce bitard abruti plus sympathique. #NOT_GOOD
en même temps du même temps,là, il y a fusillade :
ekryski/less2sass: A little script to #convert #less to #sass files
▻https://github.com/ekryski/less2sass
Sass/Compass vs Autoprefixer
▻http://zellwk.com/blog/compass-vs-autoprefixer
This article tries to help you with understanding what Compass (or Sass mixins) and Autoprefixer does.
GitHub - mistergraphx/spip_admin_responsive : Thème / prototype d’interface d’administration responsive pour le cms spip
▻https://github.com/mistergraphx/spip_admin_responsive
Interface responsive pour l’#administration du cms SPIP
Plugin Thème / prototype d’interface d’administration #responsive pour le cms #spip.
Ce plugin propose une base de « réflexion » sur la mise en place d’une interface utilisable sur périphériques mobiles pour SPIP.
A la différence d’autres projets similaires :
Pas de framework ,
Pas de modification ou surcharge du markup
Ça fait quoi :
Le plugin n’apporte principalement que des surcharges css, basées sur les media-queries, actuellement le ciblage se fait sur les écrans < 1025px.
La seule surcharge actuelle a noté est prive/javascriptt/gadget.js : pour la désactivation du clic sur les items de premier niveau, qui perturbe en mode touch.
Le layout :
originalement en px utilise les %
les modes .etroitet .large deviennent identiques
les blocs #navigation et extra passe en 100% de large (voir la todo).
Le bando (menu principal)
passe en position fixed, les icônes en liste verticales et est aligné sur la gauche de l’écran : ceci permettant un accès constant, même sur des pages a contenu long
Les sous menu apparaissent au touch a droite de l’icône
Amélioration des éléments cliquables / touchables :
L’interface d’origine propose des liens/éléments d’interface de taille trop petite pour une utilisation correcte en mode touch. Les icônes des outils rapides, les listes-objets sont donc revus progressivement notamment sur le padding les entourants (cf : ▻https://material.google.com/layout/metrics-keylines.html)
C’est fait comment
Plutôt que de faire des grand dessins et des explications, souvent je préfère « prototyper directement dans le navigateur web », il est vrai que c’est du « quick & dirty », mais ce n’est généralement pas fait pour durer ou finir en l’état.
Les css sont rédigées et compilées avec #sass, elle ne sont pas dans le dépôt pour le moment, si vous souhaitez apporter une amélioration, ou souhaitez participer, je peut les ajouter.
Pré-requis / libs :
libsass
bourbon
susy
include-media
La fortune du clan #Sassou-Nguesso dans le viseur de la justice américaine
▻http://www.lemonde.fr/afrique/article/2016/06/13/la-fortune-du-clan-sassou-nguesso-dans-le-viseur-de-la-justice-americaine_49
En plus du dossier des « biens mal acquis » qui vise le président congolais Denis Sassou-Nguesso et ses proches à Paris, une autre affaire inquiète Brazzaville. Cette fois, c’est entre les Etats-Unis et la France que se déroule l’offensive judiciaire de l’homme d’affaires anglo-libanais né au Nigeria, Mohsen Hojeij, 60 ans, actionnaire majoritaire de la société de BTP Commissions Import Export (Commisimpex) qui fut l’un des plus grands groupes privés du Congo. Cette société est détenue à 89 % par M. Hojeij, le reste du capital étant entre les mains d’un associé américain, John Grosso.
On peut regretter que ce ce soit le système de (in)justice commercial qui tape là où ça fait mal.
Sass Project Boilerplate
▻https://github.com/kaelig/sass-project-boilerplate
The Sass Project Boilerplate is a set of files that are a good base to publish well documented and tested Sass libraries, micro-frameworks, mixins and functions.
Congo : la presse africaine dénonce le soutien « complice » de François Hollande au président Sassou-Nguesso
▻http://www.lemonde.fr/afrique/article/2015/10/22/congo-la-presse-africaine-denonce-le-soutien-complice-de-francois-hollande-a
En reconnaissant à son homologue congolais, Denis Sassou-Nguesso, « le droit de consulter son peuple », François Hollande s’est attiré les foudres de la presse africaine francophone jeudi 22 octobre. Coutumier des formules fleuries, L’Observateur Paalga n’a pas hésité à tirer à vue sur le locataire de l’Elysée. « Il y a des revirements qui donnent le tournis et vous donnent l’envie de vomir tripes et boyaux », tonne le quotidien burkinabé.
« Ô rage ! ô désespoir ! ô reniement complice ! »
« Le coq gaulois bénit la forfaiture congolaise. »
Dans un registre moins baroque, Le Quotidien, journal sénégalais, s’étonne que le président français « ne chausse pas les mêmes lunettes pour jeter un regard sur les dossiers du 3e mandat ». Il « a encore manqué une occasion de se taire », ironisent les journalistes béninois de La Nouvelle Tribune, qui voient dans la sortie du chef de l’Etat une survivance de la « Françafrique ».
Utiliser LESS dans SPIP - romy.tetue.net
▻http://romy.tetue.net/utiliser-less-dans-spip
Et pour LESS c’est là :
►http://plugins.spip.net/lesscss.html
Et pour SCSS c’est là :
►http://plugins.spip.net/scssphp.html
File: SASS_REFERENCE — #sass #documentation
▻http://sass-lang.com/documentation/file.SASS_REFERENCE.html
Référence complète de la #syntaxe de SASS
#knacss, un micro #framework #css qui a du goût !
▻http://knacss.com
Un framework CSS simple et léger réalisé par l’équipe d’Alsacréation. KNACSS, c’est un peu comme une feuille de style CSS « reset » sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, #responsive webdesign).
@nicod_ ce n’est pas moi qui ait pluginifié. J’ai juste mis sur la zone le plugin.
a signaler à l’auteur, ou même à modifier direcztement sur la zone ;-)
la publication de l’article est reporté en attendant la fusion avec le précédent plugin de @touti
Effectivement @maieul merci, inutile de mettre deux plugins qui font la même chose sur un espace contributif, même si celui que j’ai fait date d’il y a presque deux ans (c’est vieux knacss !)
Cf ▻http://seenthis.net/messages/205041
Il faut que je regarde les différences et éventuellement que j’upgrade !
►http://zone.spip.org/trac/spip-zone/browser/_plugins_/knacsss
avec le zip si on veut télécharger quand on n’a pas SVN
▻http://zone.spip.org/trac/spip-zone/changeset/latest/_plugins_/knacsss?old_path=/&format=zip
Et les explications de Suske ici
►http://lapsuske.brubel.net/Recuperer-un-zip-depuis-le-site-de-la-zone-SPIP
hugogiraudel.com
▻http://hugogiraudel.com/2015/06/18/styling-react-components-in-sass
We will explore how using proper organization and architecture in #Sass can mitigate #CSS problems, especially within the context of styling React components. Tags: CSS #ReactJS Sass #clevermarks
Je note dès le début qu’il fait référence à ses règles de codage pour SASS pour ce qui est de son organisation des fichiers :
►http://sass-guidelin.es/#the-7-1-pattern
Et finalement ce n’est pas si loin de ce que j’ai conçu pour l’instant pour mes besoins, et que j’utilise maintenant depuis plusieurs moi. Conception que j’avais commencé ici :
▻http://seenthis.net/messages/236534
J’ai encore quelque bazar à la racine, autre que le fichier principal, mais je préfère quand même mon nommage, car
1) chaque terme (frameworks, modules, sections, templates) est utilisé aussi bien en anglais qu’en français, ce qui en fait un découpage passe-partout ;
2) l’ordre alphabétique des dossiers suit scrupuleusement l’ordre d’importation, donc quelque soit où l’on travaille (dans l’explorateur de fichiers, dans l’IDE, etc) on sait encore plus facilement où l’on se trouve, tout est toujours affiché dans le même ordre.
Mise à part le choix de terme, le principe est vraiment le même.
danielguillan/modernizr-mixin · GitHub
▻https://github.com/danielguillan/modernizr-mixin
A simple way for DRYier, faster and cleaner #Modernizr tests in #Sass Tags: Modernizr #feature Sass #clevermarks
#Sass-mq/sass-mq · GitHub
▻https://github.com/sass-mq/sass-mq
A Sass mixin that helps you compose #media_queries in an elegant way. Tags: Sass media_queries #RWD #clevermarks
Keep Calm And Write #Sass /via @HugoGiraudel
▻http://slides.com/hugogiraudel/keep-calm-and-write-sass
Tags: Sass #CSS qualité
Des #CSS Kick-Ass avec #Sass /via @HugoGiraudel
▻http://slides.com/hugogiraudel/css-kick-ass-avec-sass
Tags : Sass CSS
Scoped Media Query #Sass Mixin
▻https://github.com/filamentgroup/scoped-media-query
“An element query workaround. A Sass mixin for scoping #CSS styles to apply only within given selector/media query pairs.” Tags: Responsive Web Design (RWD) #Element_Queries Sass CSS #todo:formation:rwd