Skip to content

Instantly share code, notes, and snippets.

View nbatalla03's full-sized avatar

Nelsol Batalla nbatalla03

9 followers · 1 following
View GitHub Profile
@nbatalla03
nbatalla03 / gist:9594343
Created March 17, 2014 05:18
<!-- Element selectors -->
p, a, body, html
<!-- Descendant selectors -->
ul li { ... }
<!-- Child selectors -->
ul > li { ... }
<!-- Attribute selectors -->
@nbatalla03
nbatalla03 / gist:9594410
Created March 17, 2014 05:27
.header {
width: 960px;
margin: 0 auto;
}
.footer {
margin-top: 30px;
}
.article {
@nbatalla03
nbatalla03 / gist:9594513
Last active August 29, 2015 13:57
.gradient {
background-image: -o-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%);
background-image: -moz-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%);
background-image: -webkit-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%);
background-image: -ms-linear-gradient(bottom, #8A858B 0%, #A6A0A7 100%);
background-image: linear-gradient(to bottom, #8A858B 0%, #A6A0A7 100%);
}
.box {
border: 1px solid #aaa;
@nbatalla03
nbatalla03 / gist:9594559
Created March 17, 2014 05:47
<nav>
<li>Home</li>
<li class="active">About</li>
<li>Contact</li>
</nav>
.active {
background: red;
}
@nbatalla03
nbatalla03 / gist:10014059
Last active August 29, 2015 13:58
gem 'rack-contrib'
group :development do
gem 'unicorn'
end
@nbatalla03
nbatalla03 / gist:10014099
Created April 7, 2014 02:37
require 'rack'
require 'rack/contrib/try_static'
use ::Rack::TryStatic,
:root => "build", # where middleman files are generated
:urls => %w[/] # match all requests
:try => ['.html', 'index.html', '/index.html'] # try these postfixes sequentially
# 404
run lambda { [404, {'Content-Type' => 'text/plain'}, [' File not found.']]}
@nbatalla03
nbatalla03 / gist:10014611
Created April 7, 2014 03:55
<!--SEO Optimized-->
<div class="header"></div>
<div class="content">
<p>Lorem ipsum.</p>
</div>
<div class="sidebar"></div>
@nbatalla03
nbatalla03 / gist:10014747
Created April 7, 2014 04:15
<div class="content">
<p>Lorem ipsum.</p>
</div>
<div class="header"></div>
<div class="sidebar"></div>
<div class="footer"></div>
@nbatalla03
nbatalla03 / gist:11191627
Created April 22, 2014 19:36
<!-- Border w/o pseudo elements -->
<style>
.separator {
width: 100%;
height: 1px;
background: #000;
}
</style>
<div class="content">
@nbatalla03
nbatalla03 / gist:dfdae0a4e13d3036c314
Last active August 29, 2015 14:01
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">