Gilbert's public fiddles
-
Dynamic CSS Object
This example iterates two arrays, one for vendor name and the other for the corresponding property. Useful for animate.css v3.4.0 which is included as a external resource.
-
9azdkg4u
jQuery 2.1.3, HTML, CSS, JavaScript
-
k39vhr2n
jQuery 2.1.3, HTML, CSS, JavaScript
-
R9 290 Prices
No-Library (pure JS), HTML, CSS, JavaScript
-
Dirty Font Metrics
A quick way to visualize how a font sets on the webpage.
-
CSS Counter Advanced - Relative Inline Element for UL LI List
A pure CSS 2.1 solution that uses a styled counter. Shown with optional @font-face font and hover transitions which makes it CSS3, but to be sure those are simple examples to take it further. This is the advanced version based on the basic version. By arttronics 02-09-2014
-
CSS Counter Basic - Relative Inline Element for UL LI List
A pure CSS 2.1 solution that uses a styled counter. Shown with optional @font-face font and hover transitions which makes it CSS3, but to be sure those are simple examples to take it further. A lot of comments are included. By arttronics 02-09-2014
-
SO - Simple CSS 2.1 Counter
Simple CSS 2.1 counter example.
-
SO - Applying CSS to Ordered List
Updated answer by arttronics for: http://stackoverflow.com/q/11035157/1195891
-
Pseudo CSS Property: raw-line-height
A reason and method to discover the actual height of a particular character using pure CSS.
-
xNp3z
No-Library (pure JS), HTML, CSS, JavaScript
-
overflow-x for overflow-y TEST
A forked copy of a single method to continue with further modifications for overflow-x.
-
JavaScript - Retrieve CSS values including line-height in PX for Chrome.
Various ideas thrown together, some used as is, to get the line-height in numeric value, especially for Chrome. References used: http://stackoverflow.com/q/4392868/1195891
-
Wrapped inputbox scales with native browser zoom.
Easy method to wrap an input box and have that accept any CSS styles you require.
-
CSS Selectors - One element controls the other.
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Transition - Animate Width
No-Library (pure JS), HTML, CSS, JavaScript
-
overflow-X for overflow-Y
Several examples on how to access overflow-x data when it's property is set hidden and overflow-y scroll bar is used at the same time.
-
j7VWg
No-Library (pure JS), HTML, CSS, JavaScript
-
rNx5k
No-Library (pure JS), HTML, CSS, JavaScript
-
Google Drive test to load CKEditor library.
Google Drive test to load CKEditor library.