#knacss

Sauf que bem n’est pas fait par hasard comme ça, d’une ya la cohérence total avec vraiment 100% toujours la même manière d’écrire mais surtout c’est fait pour être le plus rapide possible à exécuter par les navigateurs.

.ui.segments:not(.horizontal) > .segment:first-child est très long à compiler et trouver, c’est méga complexe comme sélecteur.

.segments_vertical .segments__segment:first-child est beaucoup plus rapide

+1 effectivement, la ça mérite des tests réels de temps de rendu navigateur, plutôt qu’une estimation de gain en kbytes transférés.

Quand je vois le pross de mon vieux mac sur une page ou j’ai pas mal d’animations css3, ça peut vite aller dans le rouge suivant comment c’est rédigé. Donc le parcours du dom comme tu le souligne est forcément plus couteux avec des pseudo selector.

Du coup, ça me donne envi de de réfléchir a un suite de test la dessus. En fait j’ai un petite lib qui est inspiré de bem_selectors, en fait ça gère le nomage des selecteurs, mais en fonction de plusieurs conventions … pour le moment SMACSS, OOCSS, BEM, et Rscss …

Pour faire ce genre de test, ça peut être interressant, de prendre une page type, et de générer un rapport de perf entre les différentes méthodologies, vu qu’on peut switcher en changeant une map.

Il y a #Grillade de #KNACSS aussi : ►https://knacss.com/grillade
Je commence a l’utiliser à la place de celle de #SemanticUI

#intégration #flexbox #grille #responsive

En fait je n’utilise pas semantic ui, ;-) mais je lis le code de tout le monde, j’aime bien regarder surtout les approches différentes, ça sert toujours un jour, dans une certaine situation ^^.

Au départ je lisais ceci ▻http://bradfrost.github.io/this-is-responsive/patterns.html#layout

et cela ▻https://github.com/oddbird/accoutrement-layout

dans le but de créer un composant/lib scss qui gère tout le layout de manière « générique »… comme on a un support qui commence a être correct de grid et flex, ça simplifie quand même bien le boulot.

@nicod_ ce n’est pas moi qui ait pluginifié. J’ai juste mis sur la zone le plugin.

#spip_blog dès que la doc sera publiée :)

c’est prévu pour la fin de semaine ;-)

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

J’y connais rien mais je dis #spip_blog quand même... ;)

Yeah, merci @touti pour cette intégration de librairie à SPIP. Ça faisait longtemps que ça me trottait aussi dans la tête, mais tu as eu le courage et pris le temps de le faire : gloire à toi ! \o/

Et à nous les super mixins et le HTML qui redevient sémantique !

Merci @rastapopoulos et @nicod_, car nos diverses discussions m’ont permis de concrétiser un peu les choses avec scss.
Le but après avoir tenté de comprendre les imbrications actuelles entre html5/elasticité/grille/css/jsforIE, est de pouvoir simplifier la méthode de fabrication d’un site mais aussi, tenter d’échapper à Bootstrap, et faire que dans tout ce joyeux bordel l’#artisan-web (que je suis) ne se retrouve pas juste bouton pressoir ou assembleur de cascades à la chaine ;)
Pas sûr cependant que SASS permette de faire du simple, facile pour tous, dont la relecture soit aisée, sans attaches à un framework lourd, et entre autres rêves d’indépendance, autorise à se passer des class le plus possible.
J’ai aussi très envie d’une optimisation en légèreté avec une css de maximum… 25ko, ce qui devrait être suffisant pour : faire un beau site, alléger le poids des fichiers envoyés au serveur/client et faciliter la prise en main et la maintenance.
Avec des structures HTML adéquates, et ta piste d’échafaudage @rastapopoulos ▻http://seenthis.net/messages/204846#message205077 que tu nous expliqueras hein ! ça risque d’être bien sympa.

@seenthis : y’a un drôle de bug qui fait que je retrouve ce seen systématiquement épinglé en favoris chaque fois que je reviens sur Seenthis…