building

Mark Lee leemark

building

Maker of things, solver of problems. #web #javascript #python #ai + tech optimist

leemark / index.html

Created March 28, 2013 04:32

x-webkit-speech example

leemark / style.css

Last active December 15, 2015 11:19

Zoom on hover

	div{
	margin: 45px;
	/ prevent screen flash on child element :hover state transform /
	-webkit-transform: translate3D(0, 0, 0)

	}
	img {
	/ basic styles /
	max-width: 200px;
	margin: 1px;

leemark / mediaqueries.html

Last active December 15, 2015 09:59

Some example media queries.

	<ul>
	<li data-email="[email protected]">Jim</li>
	<li data-email="[email protected]">Julie</li>
	<li data-email="[email protected]">Jay</li>
	<li data-email="[email protected]">Jennie</li>
	</ul>

leemark / linktarget.html

Last active December 15, 2015 08:19

Style in-page link targets using :target. http://codepen.io/leemark/pen/ncLFr

	<div class="container" id="main">
	<nav>
	<h1>Navigation</h1>
	<ul>
	<li><a href="#lorem">Lorem ipsum dolor sit amet.</a></li>
	<li><a href="#invenitatis">In venenatis auctor eros sed rhoncus.</a></li>
	<li><a href="#utinorci">Ut in orci enim.</a></li>
	<li><a href="#donecdiam">Donec diam dolor.</a></li>
	<li><a href="#donectortor">Donec tortor mi.</a></li>
	</ul>

leemark / full-viewport-animated-background.html

Last active March 29, 2023 22:00

Full-screen animated gif background

	<!doctype html>
	<html>
	<head>
	<meta charset=utf-8>
	<title>horse</title>
	<link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'>
	</head>
	<body>
	<h1>Sallie Gardner at a Gallop</h1>
	</body>

leemark / form.html

Last active December 15, 2015 01:58

Some example form code - html5 input types, validation, etc.

	<form>

	<!-- email input type, required - the form won't submit if empty -->
	<input type="email" id="youremail" placeholder="[email protected]" required />
	<label for="youremail">your email</label>

	<!-- url input type, optional - form will submit if empty, but if you do enter a value it needs to conform to URL type validation -->
	<input type="url" id="yourwebsite" placeholder="http://example.com" />
	<label for="yourwebsite">your website</label>