Anton's public fiddles
-
CSS Transforms
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Animations
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Grid
No-Library (pure JS), HTML, CSS, JavaScript
-
Flexbox
No-Library (pure JS), HTML, CSS, JavaScript
-
Video loading
jQuery 3.3.1, HTML, CSS, JavaScript
-
RegExp
No-Library (pure JS), HTML, CSS, JavaScript
-
XMLHttpRequest
No-Library (pure JS), HTML, CSS, JavaScript
-
Promises
No-Library (pure JS), HTML, CSS, JavaScript
-
Exception handling
No-Library (pure JS), HTML, CSS, JavaScript
-
DOM Manipulation
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Transforms
Change class name on click in jQuery
-
FizzBuzz challenge
jQuery 3.3.1, HTML, CSS, JavaScript
-
AmCharts V4: Layered Column Chart
No-Library (pure JS), HTML, CSS, JavaScript
-
Bullet Chart
Bullet Chart (also know as Bullet graph) is a great replacement for traditional dashboard gauges and meters. It empowers to display way more information in a more compact space by getting rid of unnecessary decoration in favor of data clarity and usability.
-
AmChart v4 tests
No-Library (pure JS), HTML, CSS, JavaScript
-
z4soah5r
No-Library (pure JS), HTML, CSS, JavaScript
-
Funnel chart
Funnel charts are often used to represent stages in a sales process and show the amount of potential revenue for each stage. By default, the height of a slice represents it's value. However you might want the area of a slice to represent value. In this case you should add <code>"valueRepresents":"area"</code> property to the chart's config. The height and width of a neck is controlled by <code>neckWidth</code> and <code>neckHeight</code> properties. <h2>Funnel chart with patterns</h2> Click on PATTERNS theme above the chart - you will see that our Funnel chart supports patterns. There are several pre-built patterns in our package or you can easily build your own fancy patterns and use them with our charts.
-
Distinct Colours
jQuery 3.3.1, HTML, CSS, JavaScript
-
Check async .data handling
When is data obj bound, and can it be modified afterwards.
-
Check async .data handling
When is data obj bound, and can it be modified afterwards.