Loonb loonfly

💭

I may be slow to respond.

loonfly / QRLogo.php

Created January 21, 2014 14:47 — forked from NTICompass/QRLogo.php

	<?php
	/**
	* QR Code + Logo Generator
	*
	* http://labs.nticompassinc.com
	*/
	$data = isset($_GET['data']) ? $_GET['data'] : 'http://labs.nticompassinc.com';
	$size = isset($_GET['size']) ? $_GET['size'] : '200x200';
	$logo = isset($_GET['logo']) ? $_GET['logo'] : FALSE;

loonfly / index.html

Created September 2, 2012 23:31

Simple character counter with a custom min and max comment length. Not much in the way of validation, just something simple.

	<form id="enquiry" action="">
	<textarea maxlength="140" name="message" id="message" placeholder="Add your comment!"></textarea>
	<input type="submit" value="Add Comment">
	</form>

loonfly / index.haml

Created September 2, 2012 23:27

Inspired by [iD vCard](http://dribbble.com/shots/463484-iD-vCard) from [Niklas Mathiesen](http://dribbble.com/nikm) **Work in progress as always :D**

	%body.bg-grid-line

	%div.card
	%header
	%h1 Skills
	%article
	%img#thumb{:src => "http://timpietrusky.com/img/tim_pietrusky_on_rampage.jpg", :alt => "My Pic"}
	%h2 Tim Pietrusky

	%div.area

loonfly / index.html

Created September 2, 2012 23:25

A small CSS-only dropdown menu made with the popular checkbox hack.

	<div class="dropdown-menu ddm1">
	<input type="checkbox" name="toggle" id="toggle">
	<label for="toggle">Menu</label>
	<ul>
	<li><a href="#" title="Do something">Do something</a></li>
	<li><a href="#" title="Do something else">Do something else</a></li>
	<li><a href="#" title="Options">Options</a></li>
	</ul>
	</div>

loonfly / index.html

Created September 2, 2012 23:23

Original idea by Kasper Nordkvist (http://kaspernordkvist.dk/lab/dtp/).

loonfly / index.html

Created September 2, 2012 23:21

Nothing spectacular, a one-minute draft. :)

loonfly / index.html

Created September 2, 2012 23:14

Just playing around with the box-sizing:border-box; + border trick. What d'you think ? :)

	<div id="wrapper">
	<h1>
	<span class='light'>Hugo</span>Giraudel
	<span class='role'>Webmaster</span>
	</h1>
	</div>

loonfly / index.html

Created September 2, 2012 23:06

From : http://simurai.com/post/9214147117/css3-brushed-metal

	<button class="metal radial">✈</button>
	<button class="metal linear">2</button>
	<button class="metal linear">1</button>
	<button class="metal linear">0</button>

	<a class="metal linear oval" href="http://simurai.com/post/9214147117/css3-brushed-metal">i</a>

	<h1>Brushed Metal by <a href="http://simurai.com/post/9214147117/css3-brushed-metal" title="Brushed Metal by Simurai">Simurai</a></h1>

loonfly / index.html

Created September 2, 2012 23:05

From : http://simurai.com/post/9214147117/css3-brushed-metal

	<button class="metal radial">✈</button>
	<button class="metal linear">2</button>
	<button class="metal linear">1</button>
	<button class="metal linear">0</button>

	<a class="metal linear oval" href="http://simurai.com/post/9214147117/css3-brushed-metal">i</a>

	<h1>Brushed Metal by <a href="http://simurai.com/post/9214147117/css3-brushed-metal" title="Brushed Metal by Simurai">Simurai</a></h1>

loonfly / index.html

Created September 2, 2012 22:25

Nice looking image hover/caption reveal with JS fallback. After looking at http://mattbango.com/notebook/web-development/hover-zoom-effect-with-jquery-and-css/ I wanted to make my own using only CSS. Decided to opt for the figure and figcaption elements.

	<figure>

	<figcaption>
	<p><span>Gibson</span> Les Paul</p>
	</figcaption>

	<img src="http://upload.wikimedia.org/wikipedia/commons/9/97/Gibson_Les_Paul_03.jpg" alt="">

	</figure>