Author Archive

Una de las frustraciones más comunes en los individuos es falta de felicidad en nuestras vidas, tal parece ser que esos momentos son fugases y muchas veces se pierden en los agujeros negros de nuestros recuerdos, y los malos momentos o los que más dolor nos causan perduran y son más fáciles de evocar.

No se si soy el único que lo piense, pero es como si a los seres humanos nos gustara sentirnos mal emocionalmente; Todos, absolutamente todos hemos sufrido en la vida, y no se puede decir que unos han sufrido más que otros, debido a que nuestros parámetros de percepción son totalmente diferentes y las cosas nos afectan de una manera distinta, el problema es que tendemos a exagerar este sufrimiento y caemos en el error de hacerlo más duradero de lo que debería ser, incluso irónicamente la incapacidad de sentirnos felices nos agobia tanto que lo impide aún más.

La felicidad innegablemente es algo que “buscamos” en nuestras vidas, por que es lo más “bello” que percibimos en nuestro interior, o es así como lo podemos razonar, pero el problema está en que esperamos que sea consecuencia de nuestros “logros” y no como el objetivo a conseguir. Al igual que Platón creo que la felicidad es un sentimiento de paz, y serenidad que nos permite disfrutar de la vida, pero se engloban todavía más sensaciones. Lo difícil de buscar la felicidad es que no logramos que esta perdure para siempre, sin tomar en cuenta que tan difícil es hacer que estas sensaciones convivan de una manera congruente y sin afectar a las demás; Nos es muy sencillo confundirla con el placer cuando este solo es un agregado de la misma, y lo complicado que es sentirse placentero, sin sentirse culpable o intranquilo en muchas ocasiones; Muchas veces he escuchado literalmente “El dinero no te da la felicidad, pero te la proporciona”, desde mi punto de vista el dinero solo te da “tranquilidad”, para sobrevivir en este mundo capitalista en el que estamos inmersos irremediablemente, pero muchas veces para acceder a este medio tomamos la decisión de ser esclavos subordinados y nuevamente irónicamente esto nos hace infelices.

El punto al que quiero llegar es que no “buscamos” ser felices realmente, como lo comenté anteriormente esperamos que esta llegue como una consecuencia ( generalmente de lo que nos da placer ), pero es nuestra educación la que nos hace pensar así, siempre esperamos más de lo que tenemos, por que nos han repetido hasta el cansancio la palabra “Mediocridad”, las personas que se conforman con lo que tienen, pero ¿ por que buscar la felicidad en un nivel más alto?, ¿por que no ser felices con lo que tenemos ahora?. el anhelar más no nos permite disfrutar al 100% lo que ya tenemos, ni a valorar con lo que ya contamos.

No importa si recibimos poco cariño, este debería ser suficiente para darle sentido a nuestras vidas ( spoiler de mi post anterior ), ¿y que si tenemos poco dinero?, disfrutemos las cosas pequeñas, a lo único que quería llegar con esto, es que busquemos ser felices, ese es el verdadero éxito en la vida, no un buen puesto ni una buena empresa, el éxito consiste en lograr tú objetivos, y si tú objetivo es la felicidad, no buscarás las cosas que te la impiden si no las que te permiten que esta sea plena.

“Es normal que nos equivoquemos al trazar el curso de nuestro destino, pero siempre olvidamos disfrutar del paisaje del camino.”

Hola que tal a todos, pues la verdad no había tenido tiempo de escribir en mi blog, y ahorita que tengo un pequeño tiempo libre he decidido invertirle unos minutos, en esta ocasión hablaré de cómo hacer un checkbox personalizado; Como en muchas veces el cliente habla de más y dice “Quiero que los checkbox se vean bonitos”, lo que implica un poco de trabajo extra, con este pequeño ejemplo y gracias a jQuery esto será cosa de unos minutos.

Lo primero que necesitamos es una imágen que agregar ( ya que como sabemos el checkbox como tal no es estilizable ), yo siempre recomiendo que los dos estados del checkbox se encuentren en el mismo archivo, para evitar volver a cargar la imágen y por un segundo la pimera vez se vea la ausencia de esta.

En este caso yo usaré esta imágen , la cual tiene unas dimensiones de 15×29 ( imágen diseñada por ACIDminds )

Suponiendo que tenemos un html de esta forma.

<form id="form-1" method="post" action="action.php">
<fieldset>
<legend>Elige parientes</legend>
<ul>
<li>
<input type="checkbox" name="animales" id="animales1" value="perro" />
<label for="animales1">Perro</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales2" value="gato" />
<label for="animales2">Gato</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales3" value="conejo" />
<label for="animales3">conejo</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales4" value="caballo" />
<label for="animales4">Caballo</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales5" value="Burro" class="uncheckeable" />
<label for="animales5">Burro</label>
</li>
</ul>
</fieldset>
</form>

Lo primero que necesitamos es hacer estilos a manera que sepamos como queremos que queden acomodado nuestro formulario.

#form-1{
font-family: Verdana, Arial;
}

#form-1 legend{
font-size: 20px;
padding: 5px 10px;
}

#form-1 ul {
float: left;
width: 310px;
}

#form-1 li{
float: left;
list-style: none;
padding: 5px 0;
width: 50%;
}

#form-1 li input{
float: left;
height: auto;
margin-right: 3px;
vertical-align: middle;
width: auto;
}

#form-1 label{
clear: none;
display: inline-block;
float: left;
height: auto;
vertical-align: middle;
width: auto;
zoom: 1;
*display: inline;
}

Quedando de la siguiente manera:

Lo siguiente es etener los estilos del elementos que actuarán como nuestros checkbox.

/**
* Se comienza a asignar el tamaño que se quiere que tenga el checkbox Falso así como la imágen que lo tendrá
*/
#form-1 .footage-checkbox {
background: url("http://edmundoretama.com/imagenes/Ratio_Btn.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
float: left;
height: 14px;
margin-right: 6px;
width: 15px;
}

/*
* Es aquí donde a manera de sprite cuando el checkbox ficticio tenga la clase "checked" solo se recorrerá la imágen hacia arriba para dar el aspecto deseado
*/
#form-1 .footage-checkbox.checked {
background-position: 0 -15px !important;
}

Ahora imaginense estar asignando a todos los ckeckbox, por eso esta acción se realizará por javascript con las siguientes líneas gracias a jQuery.

/*Cuando el DOM esté listo*/
$(document).ready( function(){
//se obtienen en este caso todos los elementos de tipo checkbox que se encuentren
checkButtons = $(‘input’);

/*En donde se encuentre algún checkbox este se ocultará, y al mismo tiempo se creará un elemento span, con la clase del checkbox false*/
checkButtons.each( function(){
$(this).after(‘<span rel="’ + this.id + ‘" class="footage-checkbox"></span>’).css(‘display’,'none’);
});

checkButtons.change( function(){
/*primero se compara en el evento change el estado que se encuentre para convertirlo en el opuesto*/
this.checked = ( this.checked ) ? false:true;

//dependiendo del estado del se asigna o se elimin
if( this.checked )
$(‘span.footage-checkbox’).addClass(‘checked’);
else
$(‘span.footage-checkbox’).removeClass(‘checked’);
});

//aquí mandamos hacempos que al darle click al checkbox ficticio , cambie el real
$(‘span.footage-checkbox’).click( function(){
tempChk = $(‘input#’+$(this).attr(‘rel’)).change();
});

//aqui se asigna el cambio del estado de los checkbox en el label, para respetar la semántica de este
$(‘label’).click( function(){
tempChk = $(‘input#’+$(this).attr(‘for’)).change();
});

});

dejándonos finalmente algo como esto:

Quedando nuestro html final algo como esto:

<!DOCTYPE html>
<html>
<head>
<title>Checkbox</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!–>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<!–>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
/*Cuando el DOM esté listo*/
$(document).ready( function(){
//se obtienen en este caso todos los elementos de tipo checkbox que se encuentren
checkButtons = $(‘input’);

/*En donde se encuentre algún checkbox este se ocultará, y al mismo tiempo se creará un elemento span, con la clase del checkbox false*/
checkButtons.each( function(){
$(this).after(‘<span rel="’ + this.id + ‘" class="footage-checkbox"></span>’).css(‘display’,'none’);
});

checkButtons.change( function(){
/*primero se compara en el evento change el estado que se encuentre para convertirlo en el opuesto*/
this.checked = ( this.checked ) ? false:true;

//dependiendo del estado del se asigna o se elimin
if( this.checked )
$(‘span.footage-checkbox’).addClass(‘checked’);
else
$(‘span.footage-checkbox’).removeClass(‘checked’);
});

//aquí mandamos hacempos que al darle click al checkbox ficticio , cambie el real
$(‘span.footage-checkbox’).click( function(){
tempChk = $(‘input#’+$(this).attr(‘rel’)).change();
});

//aqui se asigna el cambio del estado de los checkbox en el label, para respetar la semántica de este
$(‘label’).click( function(){
tempChk = $(‘input#’+$(this).attr(‘for’)).change();
});

});
</script>

<style type="text/css">
/*Se le asigna a todo el form un estilo de fuente Verdana*/
#form-1{
font-family: Verdana, Arial;
}

#form-1 legend{
font-size: 20px;
padding: 5px 10px;
}

#form-1 ul {
float: left;
width: 310px;
}

#form-1 li{
float: left;
list-style: none;
padding: 5px 0;
width: 50%;
}

#form-1 li input{
float: left;
height: auto;
margin-right: 3px;
vertical-align: middle;
width: auto;
}

#form-1 label{
clear: none;
display: inline-block;
float: left;
height: auto;
vertical-align: middle;
width: auto;
zoom: 1;
*display: inline;
}

/**
* Se comienza a asignar el tamaño que se quiere que tenga el checkbox Falso así como la imágen que lo tendrá
*/
#form-1 .footage-checkbox {
background: url("http://edmundoretama.com/imagenes/Ratio_Btn.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
float: left;
height: 14px;
margin-right: 6px;
width: 15px;
}

/*
* Es aquí donde a manera de sprite cuando el checkbox ficticio tenga la clase "checked" solo se recorrerá la imágen hacia arriba para dar el aspecto deseado
*/
#form-1 .footage-checkbox.checked {
background-position: 0 -15px !important;
}

</style>

</head>
<body>
<form id="form-1" method="post" action="action.php">
<fieldset>
<legend>Elige parientes</legend>
<ul>
<li>
<input type="checkbox" name="animales" id="animales1" value="perro" />
<label for="animales1">Perro</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales2" value="gato" />
<label for="animales2">Gato</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales3" value="conejo" />
<label for="animales3">conejo</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales4" value="caballo" />
<label for="animales4">Caballo</label>
</li>
<li>
<input type="checkbox" name="animales" id="animales5" value="Burro" class="uncheckeable" />
<label for="animales5">Burro</label>
</li>
</ul>
</fieldset>
</form>
</body>
</html>

En ocasiones tratamos de descifrar o comprender nuestra existencia, siempre tenemos una etapa que nos hace preguntarnos ¿Qué hago aquí?, ¿por qué estoy aquí?, ¿hacia dónde voy?, en resumen intentamos darle sentido a nuestra vida y justificar nuestra existencia, pero yo me preguntaría : ¿Por qué queremos justificarla?,  ¿Qué cambiará en nuestra vida hacerlo o no?, a mi parecer esas son preguntas que no nos hacemos muy a menudo o simplemente no queremos responder, pero que son igual de importantes.  Recuerdo que desde que soy pequeño te muestran que ese tipo de preguntas solo las puede resolver uno mismo, yo creo es la principal razón por la que necesitamos creer en un dios y pensar que tenemos que cumplir una misión en el universo, yo en lo personal me atrevo a decir que no creo que alguien me mandara para ser escoria al igual que los que leen este post, a que me refiero a que no creo que nuestra sea causar desequilibrio en la naturaleza, ya que es lo único que sabemos hacer perfecto, y lo estamos logrando, ¿para qué tantos si con uno basta?, solo somos basura espacial,  pero bueno creo que ese ya no es el tema xD.

