imarkdesigns’s gists

imarkdesigns / class-form.html

Created October 17, 2012 01:45

LESS-CSS Class-Form

	<style>
	.class-form {
	dl { clear: both; float: left; width: 100%; margin: 0 0 10px;
	dt, dd { float: left; min-height: 30px; margin: 0; }
	dt { font: 400 12px/22px sans-serif; text-indent: .5%; width: 18%; margin-right: 1.5%; }
	dd { width: 80%;
	small { display: block; font-size: 11px; color: #888; margin: 3px 0; }
	span[img] { display: block; background: #D5D5D5; width: 64px; height: 64px; overflow: hidden; .border-radius(3px); }
	input[type=text], input[type=email], input[type=password] { text-indent: 1%; width: 99%; padding: 6px 0; border: solid 1px #CCC; border-radius: 3px; }
	input[compact] { text-indent: 2%; width: 31.7%; margin-left: 1%;

imarkdesigns / agreement.html

Created October 17, 2012 01:48

Disabled Submit Button with jQuery Script

	<form>
	<input type="checkbox" name="agree" id="agree" value="1">
	<button type="submit" class="btn">Accept Terms & Conditions</button>
	</form>

	<script>
	$(function(){
	$('.btn').attr('disabled', 'disabled');
	$('#agree').click(function(){
	if($(this).is(':checked')) {

imarkdesigns / screen-panel.html

Created October 17, 2012 01:51

Centered Modal Window Panel

	<script>
	$(function (){

	//TRACK SCREEN-SIZE & CREATE OBJECT FIX POSITION
	var sp = $('.popup-element'),
	winWidth = $('#screen-panel').width() / 2 - sp.width() / 2,
	winHeight = $('#screen-panel').height() / 2 - sp.height() / 2;

	//CHECK IF THE WIDTH & HEIGHT IS DIVIDING THE SCREEN-SIZE
	console.log(winWidth, winHeight);

imarkdesigns / process.html

Created October 17, 2012 03:06

xHTML WebMail Template

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>newsletter</title>
	<style type="text/css">

	/xHTML MAIL RESET/
	body {width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}

imarkdesigns / basic.html

Created October 26, 2012 03:15

HTML5 Basic Page

	<!doctype html>
	<!--[if lte IE 8]><html class="msie no-js" lang="en"><![endif]-->
	<!--[if gte IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<title>HTML5 Basic Page</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width">
	<link rel="shortcut icon" href="./favicon.ico">

imarkdesigns / Mac-Show-Hidden-Files

Created August 3, 2013 13:31

To enable hidden files/folders in finder windows

	Open Finder
	Open the Utilities folder
	Open a terminal window
	Copy and paste the following line in:

	defaults write com.apple.finder AppleShowAllFiles -boolean true

	Press return
	Now hold ‘alt’ on the keyboard and right click on the Finder icon
	Click on Relaunch

imarkdesigns / sequential list

Created August 5, 2013 12:27

jQuery Sequential List

imarkdesigns / cursor-resize-css

Created August 25, 2013 09:00

Customize cursor resize for textarea

.resize { cursor: row-resize; }

imarkdesigns / BasicPage.html

Last active August 29, 2015 13:56

A basic html5 codes for new page

	<!DOCTYPE html>
	<!--[if lte IE 8]><html class="msie" lang="en"><![endif]-->
	<!--[if gte IE 9]><!--><html lang="en"><!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<title>HTML5 Basic Page</title>
	<style type="text/css">

	</style>
	</head>

imarkdesigns / jquery-snippet.js

Last active January 3, 2016 08:26

jQuery Snippet

Mark Joseph Rivera imarkdesigns