GSS est né : la programmation par contrainte à la rescousse de la mise en page CSS
Un framework web basé sur Cassowary

Le , par Arsene Newman, Expert éminent sénior
Développeurs web souriez, vos problèmes de mise en page CSS seront bientôt réglés ! Voici d'une manière générale, le slogan du nouveau framework GSS (Grid Steel Sheet) lancé par l'entreprise The Grid.

GSS est un framework de développement web (HTML5/CSS/JavaScript) open source, proposé comme une alternative au Framework Famo.us, il modifie le préprocesseur CSS, plus spécifiquement certaines fonctionnalités comme celles relatives à la mise en page, pour les remplacer par d'autres plus intuitives, plus simple à utiliser. Selon Dan Tocchini développeur et CEO de The Grid "GSS se propose de régler certains problèmes fondamentaux rencontrés par les développeurs lors de l'utilisation du CSS, particulièrement les fonctionnalités de mise en page" avant de rajouter "certaines tâches comme le centrage d'un élément peuvent s'avérer rude en CSS, ce qui pousse les entreprises à faire appel à des personnes qui se sont familiarisés avec ce genre de situation et qui sont en mesure de contourner ces problèmes, tout cela est assez frustrant pour les développeurs web et donne au final des sites web calqués les uns sur les autres".

A titre d'exemple, avec GSS il devient très simple de centrer un élément par rapport à un autre, en une seule ligne, ce qui donne une mesure de la puissance de GSS :
Code : Sélectionner tout
#any[center] == #anyother[center];
Pour ce faire GSS, repose sur le portage sous JavaScript (Cassowary.js) de l'outil Cassowary, utilisé entre autre par Cocoa Autolayout d'Apple pour ces deux catégories d'OS (iOS et OS X.). Cassowary est un outil de résolution de problème par contrainte, basé sur une nouvelle approche dite de programmation par contraintes où le développeur spécifie ce qu'il veut faire (What to do), un solveur mathématique se charge alors de donner le procédé, c'est-à-dire ce qu'il faut faire (How to do it).

En plus du CSS natif qui a été revu, GSS inclut certaines alternatives connues au CSS, comme le CCSS (Constraint CSS) développé par Greg Badros lui-même membre de l'équipe de The Grid, ainsi que l'alternative VFL développé par Apple.

Avec autant d'atouts et de puissances, GSS pourrait faire les beaux jours des développeurs et écrire une belle page dans le développement web, surtout si l'équipe de GSS reste à l'écoute de sa communauté, il est donc naturel de conclure par "GSS, un framework à suivre de près".

Installer GSS

Télécharger son code source sur GitHub

Source : Page officiel de GSS

Et vous ?

Qu’en pensez-vous ?

Pensez-vous que GSS peut s'imposer comme un framework web incontournable ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Jaujon Jaujon - Membre à l'essai https://www.developpez.com
le 04/03/2014 à 11:05
Le vrai problème avec CSS, c'est que peu de développeurs ou d'intégrateurs maîtrisent réellement les fondamentaux du langage.

Comment un élément en position:absolute se positionne-t-il? Comment se comporte un élément flottant? A quoi correspond la largeur d'un élément selon le box-sizing?

Utiliser une autre technologie parce qu'on tâtonne dans une autre est-ce vraiment la bonne solution?
Avatar de Pere LK Pere LK - Futur Membre du Club https://www.developpez.com
le 04/03/2014 à 11:18
Si cette nouvelle techno permet de s'abstraire de contraintes telles que les hack/technique, prefixes etc par navigateur par exemple : oui c'est une bonne chose de mon point de vue.
Avatar de Jarodd Jarodd - Membre expérimenté https://www.developpez.com
le 04/03/2014 à 14:10
Développeurs web souriez, vos problèmes de mise en page CSS seront bientôt réglés !
[...]
GSS est un framework de développement web (HTML5/CSS/JavaScript) open source, proposé comme une alternative au Framework Famo.us

Avatar de - https://www.developpez.com
le 04/03/2014 à 18:43
une nouvelle approche dite de programmation par contraintes où le développeur spécifie ce qu'il veut faire (What to do), un solveur mathématique se charge alors de donner le procédé, c'est-à-dire ce qu'il faut faire (How to do it).

La programmation par contrainte ça n'est pas nouveaux, ça existe depuis très longtemps.
Et un solveur de contrainte n'est pas du tout mathématique, c'est purement algorithmique.

Vous faites confusion avec la programmation linéaire qui est basée sur un solveur mathématique.
Avatar de 4sStylZ 4sStylZ - Membre confirmé https://www.developpez.com
le 07/03/2014 à 15:19
Et les perfs? Faire du css en js...
Avatar de eomer212 eomer212 - Membre actif https://www.developpez.com
le 07/03/2014 à 17:36
he, lisez le sujet, c'est un préprocesseur..
donc pas de charge javascript sur le client,
peut être une sur le serveur (node.js sans doute.. à vérifier.).
si c'est différent, je peux dire que c'est idiot.

si ca permet de traiter en plus tous les cas foireux ou le css doit etre adapté en fonction du navigateur, pour obtenir le résultat visé, pourquoi ne pas l'utiliser..?
c'est un outil de productivité, pas un nouveau standard..
en tout cas, je vais voir ca de plus prés, css me casse souvent les cou....

d'où l'utilisation salvatrices des thèmes. faire un bon css, ca tourne à l'art, et faut savoir le faire.. alors, un outil pour arréter de se torturer le cerveau.? oui, je prends.
Avatar de Ah_Kin Ah_Kin - Membre averti https://www.developpez.com
le 07/03/2014 à 22:59
où est le tuto pour apprendre à l'utiliser?
Avatar de macumba macumba - Membre averti https://www.developpez.com
le 08/03/2014 à 13:26
Sur Firefox, sur IE10 et IE9 la page d'accueil de GSS apparait vierge sur mon navigateur.
Il n'y a qu'en compatibilité IE8 et IE7 que je vois apparaitre une partie de la page.
Et la page n'est réellement lisible que sur Chrome...

Pour un langage qui cherche à régler les pbs css, il y a encore un peu de boulot...
Avatar de christele_r christele_r - Membre émérite https://www.developpez.com
le 09/03/2014 à 9:56
Bonjour,
Je sais que tu vas hurler, mais voir arriver un nouveau framework dont le site web officiel
chevauche ces élément sur des écrans de 400 pixels, on comprends vite le manque de savoir faire
et donc l'échec annoncé par cette nouvelle usine à gaz.
Tu as visité leur site avec un portable ?

Bien Amicalement
Avatar de rodolphebrd rodolphebrd - Expert confirmé https://www.developpez.com
le 09/03/2014 à 11:55
Ça passe nickel chez moi (sur Iphone 4).
Offres d'emploi IT
Architecte systèmes études & scientifiques H/F
Safran - Ile de France - Vélizy-Villacoublay (78140)
Ingénieur développement fpga (traitement vidéo) H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Ingénieur conception en électronique de puissance H/F
Safran - Ile de France - Moissy-Cramayel (77550)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil