Skip to content

Instantly share code, notes, and snippets.

View hectorpalmatellez's full-sized avatar

Héctor Palma Téllez hectorpalmatellez

View GitHub Profile
@hectorpalmatellez
hectorpalmatellez / .eslintrc
Created July 27, 2015 13:57
Eslint settings
{
"env": {
"browser": 1 // http://eslint.org/docs/user-guide/configuring#specifying-environments
},
"globals": { // http://eslint.org/docs/user-guide/configuring#specifying-globals
// jQuery
"$": 1,
"$j": 1
},
"rules": {
{
"close_windows_when_empty": true,
"color_scheme": "Packages/Seti_UI/Scheme/Seti.tmTheme",
"command": "paste",
"draw_white_space": "all",
"font_size": 12.0,
"ignored_packages":
[
"Vintage"
],
@hectorpalmatellez
hectorpalmatellez / Preferences.sublime-settings
Last active August 29, 2015 14:14
Configuración de Sublime Text 3
{
"close_windows_when_empty": true,
"color_scheme": "Packages/Theme - Brogrammer/brogrammer.tmTheme",
"command": "paste",
"draw_white_space": "all",
"font_size": 12.0,
"ignored_packages":
[
"Vintage"
],
@hectorpalmatellez
hectorpalmatellez / placeholder-mixin
Created January 3, 2015 00:05
Mixin para placeholders
@mixin placeholder {
&::-webkit-input-placeholder {@content}
&:-moz-placeholder {@content}
&::-moz-placeholder {@content}
&:-ms-input-placeholder {@content}
}
// Se usa así:
// input {
// @include placeholder {
// color: #000;

Keybase proof

I hereby claim:

  • I am hectorpalmatellez on github.
  • I am hpt (https://keybase.io/hpt) on keybase.
  • I have a public key whose fingerprint is BB2D D936 494E 3B98 2DD9 CC47 CB02 025B 9BDD 5A30

To claim this, I am signing this object:

// Generated on 2014-06-03 using generator-bones 0.0.4
// Optimizado para uso en Octano
'use strict';
var LIVERELOAD_PORT = 35729;
var lrSnippet = require('connect-livereload')({port: LIVERELOAD_PORT});
var mountFolder = function (connect, dir) {
return connect.static(require('path').resolve(dir));
};
## Using Oh-my-szh
## Place in .zshrc `alias servidorcito="python -m SimpleHTTPServer 8000"`
## After restarting the Terminal, you could put yourself in any folder of your computer and run `$ servidorcito` to open it in your browser by typing localhost:8000
// http://viljamis.com/blog/2013/prototyping-responsive-typography/?utm_source=Responsive+Design+Weekly&utm_campaign=76e7785581-Responsive_Design_Weekly_046&utm_medium=email
$browser-context: 16; // Default
@function em($pixels, $context: $browser-context) {
@return #{$pixels/$context}em
}
@hectorpalmatellez
hectorpalmatellez / gist:9442370
Last active August 29, 2015 13:57
Mixin para anchos condicionales a ancho del dispositivo (usando media queries)
@mixin tipodecelular($breakpoint, $ancho, $alto) {
@media screen and (max-width: $breakpoint) {
width: $ancho;
height: $alto;
}
}
// Teniendo algo como lo siguiente:
// Breakpoints
$break-small: 320px;
@hectorpalmatellez
hectorpalmatellez / repimg.scss
Last active August 29, 2015 13:56
Mixin para reemplazar texto con una imagen en Compass
@mixin repimg($img, $ancho, $alto) {
display: block;
text-indent: -9999px;
background: {
image: url($img);
repeat: no-repeat;
}
width: $ancho;
height: $alto;
}