Grid Style Sheets

Software screenshot:
Grid Style Sheets
Software informatie:
Versie: 2.0.1 Bijgewerkt
Upload datum: 4 Jun 15
Ontwikkelaar: Grid Style Sheets Team
Licentie: Gratis
Populariteit: 5

Rating: nan/5 (Total Votes: 0)

Grid Style Sheets (GSS) gebruikt de Cassowary Constraint Solver om de manier waarop elementen worden weergegeven op het web te wijzigen.
GSS maakt gebruik van een verwevenheid relationele regels tussen de verschillende DOM elementen om lay-outs die anders weergegeven op basis van de voorwaarden van de pagina is geladen bouwen.
Via de CCSS en VFL componenten, GSS maakt beperkingen op verticale en afstand (VFL) op zijn plaats worden gezet op basis van DOM-eigenschappen van het element, zoals grootte en positie (CCSS), en op basis.
De principes en ideeën achter de Grid Style Sheets is ook gepresenteerd op Vloeiend 2014 conferentie O'Reilly's. U kunt een video van deze hieronder:

Wat is nieuw in deze release:

  • Variable hijsen (unscoped variabelen en virtuals wijzen op hoogste bijvoorbeeld)
  • : zichtbaar,: zichtbaar-y,: zichtbaar-x pseudo-klassen die het vuur wanneer element zichtbaar is
  • computed- pseudo eigendom van de familie die fungeert als intrinsic- zonder resetten oorspronkelijke pand
  • ^, ^^, ^^^ ... en $ combinatoren die wijzen op ouder / root scopes
  • voorwaarden hebben nu een redelijk ondersteuning voor meervoudige selectors. Atleast het gewoon hangen
  • Simplistische eenheden ondersteuning (niet in parser nog), em, rem, VH, vw, Vmax, Vmin.
  • One-way binding door middel px unit. Zorgt voor een zekere niet-lineaire expressies niet mogelijk anders
  • max, min functies die ook een aantal indirectie
  • gebufferde console die input en output uitgangen naast elkaar houden boomstructuur
  • $ scroll-top, $ berekend hoogte nu werken op een vergelijkbare manier om venster :: [scroll-top] en :: venster [hoogte]
  • Betere scoped stylesheets ondersteuning (geen emulatie voor nog css dumping),
  • Gehesen variabelen in top wortel scope zijn niet globaal meer, zijn ze verbonden aan stylesheet
  • Scoped stylesheets in, of definiëren globale variabelen in top bereik, anders hechten ze reikwijdte element.
  • import support (css dumping steun niet betrouwbaar is nog daar). sheet meerdere keren importeren wordt slechts eenmaal ontleed.

Wat is nieuw in versie 2.0.0:

  • Variable hijsen (unscoped variabelen en virtuals wijzen op bovenste bijvoorbeeld)
  • : zichtbaar,: zichtbaar-y,: zichtbaar-x pseudo-klassen die het vuur wanneer element zichtbaar is
  • computed- pseudo eigendom van de familie die fungeert als intrinsic- zonder resetten oorspronkelijke pand
  • ^, ^^, ^^^ ... en $ combinatoren die wijzen op ouder / root scopes
  • voorwaarden hebben nu een redelijk ondersteuning voor meervoudige selectors. Atleast het gewoon hangen
  • Simplistische eenheden ondersteuning (niet in parser nog), em, rem, VH, vw, Vmax, Vmin.
  • One-way binding door middel px unit. Zorgt voor een zekere niet-lineaire expressies niet mogelijk anders
  • max, min functies die ook een aantal indirectie
  • gebufferde console die input en output uitgangen naast elkaar houden boomstructuur
  • $ scroll-top, $ berekend hoogte nu werken op een vergelijkbare manier om venster :: [scroll-top] en :: venster [hoogte]
  • Betere scoped stylesheets ondersteuning (geen emulatie voor nog css dumping),
  • Gehesen variabelen in top wortel scope zijn niet globaal meer, zijn ze verbonden aan stylesheet
  • Scoped stylesheets in, of definiëren globale variabelen in top bereik, anders hechten ze reikwijdte element.
  • import support (css dumping steun niet betrouwbaar is nog daar). sheet meerdere keren importeren wordt slechts eenmaal ontleed.

Wat is nieuw in versie 1.0.3-beta:

  • 2D suiker rekwisieten: grootte, positie, center, intrinsieke-size, linksboven, rechtsboven, linksonder, rechtsonder
  • anders dan id, class & tag Selectors kan nu worden gebruikt in CCSS toen omringd door parans
  • Ondersteuning voor meervoudige selectors aan weerszijden van een beperking operator

Wat is nieuw in versie 1.0.2-beta:

  • VGL:
  • @ raster-template lege zones kan worden gedefinieerd.
  • Toegevoegd in () om @ raster-sjabloon.
  • Toegevoegd h / v / boven / rechts / onder / links-gap () naar @ raster-sjabloon.

Eisen

  • Javascript nodig op client side

Vergelijkbare software

Bootstrap
Bootstrap

29 Sep 17

MNML
MNML

6 Mar 16

Moqui
Moqui

10 Feb 16

UCSS
UCSS

1 Mar 15

Reacties op Grid Style Sheets

Reacties niet gevonden
Commentaar toe te voegen
Zet op de beelden!