Skip to content

Instantly share code, notes, and snippets.

View marcusstephens's full-sized avatar

Marcus Stephens marcusstephens

View GitHub Profile
@marcusstephens
marcusstephens / animations.css
Created January 9, 2014 21:00
CSS On Scroll Animations
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================
Made by Justin Aguilar
www.justinaguilar.com/animations/
Questions, comments, concerns, love letters:
@marcusstephens
marcusstephens / htacces-cdn-fonts-check.html
Created December 16, 2013 20:57
Serving Fonts from CDN http://davidwalsh.name/cdn-fonts
$ curl -I https://some.cdn.otherdomain.net/media/fonts/somefont.ttf
# Result
HTTP/1.1 200 OK
Server: Apache
X-Backend-Server: developer1.webapp.scl3.mozilla.com
Content-Type: text/plain; charset=UTF-8
Access-Control-Allow-Origin: *
ETag: "4dece1737ba40"
Last-Modified: Mon, 10 Jun 2013 15:04:01 GMT
@marcusstephens
marcusstephens / media-queries.css
Created December 10, 2013 00:51
Media Queries From http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
@marcusstephens
marcusstephens / left-and-right-halves-layout.html
Created December 10, 2013 00:49
Left and Right Halves Layout From http://css-tricks.com/snippets/html/left-right-halves-layout/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Some Example from CSS-Tricks</title>
<style type="text/css">
@marcusstephens
marcusstephens / form-example.html
Created December 10, 2013 00:48
Form Example http://css-tricks.com/snippets/html/example-form-markup/
<form id="myForm" action="#" method="post">
<div>
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" tabindex="1">
</div>
<div>
<h4>Radio Button Choice</h4>
@marcusstephens
marcusstephens / html5-page-template.html
Created December 10, 2013 00:47
HTML5 Page Template http://css-tricks.com/snippets/html/html5-page-structure/
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Your Website</title>
</head>
<body>
@marcusstephens
marcusstephens / @import.css
Created December 10, 2013 00:44
@import CSS
@import url("../twentyeleven/style.css");
@marcusstephens
marcusstephens / css3-spinner.css
Created December 10, 2013 00:43
CSS3 Spinner
#bowlG{
position:relative;
width:114px;
height:114px;
}
#bowl_ringG{
position:absolute;
width:114px;
@marcusstephens
marcusstephens / css-stylesheet-template.css
Created December 10, 2013 00:41
CSS Stylesheet Template
/****************************************************************
-------------------------- GENERAL ------------------------------
****************************************************************/
html {}
body {}
@marcusstephens
marcusstephens / meta-noindex.html
Created December 10, 2013 00:34
Robots Meta Tag
<meta name="robots" content="noindex,nofollow,noimageindex" />
<meta name="robots" content="none" />