Example how to bind key presses to javascript functions. Use of data-* properties
Use CCS transform and transitions to create a nice looking clock. Use setInterval to update the clock time.
Using CSS3 variables, changing properties values using javascript and CSS variables, example shows changing blur and margin of an image.
Array methods examples, how to use the Array methods: filter, map, sort, reduce. Nothing show, look at the code and console. Use of the function console.table to show array of objects nicelly formatted
Pretty example how to use flex to make active panels that grow and shrink
Get a json, push the object in JSON to array, then search in city and state fields for the typed text, show only matches, with highlighted match.
Array example, using the AArray.prototype.every, Array.prototype.find, Array.prototype.findIndex. Nothing show, look at the code and console.
Using the canvas, when mouse is pressed a lineis drawn in the screen. Canvas, canvas contex, color using hue, contex functions: BeginPath, moveTo, lineTo, stroke.
console loging features: Error, warn, info, group, count, time
When a user clicks a checkbox, holds Shift, and then clicks another checkbox a few rows down, all the checkboxes inbetween those two checkboxes should be checked.
How to design a custom html5 video player: volume, play speed, progress bar, full screen.
Silently detect a key stroque sequence, trigger a unicorn if wesbos is typed.
Example of a document were the images slide into place as you scroll
Examples between copy and reference. Nothing show, look at the code and console.
Add items to a list, checkbox with image, store list locally.
make the mouse cast a shadow over some text
Sort list of strings, ignoring the articles "a,the,an"
Fun with time, adding up time of a list of video objects with time values stored in data-time properties
Using the webcam, and apply changes to the image realtime
Speach to teXt in your browser
Using location, direction and speed in browser, Need ios simulator if you want to see speed working.
Highlight jumps from link to link
Example text to speach
Navigation bar stays on the top of the page on scroll.
Examples how the event propagates through parents and children, how to prevent propagation of event, deal with event on parent, deal with event on child.
Similar to 22, now the window moves around with the content appearing in and out
Parallax, use the mouse drag to scroll horizontal items
Use mouse position on a bar to determine a video play speed.
Example countdown timer, use data-*, timer function with screen update every second.
Include svg, game
Nice effect, that each section has its background, loag images as background.
Example how to use data-alt to store alternative values, values change on click. Example shows value shown in DEC and HEX, can also be used to show counts vs percentage. Bonus the table it the ascii table.