Lucas's public fiddles
-
Prevent margin collapse using pseudo element
Prevent margin collapse using `:before` and `:after` pseudo elements
-
Clearfix using pseudo element
Clearfix using the `:after` pseudo element
-
Vertical alignment
Vertical alignment using position:absolute top, bottom:0 and margin:auto
-
Using negative index numbers
No-Library (pure JS), HTML, CSS, JavaScript
-
Setting Methods and Properties
No-Library (pure JS), HTML, CSS, JavaScript
-
JavaScript Variable Hoisting Example
No-Library (pure JS), HTML, CSS, JavaScript
-
kwy6ko2e
No-Library (pure JS), HTML, CSS, JavaScript
-
Stretching self-sizing elements to 100%
Comparision of setting a self-sizing element's width (such as <table> or <img>) using `width:100%` vs `left, right:0`
-
Multiple translate() transformations
No-Library (pure JS), HTML, CSS, JavaScript
-
0u49ne46
No-Library (pure JS), HTML, CSS, JavaScript
-
nwqd8f6q
No-Library (pure JS), HTML, CSS, JavaScript
-
5b8ondLr
No-Library (pure JS), HTML, CSS, JavaScript
-
Vertical alignment
Vertical alignment using position:absolute top, bottom:0 and margin:auto
-
Padding percentage values relativity
Are percentage values for padding calculated relative to the parent element's with or height? or are they calculated to the dimensions of the element the padding is applied to?
-
No margin collapse
Render top and bottom margins *inside* of the parent element
-
Fixing float issues
No-Library (pure JS), HTML, CSS, JavaScript
-
Vertical alignment 2
Vertical alignment und table(-cell) display mode
-
Vertical alignment
Vertical alignment und table(-cell) display mode
-
y1cqokrh
No-Library (pure JS), HTML, CSS, JavaScript
-
oe7a3ca4
No-Library (pure JS), HTML, CSS, JavaScript