Augustus's public fiddles
-
Playing around with owl selector
http://www.mybridge.co/view/3307
-
Multiplication table
Basic question where you take a value and create a multiplication table.
-
39smwz1e
jQuery 1.11.0, HTML, CSS, JavaScript
-
Progress Bar
An interview question that tests a good mix of HTML, CSS3, JavaScript. Note there are two routes people can go down -- one is to use the animate() function in jQuery but the route I opted for uses CSS3 transitions/animations. If people opt for the animate() route, be sure to let them know about this route as that will lead into creating unique id's or using promises to fill the next progress bars. This can still be elegant and you should be open to accepting that as a possible solution, but it makes a lot more sense to keep view related code in CSS and HTML if possible.
-
Event Listener Scope question
Potential interview question. Why does the code not work as expected?
-
Typewriter effect with highlighting
Referencing http://stackoverflow.com/questions/22180457/typewriter-effect-for-html-with-javascript and http://stackoverflow.com/questions/10254441/how-to-create-a-highlighting-effect-in-css3-javascript
-
Testing content aware position absolute
jQuery 2.1.3, HTML, CSS, JavaScript
-
D3 Exampe of mapping Coords in League
No-Library (pure JS), HTML, CSS, JavaScript
-
Gradient Circle Border
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS3/JavaScript phone keypad
A CSS3 animation lockscreen. Keyframes version done in iteration 4.
-
0rftjuaz
No-Library (pure JS), HTML, CSS, JavaScript
-
Material Design Spinner
Taken from the source code of Streamus
-
Fading diagonally with CSS3
jQuery 1.11.0, HTML, CSS, JavaScript
-
Responsive SVG (d3.js)
jQuery 1.7.1, HTML, CSS, JavaScript
-
Triangle mask at the bottom of a background image
No-Library (pure JS), HTML, CSS, JavaScript
-
Loader animation
From Bulgaria Summit website http://bulgariawebsummit.com/
-
8om85r0u
No-Library (pure JS), HTML, CSS, JavaScript
-
otzk8tzw
jQuery 1.7.1, HTML, CSS, JavaScript
-
HTML5-video - autoplay
No-Library (pure JS), HTML, CSS, JavaScript
-
debounce resize/mousemove
jQuery resize and tracking use movement with mousemove is useful, but it fires so many events. Every pixel you are making an event call. With debounce, you can call essentially rate limit this and only call when user has stopped resizing for N milliseconds