Jason Melgoza jasonmelgoza

🏠

Working from home

Product Designer & Front End Developer

jasonmelgoza / fadin_onload.html

Created April 19, 2010 16:53

window.onload = function() {$('#logo').hide().fadeIn(3000);};

jasonmelgoza / fadein.html

Created April 19, 2010 17:45

Images fade in onload

	<!DOCTYPE HTML>
	<html>
	<head>
	<title>FadingIN</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
	window.onload = function() {$('.fade_img').hide().fadeIn(1000);};
	});

jasonmelgoza / flickr-feed.html

Created April 20, 2010 16:54

	<script type="text/javascript">
	function flickr_feed(div,id,size,amount,tag,set) {
	/**
	*
	* Get your ID from here: http://idgettr.com
	*
	* Size options are:
	* b=big (1024px)
	* m=medium (240px - default)
	* s=square (75x75px)

jasonmelgoza / layout1.html

Created April 29, 2010 17:08

	<hgroup class="row">
	<header class="column grid_5"><h1>header</h1></header>
	<nav class="column grid_7"><p>nav</p></nav>
	</hgroup>
	<section class="row">
	<div class="column grid_6"><p>content</p></div>
	<div class="column grid_3"><p>aside</p></div>
	<div class="column grid_3"><p>aside</p></div>
	</section>
	<footer class="row">

jasonmelgoza / button.css

Created April 29, 2010 19:07

button style

	button {
	display: block;
	min-width: 99px;
	background: #fff url(/images/btn-shader.png) 0 100% repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
	border-top-color: #d4d4d4;
	border-left-color: #d4d4d4;

jasonmelgoza / gradient.css

Created April 29, 2010 20:21

some style to handle gradiant bg in the big three browsers

	#gradient {
	color: #fff;
	height: 100px;
	padding: 10px;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #00f, #fff);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF);

jasonmelgoza / gist:384348

Created April 29, 2010 22:15

	.shadow {box-shadow: 1px 1px 5px #000;
	-o-box-shadow: 1px 1px 5px #000;
	-icab-box-shadow: 1px 1px 5px #000;
	-khtml-box-shadow: 1px 1px 5px #000;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	}

jasonmelgoza / cal_style.html

Created May 4, 2010 00:10

Z-vents cal widget

	<style type="text/css">
	div.DemoWrapper { background: #fff; border: #ccc 1px solid; width: 280px; min-height: 130px; display: block; padding: 10px; }
	div#FresnobeeCalendarPicker { }
	ul.ZventsQuickDayList { margin: 0; padding: 0; }
	ul.ZventsQuickDayList li { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
	.ZventsDayButton { float: left;
	margin: 0 2px 0 0;
	background: #eee;
	text-align: center;
	font-size: 10px;

jasonmelgoza / promo.css

Created May 4, 2010 19:03

jasonmelgoza / button.css

Created May 4, 2010 20:56

button style setup

	div a.button:active {
	background-position:0 -48px;
	}

	div a.button:link, div a.button:visited {
	background:url("/assets/images/application_button_signup.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:24px;
	text-indent:-99999em;
	width:75px;

	.promos {
	-moz-border-radius:15px 15px 15px 15px;
	-moz-box-shadow:0 1px #F5F5F5;
	background:-moz-linear-gradient(center top , #EAEAEA, #E4E4E4) repeat scroll 0 0 transparent;
	border:1px solid #D7D7D7;
	color:#666666;
	font-size:13px;
	margin:0 0 20px;
	padding:15px 39px;
	}