Jabal Torres jabaltorres

Marketing designer and developer

jabaltorres / dls-forms.html

Last active December 17, 2015 04:06

Form on DLS component list

	<section id="forms" class="row section">
	<div class="large-12 columns">
	<h1>Forms</h1>
	</div>
	<span class="gist"><a class="icon icon-ajmn-embed" href="https://gist.github.com/capitalJT/c71f0c898fd52c501a96" target="_blank"></a></span>
	<hr>
	<div class="large-12 columns">
	<div class="medium-4 columns">
	<form action="#">
	<label>Name

jabaltorres / scroll-to-top.js

Last active August 29, 2015 14:15

Scroll to top gist

	// calculating some values
	var header_height = $('.header').outerHeight(),
	scroll_top_icon = $('#scroll-to-top'),
	scrollTop = $(window).scrollTop();

	// Scroll to top function 1/2
	$(function(){
	$(window).scroll(function(){
	if( scrollTop > header_height ){
	scroll_top_icon.fadeIn();

jabaltorres / font-size-mixin.scss

Created February 1, 2015 16:43

sass mixin for rem font sizing & line height with px fallback

	@mixin font-size($sizeValue: 16, $line: $sizeValue * 1.5) {
	font-size: ($sizeValue) + px;
	line-height: ($line) + px;
	font-size: ($sizeValue / 16) + rem;
	line-height: ($line / 16) + rem;
	}

jabaltorres / Form.html

Last active August 29, 2015 14:03

Basic form template

	<form method="post" action="addemail.php">
	<label for="firstname">First name:</label>
	<input type="text" id="firstname" name="firstname" />
	<label for="lastname">Last name:</label>
	<input type="text" id="lastname" name="lastname" />
	<label for="email">Email:</label>
	<input type="text" id="email" name="email" />
	<input type="submit" name="Submit" value="Submit" />
	</form>

jabaltorres / Waypoints-test

Last active August 29, 2015 13:59

A basic example of how to use waypoints.js