Estoy seguro que muchas de las personas que están leyendo esto, al igual que yo, son de aquellas que afirman que no les afecta el qué dirán o como es que los perciben los demás, y es bueno creerse eso, pero en definitiva eso no es cierto, por si no lo han notado nuestra autoestima no es tan “AUTO” como quisiéramos o como nos han hecho creer,  siempre dicen que el amor a uno mismo es importante,  pero ¿de qué me sirvo yo mismo?, no me puedo comer, no me puedo producir oxigeno, ni siquiera me puedo fingir amor, es por eso que la AUTOestima depende de cuanto alguien más te necesita o que tan valioso eres para una o más personas, que tanto influyes en el ciclo de su vida o que tanto interfieres en el, ¿y por qué digo esto?, simplemente porque es verdad, nuestra vida depende solo de eso, de sentir que alguien nos necesita, que si en dado momento no estuviéramos dejar un hueco amorfo que nadie más pueda utilizar, es lo que nos impulsa a rodearnos de amigos, familia y pareja ( aparte de las necesidades biológicas ), sentimentalmente necesitamos tener un vinculo con mas personas, Pero recordemos que el universo es equilibrado, o al menos debería serlo, por lo cual cualquier sentimiento tiene que ser reciproco, lo que implica que los conceptos de amor y amistad incondicional no existen y por tanto no deberían caber en nuestro vocablo, la cruda realidad es que somos un universo que se mueve de intereses por muy burdo que suene, pero así es como funciona, no puedes apreciar a alguien sin esperar que esa persona te aprecie de la misma forma, en este mundo al menos somos personas utilizando a personas para darle sentido a nuestra vida, es por eso que me extraña cuando escucho decir a alguien es que el(la) me utilizó, siendo que esa persona también obtuvo lo que quería ( sentirse importante por un momento ), sentirse viva, ¿A no me crees?, ¿para qué te arreglas todos los días antes de ir al trabajo o a la escuela?, ¿Por qué decides que el día de hoy el rojo luce mejor que el azul?, ¿Qué la barba cerrada te hace ver más respetable?, no es que solo vivamos del que dirán, o de un protocolo social o algo por el estilo, si no del como nos gusta ser percibidos por la gente, y claro es importante buscar la manera de recibir la respuesta que esperamos.

Imagina un punto en el que eres un(a) rey( na ) de una isla, si truenas los dedos en 3 minutos puedes tener la comida o bebida que quieras,  la(el) mujer (hombre) que quieras, tus peticiones no tienen límite, y lo mejor de todo, no tienes que tomar decisiones que decidan la vida de los habitantes,  sin embargo hay una condición: ninguna persona puede interactuar contigo más de media hora en toda su vida, creo que aquí no tengo que explicar nada, simplemente una palabra “frustración”, ¿valdría la pena vivir para ti solo?, es por eso que el término “dar sin recibir nada a cambio” es hipócrita e irreal, por ende lo contrario quedaría descartado “recibir sin dar nada a cambio”;  A lo que quiero llegar es que la única manera de darle sentido a nuestra existencia es entendiendo como te perciben los demás, pregúntales si quieres, se que nunca sabrás por que estas aquí, pero sí que te hace seguir adelante, y sigue utilizando a las personas para sentirte digno, y permítete ser utilizado, se me ocurre que tal vez eso es lo que nos quiso expresar Dickens en A Christmas Carol, no estamos listos para vivir solos, nosotros no le damos el sentido a nuestra vida, el sentido se lo dan las personas que nos rodean.