Skip to content

Instantly share code, notes, and snippets.

View wfpaisa's full-sized avatar

Felipe Uribe wfpaisa

View GitHub Profile
@wfpaisa
wfpaisa / init.css
Last active August 29, 2015 14:04
Start Prestashop.
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:62.5%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body {font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; line-height:1.42857143; color:#464646; background-color:#FFF; margin:0;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:before,
*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline;}
@wfpaisa
wfpaisa / beautifull.html
Last active August 29, 2015 14:04
Beautiful organiza el codigo css en lineas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Formato css</title>
<style>
body{float:left; width:100%;}
#txt1{float:left; width: 48%;}
#txt2{float:left; width: 48%;}
#ok{background:#ccc; float:left; padding:5px 20px; cursor:pointer;}
@wfpaisa
wfpaisa / demo-flex-css.html
Last active August 29, 2015 14:04
Demo de funcionamiento con el flexbox, ver mas info: http://css-tricks.com/snippets/css/a-guide-to-flexbox/
<ul class="flex-container">
<li class="flex-item">1</li>
<li class="flex-item">2</li>
<li id="pepito" class="flex-item">3</li>
<li class="flex-item">4</li>
<li class="flex-item">5</li>
<li class="flex-item">6</li>
<li class="flex-item">7</li>
<li class="flex-item">8</li>
<li class="flex-item">9</li>
@wfpaisa
wfpaisa / Drag-and-drop-horizontal-hammerjs.markdown
Created August 6, 2014 04:13
A Pen by Felipe Uribe Aristizabal.
@wfpaisa
wfpaisa / 1Sailsjs-y-Socketio..markdown
Last active August 29, 2015 14:05
Sails.js y Socketio Ejemplo basico.

Sails.js y Socketio Ejemplo basico.

Ejemplo basico de la creacion de una comunicacion al desencadenar un controllador por medio de Socketio en Sails.js

@wfpaisa
wfpaisa / gist:467bf3faa7bf5a1a2df7
Last active February 20, 2016 18:07
livereload

1. Instalar unas gemas hay algunas de mas, pero serviran

sudo apt-get install ruby-dev  || para fedora sudo dnf install ruby-devel
sudo gem install rdoc
sudo gem install guard
sudo gem install guard-livereload
sudo gem install bundler

sudo gem install compass
sudo gem install guard-compass

archivo: ~/.atom/snippets.cson

'*':
   'Traduccion Cakephp con php':
      'prefix': 'phptra'
      'body': '<?php echo \$translations[\'${1:this}\']; ?>${2}'

   'Traduccion Cakephp':
      'prefix': 'tra'

####Convertir canvas imagen a datauri, sera ya el formulario para enviar

para un canvas,donde canvas es el objecto que contiene la imagen fd es el formulario:

var dataURL = canvas.toDataURL('image/jpeg', 0.5);
var blob = dataURItoBlob(dataURL);
var fd = new FormData(document.forms[0]);
fd.append("canvasImage", blob);
```
para un base64, donde **Base64** es el string base64 con la imagen y **fd** es el formulario:
@wfpaisa
wfpaisa / listenkbd.py
Last active April 21, 2016 03:35
screenkey linux personalizando, permitiendo solo comando y agregando el texto espacio en blanco: /lib/python2.7/site-packages/Screenkey
# Copyright (c) 2010 Pablo Seminario <pabluk@gmail.com>
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
@wfpaisa
wfpaisa / settings.txt
Last active April 26, 2016 01:26
Bracktes theme
care bear stare , Material theme
16px
monaco