Skip to content

Instantly share code, notes, and snippets.

View pcalves's full-sized avatar
🍵

Paulo Coelho Alves pcalves

🍵
View GitHub Profile
/*
This code will click like's currently loaded
on a facebook page. It's likely in the future
the name of the classes may change.
Be careful though, if you do too many at once
you'll get a warning.
To use this copy and paste it to your browser's
javascript console, or add javascript: to the
@pcalves
pcalves / placeholder.js
Created November 5, 2013 12:58
Placeholder polyfill (requires jQuery and Modernizr).
// input placeholder polyfill
if(!Modernizr.input.placeholder){
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
@pcalves
pcalves / share.html
Last active December 31, 2015 07:59
Sharing without loading external elements.
<button href="http://twitter.com/home?status=STATUS" class="twitter">Tweet</button>
<button href="http://www.facebook.com/sharer.php?s=100&amp;p[url]=URL&amp;p[title]=TITLE&amp;p[summary]=DESCRIPTION&amp;p[images][0]=ABSOLUTE_LINK_TO_IMAGE" class="facebook">FB Share</button>
<button href="http://pinterest.com/pin/create/button/?url=URL&amp;media=MEDIA_IMG_OR_VIDEO&amp;description=DESCRIPTION" class="pinit">Pin It</button>
<button href="http://www.tumblr.com/share/link?url=URL&amp;name=NAME&amp;description=DESCRIPTION" class="tumblr">Tumblr</button>
@pcalves
pcalves / delete_dupes.sql
Last active January 3, 2016 21:09
Delete duplicate entries in a table (MySQL).
DELETE FROM table
USING table, table t2
WHERE table.id > t2.id
AND table.`column` = t2.`column`
@pcalves
pcalves / dabblet.css
Last active August 29, 2015 13:56
Full page background
/**
* Full page background
* http://css-tricks.com/perfect-full-page-background-image/
*/
.bg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
@pcalves
pcalves / dabblet.css
Last active August 29, 2015 13:57
CSS Triangle border
/**
* CSS Triangle border
*/
body {
background-color: #e6e6da;
color: black;
font-family: sans-serif;
font-size: 14px;
}
@pcalves
pcalves / dabblet.css
Created March 27, 2014 17:45
CSS border experiments
/**
* CSS border experiments
*/
.bd {
display: inline-block;
border-top: 100px solid #e55;
border-left: 100px solid #e55;
border-right: 100px solid #e55;
border-bottom: 100px solid #e55;
width: 1px;
@pcalves
pcalves / dabblet.css
Created March 28, 2014 17:21
Custom radio buttons & checkboxes with CSS
/**
* Custom radio buttons & checkboxes with CSS
* http://lea.verou.me/css3-secrets/#slide31
*/
/**
* These styles are for this dabblet only
*/
body {
color: #111;
@pcalves
pcalves / fkCyi.markdown
Created October 22, 2014 16:36
A Pen by Paulo Coelho Alves.
@pcalves
pcalves / gulpfile.js
Created November 28, 2014 17:05
Basic gulpfile.js (no autoprefixer)
/**
* This gulpfile considers the following directory structure:
*
* .
* ├── app PHP framework stuff
* ├── bower_components Front-end libraries
* ├── node_modules Gulp & Gulp modules
* ├── public Production-ready assets
* │   ├── css
* │   ├── fonts