Skip to content

Instantly share code, notes, and snippets.

@fredcerdeira
fredcerdeira / index.haml
Created March 7, 2015 21:05
simple grid
%section
.grid
.col-12
%span
12
.col-6
%span
6
.col-6
%span
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow</title>
<style>
.box {
height: 150px;
width: 300px;
margin: 20px;
@fredcerdeira
fredcerdeira / index.html
Created February 26, 2014 13:31
A Pen by Fred Cerdeira.
<section class="load-balls">
<i></i>
<i></i>
<i></i>
</section>
@fredcerdeira
fredcerdeira / 0_reuse_code.js
Created February 12, 2014 01:51
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@fredcerdeira
fredcerdeira / SassMeister-input-HTML.html
Last active December 26, 2015 09:59
Generated by SassMeister.com.
<div class="opac">
hey!
</div>
<div class="wrap">
</div>
var activeElement = document.activeElement;
if(activeElement){
activeElement.blur();
}
iPad
1024 × 690 In landscape on iOS 4.3
1024 × 672 In landscape on iOS 5
768 × 946 In portrait on iOS 4.3
768 × 928 In portrait on iOS 5
1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3
1024 × 644 Always showing bookmarks bar in landscape on iOS 5
768 × 916 Always showing bookmarks bar in portrait on iOS 4.3
@fredcerdeira
fredcerdeira / gist:5244533
Last active December 15, 2015 10:19 — forked from tvandervossen/gist:1231476
iOS viewport sizes
iPad
1024 × 690 In landscape on iOS 4.3
1024 × 672 In landscape on iOS 5
768 × 946 In portrait on iOS 4.3
768 × 928 In portrait on iOS 5
1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3
1024 × 644 Always showing bookmarks bar in landscape on iOS 5
768 × 916 Always showing bookmarks bar in portrait on iOS 4.3
@fredcerdeira
fredcerdeira / dabblet.css
Created December 4, 2012 14:33 — forked from LeaVerou/dabblet.css
Vertical centering with Flexbox + margin fallback
/**
* Vertical centering with Flexbox + margin fallback
* Lea Verou & David Storey
*/
html, body { height: 100%; }
body {
width: 100%; /* needed for FF */
margin: 0;
background: #ddd;
background-image:
-webkit-linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px),
-webkit-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
background-image:
-moz-linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px),
-moz-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
-webkit-background-size:3px;
-moz-background-size:3px;