GSS - Layouts Not Possible Even with Tomorrow_s CSS Using Polyfills from the Future Presentation

Recommendations

Info

! Negative Margins CAVEATS: • Not responsive. Doesn’t work for percentage based dimensions and can’t set min-/max- • Content can overflow the container • Have to compensate for padding or use box-sizing: border-box
Negative Translation CAVEATS: • Won’t work in IE8 • Need vendor prefixes • Can interfere with other transform effects • Results in blurry rendering of edges and text in some cases
Page 1 and 2: Layouts not possible w/ tomorrow’
Page 3 and 4: @D4Tocchini
Page 9 and 10: GSS reimagines CSS layout & replace
Page 13: Like Less, Sass, Stylus Not really.
Page 16 and 17: GSS DOM → Flavored CSS → Compil
Page 18 and 19: Center Alignment...
Page 22 and 23: CAVEATS: • Non-semantic markup! T
Page 24: CAVEATS: • No IE8-9 support • R
Page 27: #thing[center] == #other[center];
Page 32: Cyclic Dependencies naturally occur
Page 35 and 36: Cassowary resolves cyclic dependenc
Page 37 and 38: CCSS Constraint CSS
Page 39 and 40: Alex Russell Cassowary.js
Page 41 and 42: Cocoa Auto Layout
Page 43 and 44: VFL Visual Format Language
Page 45 and 46: GSS Modernizes & Webifies VFL
Page 47 and 48: The Apple Demo
Page 49 and 50: Hardware-Accelerated Layout Vars
Page 51 and 52: Custom Element Variables
Page 53 and 54: Intrinsic Size & Text Reflow
Page 55 and 56: VFL Cushions
Page 57 and 58: VFL Chains
Page 59 and 60: @if @else @media queries are a hack
Page 61 and 62: Element-level Responsiveness
Page 63 and 64: Ambiguity Add more constraints!
Page 65 and 66: Constraints must be linear
Page 67 and 68: Precompilation GSS will work on any
Page 69 and 70: Units & Values !
Page 71:
@D4Tocchini D4@TheGrid.io ! we’re
show all

GSS - Layouts Not Possible Even with Tomorrow_s CSS Using Polyfills from the Future Presentation

Create successful ePaper yourself

Delete template?

Save as template?