Génesis's public fiddles
-
When should you use arrow functions?
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive square
No-Library (pure JS), HTML, CSS, JavaScript
-
Simon Game
Using CSS transformations and animations
-
Infinite Tab Bar with swipe/pan interactions
Create a tab bar with swipe/pan interactions like the one of Google search options that you can see when you are using your smart phone. You just need pan events and a little of CSS. I have used MDL for the basic mockup and Hammer for pan gesture.
-
Save people parameters in database using Web SQL
Create database, insert and replace element, delete table, and show data from database
-
Area and saturation of a circle using horizontal and vertical pan events
Basic touch gestures with Hammer
-
Circle area defined by mouse click
No-Library (pure JS), HTML, CSS, JavaScript
-
Editable Selection Box
No-Library (pure JS), HTML, CSS, JavaScript
-
Check input using HTML5 and MDL
You can use input's attributes as min, max, pattern and so on, and then checking a simple class do what you need to
-
Text Overwriting
Automatic text overwriting while typing
-
Counter with a reset using Closures
No-Library (pure JS), HTML, CSS, JavaScript
-
Infinite Scroll
No-Library (pure JS), HTML, CSS, JavaScript
-
createDocumentFragment vs innerHTML
Rendering at the end vs rendering in every loop
-
Material icons
No-Library (pure JS), HTML, CSS, JavaScript
-
OSM full of symbols with Open Layers
No-Library (pure JS), HTML, CSS, JavaScript
-
Draggable marker in Google Maps
Map always centered on marker position
-
CSS zoom
Easy zoom in, zoom out, normal zoom and zoom adjusted to the container with CSS and JS
-
Basic CSS transition using box-shadow
Setting up a transitions for your buttons when the cursor is over them.
-
Export HTML table to CSV file
No-Library (pure JS), HTML, CSS, JavaScript
-
Looking for a string inside another string
If you want to find a string inside another string, there are many options available, each one will depend on the result and performance you are looking for.