Jeff S. jdstein1

CSS Shield

A shield shape with one DOM element.

A Pen by Jeff S. on CodePen.

License.

Medals

Using CSS and character entities to create graphics for achievement medals.

Reference:

http://dev.w3.org/html5/html-author/charref

A Pen by Jeff S. on CodePen.

License.

Destiny API reference

A list of APIs for player data in Bungie's Destiny

Groups

Clans

API - Clan

Media Queries test

A Pen by Jeff S. on CodePen.

License.

Responsive Search Bar

Flat Style

by Jeff Stein

About

This is a test of an HTML search bar using various layout techniques. The layout is an HTML form with back button fieldset and search input fieldset. The inner search fieldset has a search box and clear "X" button. The variations use 1) auto width DIVs, 2) TABLEs, and 3) percentage width DIVs.

Responsive Search Bar

Normal Style

by Jeff Stein

About

This is a test of an HTML search bar using various layout techniques. The basic layout is an HTML form with input search box and "Go!" button. The variations use 1) auto width DIVs, 2) TABLEs, and 3) percentage width DIVs.

Toggling with AngularJS

by Jeff Stein

About

This is a small example of how you can toggle classes and overlays with the ngClick directive. It performs a show/hide on an overlay DIV, activates/deactivates clicked item, and changes the state of the overlay.

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Canvas Hexagonal Map</title>
	<style type="text/css">
	canvas {
	border:0;
	display:block;
	margin:0 auto;