Skip to content

Instantly share code, notes, and snippets.

View old-campos's full-sized avatar

Francisco Campos old-campos

2 followers · 0 following
  • Costa Rica
View GitHub Profile
@old-campos
old-campos / gist:3794069
Created September 27, 2012 13:41
HTML: HTML5 DOCTYPE
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
</body>
@old-campos
old-campos / index.html
Created October 11, 2012 05:13
HTML: Sample site
<!DOCTYPE HTML>
<!-- THE DOCTYPE tells the browser what type of webpage to render, the doctype used in this website is HTML5 which is the most recent HTML. -->
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>My Pimpin Website</title>
<!-- THE TITLE element is the name of the page, it is also visible in the browser tab. Its always good practice to give each page an appropriate title. -->
<meta name="description" content="A sample website, nothin fancy">
<meta http-equiv="author" content="Francisco Campos Arias">
<meta name="keywords" content="html, css, web, design, sample, practice">
@old-campos
old-campos / style.css
Created October 11, 2012 05:14
CSS: sample style
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
@old-campos
old-campos / gist:4588573
Created January 21, 2013 19:30
HTML: iOS viewport meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@old-campos
old-campos / gist:4693559
Created February 1, 2013 19:38
HTML: open graph tag
<meta property="og:image" content="http://www.website.com/thumbnail.jpg" />
<meta property="og:title" content="Article Title." />
<meta property="og:description" content="Article Description." />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.website.com/article-title" />
@old-campos
old-campos / gist:4694746
Created February 1, 2013 22:55
JQUERY: google jquery href
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
@old-campos
old-campos / gist:4694754
Created February 1, 2013 22:56
JQUERY: call selectivizr
<script type="text/javascript" src="[JS library]"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="selectivizr.js"></script>
<noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]-->
@old-campos
old-campos / gist:4997335
Created February 20, 2013 17:31
JAVASCRIPT: Google MOOTOOLS tag
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>
@old-campos
old-campos / mootools-core-1.4.5-full-nocompat-yc.js
Created February 20, 2013 17:40
JAVASCRIPT: mootools1.4.5
/*
---
MooTools: the javascript framework
web build:
- http://mootools.net/core/76bf47062d6c1983d66ce47ad66aa0e0
packager build:
- packager build Core/Core Core/Array Core/String Core/Number Core/Function Core/Object Core/Event Core/Browser Core/Class Core/Class.Extras Core/Slick.Parser Core/Slick.Finder Core/Element Core/Element.Style Core/Element.Event Core/Element.Delegation Core/Element.Dimensions Core/Fx Core/Fx.CSS Core/Fx.Tween Core/Fx.Morph Core/Fx.Transitions Core/Request Core/Request.HTML Core/Request.JSON Core/Cookie Core/JSON Core/DOMReady Core/Swiff
@old-campos
old-campos / index.html
Created February 28, 2013 20:35
A CodePen by Francisco Campos. Pull-tab jquery
<!DOCTYPE html>
<html>
<head>
<title>Slide Panel</title>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
</head>
<body>
<div class="panel">
<br />