Skip to content

Instantly share code, notes, and snippets.

View unisys12's full-sized avatar

Phillip Jackson unisys12

View GitHub Profile
@unisys12
unisys12 / index.html
Last active December 14, 2015 03:59
A CodePen by Phillip Jackson. Canvas Grid - Teaching myself HTML5 Canvas and this was the first project idea I had. Well, actually I was going to work on something else, but I wanted a grid on the canvas to help with picking out points and I did not want to paste and edit 190 line elements. So, I came up with this. For some reason though, my alp…
<div class="main" id="main">
<canvas id="canvas" width="568" height="262">
Your Browser Does Not Support HTML5 Canvas
</canvas>
</div>
@unisys12
unisys12 / index.html
Created February 24, 2013 15:20
A CodePen by Phillip Jackson. Animated Circle - Work in Progress Simple circle, with a center point, arm and pointer on the circle itself. Arm should rotate, like a clock. 2/23/13 - Updated positions and now using margins. Also, removed the use of em's and moved to pixels. This allowed me to get rid of the dynamic/wild movement of the object whe…
<div class="container">
<div class="circle">
<div class="centerDot"></div>
<div class="arm"></div>
<div class="outterDot"></div>
</div>
<div class="line"></div>
</div>
@unisys12
unisys12 / MY_form_helper.php
Created February 8, 2013 23:29
Codeigniter MY_form_helper.php - Adds some HTML5 Form Input Types that are not currently included. To use, just copy this file into your "application/helpers" folder while keeping the same name... MY_form_helper.php
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
/**
* CodeIgniter HTML5 Form Helpers
*
* @package CodeIgniter
* @subpackage HTML5 Form Helpers
* @category Helpers
* @author Phillip Jackson
*/
@unisys12
unisys12 / gatherInfo.js
Last active December 12, 2015 01:08
My first JavaScript experiment. Since I am currently learning JavaScript, this was my first - "I wonder if I can do that?" moment. So, it's nothing special.
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScript Form Fill</title>
<meta name="viewport" content="width=device-width">
<style>
ul li {
@unisys12
unisys12 / folder.html
Last active October 12, 2015 04:28
A CodePen by Phillip Jackson. CSS Folder Icon - This was a CSS exercise in using CSS Transform Matrix. It's made of two div's, for the front and rear of the folder and a span for the text.
<div class="front">
<span>TOP SECRET</span>
</div>
<div class="rear"></div>