Skip to content

Instantly share code, notes, and snippets.

View Heintzsight's full-sized avatar

Matt Heintzsight

13 followers · 23 following
View GitHub Profile
@Heintzsight
Heintzsight / comic editor
Last active June 12, 2016 02:36
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css">
<script src="http://cmx.io/v/0.1/cmx.js" charset="utf-8"></script>
<style>.cmx-user-scene4 .cmx-text-border .cmx-path {stroke: orange}</style>
<body>
<div style="max-width:900px; -webkit-transform:rotate(0deg)">
<scene id="scene1">
<label t="translate(0,346)">
@Heintzsight
Heintzsight / index.html
Created January 23, 2013 13:29
A CodePen by Matt. Scalable textures : toolkit gallery v.1.2 - Please love and reuse these textures. I collected and display here 40+ elegant black or white textures with associated code. Helpful for designers to see and reuse them. Submissions: Patterns/texture submission welcome on the /details#chat! Source: Most patterns are available for fre…
<h2 class="msg"><br />Elegant textures' url & code. You know another ? Please submit on <a href="http://codepen.io/hugolpz/details/wsfbt">this pen's chat</a></h2>
<table><tr><td>
<!-- <h2>Blacks </h2> -->
<div class="wrapper hixs_pattern_evolution"></div>
<div class="wrapper darkLeather"></div>
<div class="wrapper dark_wood"></div>
<div class="wrapper diagmonds"></div>
<div class="wrapper real_cf"></div>
<div class="wrapper triangles"></div>
<div class="wrapper nami"></div>
@Heintzsight
Heintzsight / index.html
Created January 17, 2013 17:18
A CodePen by Matt. Style tiles with SCSS - Design style tiles in the browser with SCSS! Fork this in CodePen and make your own tiles. Share your tiles with clients with the Full Page link. Go CodePen Pro and update styles on the fly in Live View in a meeting with your client. It's responsive, too. Get your in-browser design on. On GitHub at http…
<div class="header-wrapper">
<header class="group">
<h1>Style Tile<br>Template</h1>
<hgroup class="project-title">
<h2>Project name</h2>
<h3>Style tile</h3>
<h4>Version 1</h4>
</hgroup>
</header>
</div>
@Heintzsight
Heintzsight / index.html
Created January 13, 2013 17:50
A CodePen by Matt. HTML5 Video Player UI - HTML5 video skin. Found a great tutorial that walks you through how to skin an html5 video. Works great and looks great! Try it out Tutorial: http://www.inwebson.com/html5/custom-html5-video-controls-with-jquery/ Original design here http://dribbble.com/shots/866381-Mini-Player
<section id="wrapper">
<div class="videoContainer">
<video id="myVideo" controls preload="auto" poster="http://simplypx.com/images/vp_poster.jpg" width="380" >
<source src="http://simplypx.com/images/Prometheus.mp4" type="video/mp4" />
<p>Your browser does not support the video tag.</p>
</video>
<div class="caption">Prometheus</div>
<div class="control">
<div class="btmControl">
@Heintzsight
Heintzsight / gist:4061050
Created November 12, 2012 18:35
CSS: Image Replacement
.ir {
border:0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}