Skip to content

Instantly share code, notes, and snippets.

View marciobarrios's full-sized avatar

Marcio Barrios marciobarrios

View GitHub Profile
@marciobarrios
marciobarrios / dabblet.css
Created March 22, 2013 10:51
Styling selects for IE8+
/**
* Styling selects for IE8+
*/
body { text-align: center; padding: 2em; }
* { font: 14px/20px sans-serif; margin: 0; padding: 0; }
.selectfield { position: relative; display: inline-block; }
.selectfield select {
width: 100%;
display: inline-block;
@marciobarrios
marciobarrios / dabblet.css
Created March 20, 2013 12:20
Vertical align .b inside .c
/* Vertical align .b inside .c */
/* Default */
body { font: 14px/20px sans-serif; }
.c { width: 300px; height: 300px; background: #eee; margin: 20px auto; text-align: center; }
.e { width: 200px; background: #ffc; }
/* Align .e (element) in the middle of .c (container) */
@marciobarrios
marciobarrios / dabblet.css
Created March 20, 2013 11:52
A little test for CSS interviews
/* A little test for CSS interviews */
/* Default */
body, input { font: 14px/20px sans-serif; color: #666; }
fieldset { border: 0; }
legend { font-weight: bold; }
input { padding: 9px; margin: 0; border: 1px solid #ccc; border-radius: 4px; margin-left: 10px; }
input:focus { outline: none; }
legend, label { color: #222; width: 150px; }
@marciobarrios
marciobarrios / dabblet.css
Created December 15, 2012 22:26
A try to create the Gmail 2 loader for ios (in progress)
/**
* A try to create the Gmail 2 loader for ios (in progress)
*/
body { text-align: center; margin: 2em; }
i {
font: 0/0 a;
overflow: hidden;
position: relative;
display: inline-block;
width: 20px;

Code Style

  • Tab indentation
  • Single-quotes
  • Semicolon
  • Strict mode
  • No trailing whitespace
  • Variables at the top of the scope
  • Multiple variable statements
  • Space after keywords and between arguments and operators
@marciobarrios
marciobarrios / html-entities.md
Created November 8, 2012 09:12 — forked from leostratus/html-entities.md
HTML Entities/HTML Escape Characters

Because somehow I always end up trolling the interwebs looking for a reference for these.

Symbol Code Entity Name
@marciobarrios
marciobarrios / dabblet.css
Created November 4, 2012 22:41 — forked from trevorgerzen/dabblet.css
YouTube Footer Buttons
/*
YouTube Footer Buttons
*/
.button {
border: 1px solid #DDD;
border-radius: 3px;
text-shadow: 0 1px 1px white;
box-shadow: 0 1px 1px #fff;
font: bold 11px Sans-Serif;
/*
CSS3 tucked corners (http://www.red-team-design.com/css3-tucked-corners)
This is an improvement of this demo: http://jsfiddle.net/joshnh/4vn6p/
*/
body { background: #eac996 url(http://www.red-team-design.com/wp-content/uploads/2012/10/wood.png) }
.tucked-corners-top {
position: relative;
width: 500px; min-height: 200px;
margin: 100px auto; padding: 20px;
background-color: #fff; /* Fallback */
@marciobarrios
marciobarrios / Questions.md
Created October 31, 2012 17:52 — forked from Integralist/Questions.md
Recruitment Questions for front-end developer (modified from https://github.com/darcyclarke/Front-end-Developer-Interview-Questions)

##JavaScript specific Questions

  • Which JavaScript libraries have you used?
  • How is JavaScript different from Java?
  • What are undefined and undeclared variables?
  • What is an expression?
  • What is a statement?
  • Give an example of a function declaration
  • Give an example of a function expression
  • Explain what the DOM is and some best practices for interacting with it.
@marciobarrios
marciobarrios / LICENSE.txt
Created October 31, 2012 17:49 — forked from Integralist/LICENSE.txt
140byt.es -- addObserverMethods
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 Sascha Depold http://depold.com
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE