Ankith's public fiddles
-
Sequential Animation
Back of the line, you!
-
Flex Search Grid
Experimental / WIP
-
Letter Spacing and Inheritance
A look at Letter spacing when defined using font-relative lengths and how inheritance plays a role when font-size changes
-
CSS 3D Transitions
Transformations and co ordinate systems
-
Math and CSS Animations.
Calculating the diagonal, shifting the element by width
-
Reversing Animation Without Animation Direction
Transitions trigger when attributes of a DOM element are changed. So we can trigger a reverse animation upon removing the animation property itself.
-
Z Index & Stacking Order / CSS
A look at stacking contexts and z-index.
-
Background Position / CSS
A look at the CSS Background position property and its various supported values.
-
Class Exclusion / Attr Selector and not()
Cut down on repetition by excluding a tag that has an ancestor with a class. Combine with not() to keep styles from being applied to tags inside specific classes.
-
Modal Events / Bootstrap
Using modal events to trigger some jazz.
-
Prevent Default Anchor Tag Behaviour without JS
This method circumvents the default anchor scroll to top behavior by pointing it to a non existing location in the document body.
-
Stack O / 07092016 / CSS Variables
Using CSS Variables, root and calc to position elements.
-
Dynamic Breakpoints(Experiment)
Get the breakpoints from the sum width and largest element in the container. Might need to consider an array, if dealing with multiple elements.
-
Stack O / 04092016 / Download a Data URI
Add a click event on the desired link that creates a pseudo link in the DOM with the URL and force downloads the Data URI.
-
Stack O / 29082016 / Filters on pseudo elements
Apply CSS webkit filters and effects on elements, without affecting their siblings. Target Pseudo selectors.
-
Stack O / 28082016 / Animate element and then refresh page.
animate and refresh page from cache. Understanding down-vote animation.
-
Stack O / Styling Pseudo Elements with jQuery
Create styles fromvalues in attributes, compile new stylesheet and append to document head.
-
Idea / Get color value from data-attribute
Set CSS from color value in data attribute using jQuery
-
Stack O / Toast Like Thing
toast, notification, dismissable div, js, javascript event listener
-
Stack O / 15072016
At http://stackoverflow.com/questions/38386136/css-keyframes-delay-animation-of-inline-style/