Doug Gibson dgibson666

🏠

Working from home

I ❤ front-end development, a11y, and design systems. Former full-stack ColdFusion/SQL developer. Undead portrait from Age of Wonders (courtesy of Lennart Sas).

7 followers · 13 following

Frederick, Maryland, USA
22:47 (UTC -05:00)
http://www.dgibson.net/
in/douggibson
doug.gibson
@dgibson.bsky.social

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

dgibson666 / skipnav2.html

Created August 15, 2014 20:40

Best Practice Skipnav #2

	<!--- Style and implementation from http://webaim.org/techniques/skipnav/ --->
	<style>
	#skipnav a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;

dgibson666 / targetfade.css

Created July 18, 2014 21:54

Target Fade CSS

	/*
	Quick fade on target to attract user attention
	http://snook.ca/archives/html_and_css/yellow-fade-technique-css-animations
	*/
	:target {
	-webkit-animation: target-fade 3s 1;
	-moz-animation: target-fade 3s 1;
	}
	@-webkit-keyframes target-fade {
	0% { background-color: rgba(255,255,0,1); }

dgibson666 / 508 Skip Nav

Last active August 29, 2015 14:01

	<!--- Style and implementation from http://webaim.org/techniques/skipnav/ --->
	<style>
	#skipnav a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;

dgibson666 / table_508_simple.html

Last active January 23, 2019 17:32

Basic Accessible Table Markup

	<!-- Summary is deprecated -->
	<div class="table-responsive">
	<table id="tableid" aria-describedby="captionid">
	<caption id="captionid" role="alert" aria-live="polite">[Data] sorted by [column header]</caption>
	<colgroup>
	<col />
	<col />
	</colgroup>
	<col />
	<col />

NewerOlder