dkjain's public fiddles
-
JS Basics: constructor method vs prototype method
This demo shows difference between method of a constructor and method of constructor's object.
-
CSS bg-Image has priority over bg-color
This fiddle shows how background-image takes precedence over background-color property irrespective of their order
-
Table: vertical centering content
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS: Relative positioning does not move lower-div over top-div
Demonstrates lower-div does not move over upper-div with relative positioning
-
CSS: Abs positioning: Parent padding apply
Demonstrates abs positioned ele. affected by parent's padding if not positioned using (top, left etc).
-
CSS bg-Image has priority over bg-color
This fiddle shows how background-image takes precedence over background-color property irrespective of their order
-
CSS: Absolute child inside parent
Absolutely child inside parent. Parent does not expand to enclose abs. child.
-
CSS: Cascading over @media (Media Queries)
This example shows that Media types and media queries have no effect on the cascade.
-
jquery Event bubbling
bubbling happens when an attached event on a parent is fired via child elements.
-
HTML-BODY ele background
Demo: body elem background painted inside its margin area if no background set on html element
-
JS basics: Set ele attr's via JS
JS basics: Setting ele attr's via JS dynamically.
-
JS - Unsupported document Properties
Unsupported properties of document Object
-
TEST: IE-7 Box-Sizing
Testing IE-7 Box-Sizing polyfill by christian schaffer
-
CSS: Table - Border-collapse, border-spacing
CSS: Table border collapse and border spacing demonstationr.
-
CSS: Margins collapse: BFC turned into block
No-Library (pure JS), HTML, CSS, JavaScript
-
Floats Parent clear Issue
clear: both defined on parent does not expand to full width.
-
Creating Triangle shapes with CSS
CSS Concept: Creating shapes using CSS borders.
-
CSS Concept: percentage margin + padding calculation
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Concept: Abbreviation tag
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS-concept: border-box: child's containing block is parent's content block
No-Library (pure JS), HTML, CSS, JavaScript