Skip to content

Instantly share code, notes, and snippets.

View philippebarbosa's full-sized avatar

Philippe Barbosa philippebarbosa

14 followers · 40 following
View GitHub Profile
@philippebarbosa
philippebarbosa / boilerplate.html
Created March 25, 2014 16:06
<!-- HTML5 Doctype. Remember to delete these comments (Quirks Mode). -->
<!doctype html>
<!-- Modernizr HTML tags with IE classes. -->
<!--[if lt IE 7]> <html lang="" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="" class="no-js"> <!--<![endif]-->
<!-- Let's get started. -->
@philippebarbosa
philippebarbosa / 0_reuse_code.js
Created April 29, 2014 14:57
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
@philippebarbosa
philippebarbosa / Animated-Burger-menu-CSS3.markdown
Created July 1, 2014 20:11
A Pen by Sam Renault.
@philippebarbosa
philippebarbosa / gzHDs.markdown
Created August 28, 2014 08:17
A Pen by Erick.
@philippebarbosa
philippebarbosa / boucing-timing.css
Created October 1, 2014 14:03
Cute bouncing timing function
transition: all 0.4s cubic-bezier(0, 1.4, 1, 1.4);
@philippebarbosa
philippebarbosa / Better Helvetica
Created January 28, 2013 13:39
Better Helvetica - Thanks : css-tricks.com
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
@philippebarbosa
philippebarbosa / Social_snippets
Created January 31, 2013 14:29
Social Snippet for html <head>
<!-- FACEBOOK -->
<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" />
<!-- TWITTER -->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:url" content="http://www.website.com/article-name"/>
<meta name="twitter:title" content="Title of the Article"/>
@philippebarbosa
philippebarbosa / semanticgridsystem.md
Last active December 16, 2015 04:29
Here is a list of the current available CSS grid-systems that don't use ugly span-X or col-X classes.
@philippebarbosa
philippebarbosa / Reminder : SCSS files management
Last active December 17, 2015 00:18
CSS organisation
// Source : http://bit.ly/124AZEH
-----
// Vendor
@import "susy";
@import "modular-scale";
@import "vendor/animate";
// Mixins
@philippebarbosa
philippebarbosa / Reminder : Settings for .sh executable file
Last active December 17, 2015 22:48
How to set a .sh file
Settings an executable sh file :
- Last line of .sh file :
#!/bin/sh
- in terminal, set the file executable
chmod +x name.sh
- then to open it :
./script.sh