Chris's public fiddles
-
4k7ys9a6
Mootools 1.3 (compat), HTML, CSS, JavaScript
-
vayz0px5
No-Library (pure JS), HTML, CSS, JavaScript
-
r6nd2vte
No-Library (pure JS), HTML, CSS, JavaScript
-
1ct5b8hL
No-Library (pure JS), HTML, CSS, JavaScript
-
notstarted, started, complete
Ability to update the state of a TOC item
-
y05Lsn9f
No-Library (pure JS), HTML, CSS, JavaScript
-
KeySequencer
Allows a series of callbacks when a sequence of characters have occurred
-
jQuery addClass example
Change class name on click in jQuery
-
jQuery addClass example
Change class name on click in jQuery
-
05mst9zn
No-Library (pure JS), HTML, CSS, JavaScript
-
Admin Shortcut Panels
Three panels with retina display option using same single image with mouse over state
-
43uncxem
No-Library (pure JS), HTML, SCSS, JavaScript
-
notification-count
A number in a red circle or lozenge for the Notifications Area of RS4 Theme
-
Flex Layout with Truncate
Flex layout containing two items in 1st row and 4 items in second row; no outer margin but a constant inter-item spacing.
-
Truncate example
Example of how to use a .truncate class to cause container text to truncate to a single line with ellipses.
-
Flex Layout (Space Between)
Flex layout containing two items in 1st row and 4 items in second row; no outer margin but a constant inter-item spacing.
-
Product Icon and Description (within a table)
The ability to present a product icon to the left of a product description. Both icon and description should be middle aligned but description should also not wrap under the icon when running into multiple lines.
-
Product Icon and Description
The ability to present a product icon to the left of a product description. Both icon and description should be middle aligned but description should also not wrap under the icon when running into multiple lines.
-
Table Column Widths
How to control table column widths. To use a combination of fixed width and flexible widths, set the table style { table-layout: fixed; } and then apply either percentages (i.e. 20%) or fixed width (i.e. 100px). Each table defined should have a comment to say where it is used. Fixed widths won't include padding unless you state { box-sizing: border-box; }
-
iOS Segmented Control Style
Mootools 1.4.5, HTML, CSS, JavaScript