Skip to content

Instantly share code, notes, and snippets.

@willcannings
willcannings / css-slideshow.html
Created June 28, 2017 23:14
Simple left sliding slideshow in CSS
<!doctype html>
<html>
<body>
<!-- it's ok to keep all of this together in one block, style doesn't need to sit in <head> - just cut 'n paste to the right spot -->
<style>
/*
- animation to move a slide to the left
the animation is set to run for 18s which is long enough for 3 slides to remain on screen for 5s
then slide left over 1s. the animation starts by waiting 5s, then transitioning the left of the
slide out of view (direction left) over 1s, then waits for the other 2 slides to animate. near the
@willcannings
willcannings / international_country_dialing_codes.html
Created October 23, 2010 11:40
A list of international country dialing codes extracted from Wikipedia into an HTML select. The ruby file produces this list by scraping the 'List of country calling codes' Wikipedia page.
<select>
<option value='7840'>Abkhazia (+7 840)</option>
<option value='7940'>Abkhazia (+7 940)</option>
<option value='99544'>Abkhazia (+995 44)</option>
<option value='93'>Afghanistan (+93)</option>
<option value='355'>Albania (+355)</option>
<option value='213'>Algeria (+213)</option>
<option value='1684'>American Samoa (+1 684)</option>
<option value='857'>ANAC Satellite (+857)</option>
<option value='858'>ANAC Satellite (+858)</option>