AlanSimpsonMe’s gists

AlanSimpsonMe / Responsive_Video

Last active May 10, 2020 21:06

Super Simple Responsive Video

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta name="author" content="Alan Simpson">
	<meta name="description" content="Super simple responsive videos for your web site. Works with embedded videos as well as videos displayed by HTML5 video tags. Uses only a few lines of CSS3, no libraries or frameworks required. https://alansimpson.me/html_css/videos/">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Responsive Video</title>
	<style>

AlanSimpsonMe / Firebase_Comments

Last active October 19, 2022 03:19

Let Visitors Write Comments on your Site with Firebase

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta name="description" content="Use a free Google Firebase Database to allow visitors to leave comments on your web pages. From https://AlanSimpson.me/firebase">
	<meta name="author" content="Alan Simpson">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>User Comments</title>
	<style>

AlanSimpsonMe / Pure_JavaScript_Slider

Last active July 6, 2023 17:20

Pure JavaScript Responsive Photo Slider

	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<meta name="descripton" content="Pure JavaScript responsive photo slider - AlanSimpson.me" >
	<meta name="Author" content="Alan Simpson">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Responsive Photo Slider</title>
	<style>
	/* Window through which the photos slide */
	#window {

AlanSimpsonMe / Automatic_Photo_Slideshow.html

Last active July 16, 2018 17:43

Automatic Photo Slideshow, HTML5, CSS3, and JavaScript only.

	<!DOCTYPE html>
	<html lang="en">
	<meta name="author" content="Alan Simpson">
	<meta name="description" content="Code and images available at http://alansimpson.me/javascript/code_quickies/slideshow/">
	<head>
	<title>Photo Slideshow</title>
	<style>
	#slideshow {
	/* Style to taste */
	width: 100%;

AlanSimpsonMe / Responsive Slide Show with Thumbnails

Created May 1, 2018 14:31

Responsive Slide Show with Thumbnails - HTML, CSS, and JavaScript only.

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Photo Carousel</title>
	<style>
	/* This is the box that shows the large image */

AlanSimpsonMe / JavaScriptTwoDimArray

Created April 28, 2018 16:05

JavaScript Two-Dimensional Array

	<!DOCTYPE html>
	<html lang="en">

	<head>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Oops, not found.</title>
	<!-- For this to actually work and redirect bad links, you need to configure your web server to

AlanSimpsonMe / ScrollingWrapper

Last active November 20, 2020 20:26

Scrolling Wrapper

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta name="author" content="Alan Simpson">
	<meta name="description" content="Scrolling Wrapper - https://AlanSimpson.me">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Scrolling Wrapper</title>

AlanSimpsonMe / Responsive_Multi-Column_List

Created April 11, 2018 14:40

Responsive Multi-Column List

AlanSimpsonMe / gist:7834f53033da871accb9facac6a9788d

Created April 11, 2018 12:02

Table

	<table border="3" cellspacing="0" cellpadding="2">
	<tr>
	<th colspan="3" align="center">Hot Dog Calories</th>
	</tr>
	<tr>
	<th>Ingredient</th>
	<th>Calories</th>
	<th>Taste</th>
	</tr>
	<tr>

AlanSimpsonMe / formcontrols.txt

Created April 5, 2018 22:24

Style form controls

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<title>Alan Simpson</title>
	<style>
	/* These can go in an external style sheet, of course. I just put
	them here so all of the code would be in one place */

	@import url('https://fonts.googleapis.com/css?family=Open+Sans');

Alan Simpson AlanSimpsonMe