John Stewart johnstew

## gmaps.html
<style type="text/css">
#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px
}
#map-container{
    display: block;
	width: 100%;
	height: 300px;

## DrupalAddPlaceholders.php
foreach ($form['submitted'] as $key => $value) {
		if (isset($form['submitted'][$key])) {
			$types = array('textfield', 'webform_email', 'textarea', 'select');

			if (isset($value['#type']) && in_array($value['#type'], $types)) {
				$form['submitted'][$key]['#attributes']['placeholder'] = t($value['#title']);
			}
		}
	}

## jQuery HTML5 placeholder fix.js
// Released under MIT license: http://www.opensource.org/licenses/mit-license.php

$('[placeholder]').focus(function() {
  var input = $(this);
  if (input.val() == input.attr('placeholder')) {
    input.val('');
    input.removeClass('placeholder');
  }
}).blur(function() {
  var input = $(this);

## SupportedBrowsers
IE9+ FF 27.0+ Safari 5+ Chrome 27+ Opera 18+

## fontsize
@mixin font-size($size){
	font-size: $size + px;
	font-size: ($size / 16)+ rem;
}

## view-content
<?php $content = $view->style_plugin->rendered_fields; ?>

## designer.html
<link rel="import" href="../core-ajax/core-ajax.html">

<polymer-element name="my-element">

  <template>
    <style>
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

## canvasboredom.html
<!DOCTYPE html>
<html>
<head>
	<title>Whatever</title>
</head>
<body>
<canvas id="canvas" width="500" height="500" style="display: block; margin: auto; border: 1px solid #000;"></canvas>

<script type="text/javascript">
var canvas  = document.getElementById("canvas"),

## package.json
{
  "name": "Project-Name",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-contrib-sass": "^0.8.1",
    "grunt-contrib-watch": "^0.6.1"
  }
}

## Direction-Aware-Hover-Goodness.markdown

      
        
          
            
              
              4 files
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                johnstew
                / Direction-Aware-Hover-Goodness.markdown
            
            
              Created
              November 16, 2014 03:53
            
              
                A Pen by John Stewart.
              
          
        
      
        
  
      
    Direction Aware Hover Goodness

Javascript Direction Aware Hover Goodness.
A Pen by John Stewart on CodePen.
License.
	<style type="text/css">
	#map-canvas {
	height: 100%;
	margin: 0px;
	padding: 0px
	}
	#map-container{
	display: block;
	width: 100%;
	height: 300px;
	foreach ($form['submitted'] as $key => $value) {
	if (isset($form['submitted'][$key])) {
	$types = array('textfield', 'webform_email', 'textarea', 'select');

	if (isset($value['#type']) && in_array($value['#type'], $types)) {
	$form['submitted'][$key]['#attributes']['placeholder'] = t($value['#title']);
	}
	}
	}
	// Released under MIT license: http://www.opensource.org/licenses/mit-license.php

	$('[placeholder]').focus(function() {
	var input = $(this);
	if (input.val() == input.attr('placeholder')) {
	input.val('');
	input.removeClass('placeholder');
	}
	}).blur(function() {
	var input = $(this);
	@mixin font-size($size){
	font-size: $size + px;
	font-size: ($size / 16)+ rem;
	}
	<link rel="import" href="../core-ajax/core-ajax.html">

	<polymer-element name="my-element">

	<template>
	<style>
	:host {
	position: absolute;
	width: 100%;
	height: 100%;
	<!DOCTYPE html>
	<html>
	<head>
	<title>Whatever</title>
	</head>
	<body>
	<canvas id="canvas" width="500" height="500" style="display: block; margin: auto; border: 1px solid #000;"></canvas>

	<script type="text/javascript">
	var canvas = document.getElementById("canvas"),
	{
	"name": "Project-Name",
	"version": "0.1.0",
	"devDependencies": {
	"grunt": "~0.4.5",
	"grunt-contrib-sass": "^0.8.1",
	"grunt-contrib-watch": "^0.6.1"
	}
	}