Antes de formular cualquier veredicto (a favor o en contra) sobre si usar actualmente Mac OS X es seguro, vamos con algo de historia.

Todo se resume a un simple hecho, antes los usuarios de Mac OS X eran (en comparación a los usuarios de Windows) relativamente pocos, los creadores de virus tienen como meta infectar la mayor cantidad de usuarios posibles, ese es el fin, y para que molestarse de desarrollar un virus para Mac OS X si la comunidad que usa este Sistema Operativo no es lo suficientemente grande? No lo era, por lo visto Mac OS X ahora si es, ahora si es lo suficientemente popular para que los creadores de virus se tomen la molestia de desarrollar virus para este Sistema Operativo.

Entonces ¿Mac OS X es inseguro? La respuesta no es sencilla, pero en resumen, no hay sistema infalible. Dicho en otras palabras, los usuarios de Mac OS X no pueden jactarse de que su Sistema Operativo esté libre de virus. Ahora los hay y lamentablemente llegaron para quedarse.

jQuery se ha vuelto muy importante al momento de desarrollar el Front-End de un sitio o aplicación Web, y a veces es necesario ahorrar algo de código para construir GUI’s (Graphical user interface – Interfaz gráfica de usuario) potentes sin sacrificar rendimiento.

Este Plug-In es para crear menus contextuales que se muestren al poner el puntero sobre un elemento, y al salir del elemento o del menú se oculten.

Bueno empecemos…

Primero que nada la estructura HTML (HTML Markup)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery-tinymenu.js"></script>
<div id="wrapper">
		<nav id="menu">
			<ul>
				<li><a href="#">Home</a></li>
				<li>
					<a href="#" class="handler">Some Section</a>
					<div class="tinymenu">
						<ul>
							<li><a href="#">item 1</a></li>
							<li><a href="#">item 2</a></li>
							<li><a href="#">item 3</a></li>
							<li><a href="#">item 4</a></li>
							<li><a href="#">item 5</a></li>

						</ul>
					</div>
				</li>
				<li>
					<a href="#" class="handler">Another Section</a>
					<div class="tinymenu">
						<ul>
							<li><a href="#">item 1</a></li>
							<li><a href="#">item 2</a></li>
							<li><a href="#">item 3</a></li>
							<li><a href="#">item 4</a></li>
							<li><a href="#">item 5</a></li>

						</ul>
					</div>
				</li>
			</ul>
		</nav>
	</div>

Como podemos ver en el código hay dos elementos necesarios para la construcción de nuestro menú, el primero es el handler o “controlador” que es el que se encargará de activar el evento que mostrará el menú.

El elemento que actúa como handler en este caso es <a href=”#” class=”handler”>, este elemento activa el menú cuando recibe el evento mouseover, es decir; que mostrará el menú cuando el puntero del mouse esté sobre un handler. En el HTML Markup anterior hay dos handler’s, como podrás imaginar son los que tienen la clase “handler” (class=”handler”). Claro que puedes cambiar el nombre del handler al que prefieras, por ejemplo <a href=”#” class=”menu”> y el handler será la clase menu (class=”menu”).

El menú se encuentra inmediatamente después del handler y tiene una clase que lo identifica como el menú,  esta clase es “tinymenu”, de igual manera con el Plug-In se puede personalizar el nombre de la clase.

Puedes asignarle estilos al menú, para que vaya acorde a los colores y formas de tu proyecto, el CSS que usé en el ejemplo es el siguiente:

#menu > ul {
	background: #45484d;
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
	background: linear-gradient(top,  #45484d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );

}
#menu  ul {
	list-style: none;

}

#menu > ul > li {
	display: inline-block;
	padding: 10px;
}
#menu > ul > li > a {
	text-decoration: none;
	color: #FEFEFE;
	text-shadow: 1px 1px 0px rgba(50, 50, 50, 1);
	display: inline-block;
	padding: 10px;
}

.tinymenu {
	padding: 4px;
	position: relative;
}

.tinymenu > ul {
	background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
	width: 80px;
    position: absolute;
    display: none;
	z-index: 100;
}

.tinymenu > ul > li {
	padding: 4px 0;
    text-align: left;
}

.tinymenu > ul > li > a {
	text-decoration: none;
	color: #333333;
	display: block;

	padding-left: 5px;
}

.tinymenu > ul > li > a:hover {
	background-color: #2E85FF;
	color: #FFFFFF;
}

Puedes jugar con CSS para darle el estilo que más te guste, el plug-in desplegará el menú como lo estilices sin problemas, solo recuerda asignarle al menú (class=”tinymenu”) la propiedad position: relative, y al ul dentro la propiedad position: absolute, para que se muestre correctamente sin afectar la posición de otros elementos.

Finalmente, el código del Plug-In para hacer la magia!

$('.handler').tinyMenu();
Si cambiaste el nombre de la clase del handler, debes de ocupar ese nombre
para inicialziar el Plug-In,
$('.custom').tinyMenu();

Como dije anteriormente, se puede personalizar el nombre de la clase
del menú, para cambiar el nombre basta con agregar las opciones en el
código para inicializar el Plug-In de la siguiente manera:

$('.handler').tinyMenu({
'class': '.tinymenu',
'speed': 50
});

Cambia '.tinymenu' por el nombre que prefieras.
El menú se desplega muy rápido? speed es el tiempo que tomará en mostrar
el menú, aumenta el valor para ver la animación más lenta, o disminúyelo
para verla más rápida, por default esta en 50.

Happy Coding!

Romance a través de internet

La Creatividad no es un producto de la inspiración, la creatividad tiene sus orígenes en algo más simple… Copiar.

White Label

Antes de empezar a codear, se debe de hacer un ensayo en papel, esto es aplicando algoritmos. Los Algoritmos son un conjunto de pasos ordenados para llegar a un fin.

Se pueden aplicar algoritmos para la mayoría de las acciones que hacemos al día, por ejemplo servir cereal.

El algoritmo para servir cereal quedaría de la siguiente manera

Podemos elaborar nuestro algoritmo tan específico como necesitemos, en programación usamos algoritmos para desarrollar una solución de manera general.

Algoritmo para calcular de edad de una persona

Vamos a analizar este algoritmo paso por paso

En el punto número 3, mencionamos la palabra “variable”, lo que nos lleva a:

¿Qué es una Variable (en informática)?

Una Variable es un espacio reservado para guardar datos, estos datos pueden cambiar.

Hay dos tipos de Variables

Longitud Fija: Cuando el tamaño de la variable es el mismo. Ejemplo: Una fecha, siempre va a tener día, mes y año.

Longitud Variable: Cuando el tamaño de la variable puede cambiar. Ejemplo: El nombre completo del usuario,  su tamaño dependerá de la longitud de el nombre (o nombres) y sus apellidos.

Las Variables pueden contener diferentes tipos de datos, los más comunes son:

int (Integer – Entero): Son los números enteros, positivos y negativos.

float (Flotantes): Son números racionales, es decir que representan una ración o fracción.

boolean (Booleano – Lógico): Números que representan un estádo lógico. 1 TRUE (Verdadero), 0 FALSE (Falso), para tener una idea clara de esto, piense que un foco tiene dos estados y esos estados pueden representarse con el 0 Apagador (FALSE)  y el 1 Prendido (TRUE)

char (Char – Carácter): Representan un carácter alfa-numérico.

string (String – Cadena): Representan un conjunto de “char’s”, es decir pueden almacenar palabras, frases, texto, direcciones, etc.

Aunque cada lenguaje de programación tiene sus tipos de datos particulares, estos son los más comunes y básicos. La idea es poder almacenar información en el tipo de datos correspondiente, por ejemplo si queremos almacenar un nombre de usuario lo almacenamos en una variable de tipo “string”, si queremos almacenar opciones (por ejemplo si se debe de mostrar el e-mail del usuario o no) guardamos la opción en una variable de tipo “boolean”.

Constantes

Como debes de deducir, una constante mantiene su valor, no cambia. En programación el manejo de constantes es útil cuando necesitamos de un valor el cual no cambiará a lo largo del programa, como por ejemplo PI. El valor de PI es: 3.1416 (redondeando), en vez de escribir toda la cifra, escribimos simplemente PI para referirnos a ese valor.

Los algoritmos pueden verse como si fueran una fórmula, pueden darnos una idea general de como resolver un problema, sin embargo la sintaxis del código dependerá de cada lenguaje de programación.

Ponte retos, trata de resolver algoritmos cada vez más complejos, programar es eso, buscar soluciones, no te desesperes, no es tan complicado como parece.

Sé Paciente

No desesperes, la mayoría de los programadores comienzan lento, aprendiendo los conceptos básicos y partiendo de lo fácil a lo difícil, pronto estarás viendo tus primeros resultados, mientras tanto no pierdas detalle de lo básico que son los cimientos de tu carrera como programador/a.

Sé Curioso/a

Este es probablemente el mejor consejo que puedo darte. Si estás interesado/a en aprender a programar debes de saber que los programadores son personas curiosas, es decir; que investigan, leen, digieren, aprenden y aplican. Es necesario que te inculques el hábito de la lectura, lee mucho, vuelve a leer y sigue leyendo, solo así lograrás convertirte en autodidacta. Esto es muy importante para ser un buen programador, necesitas leer y aprender de esa lectura. Hay mucha documentación acerca de lenguajes de programación, es lectura técnica, al principio te costará trabajo digerirla, no hay problema, no hay prisa, vuelve a leer hasta que entiendas por completo lo que lees. Si avanzas sin entender por completo, estarás lleno de lagunas y te acostumbrarás a quedarte con ellas. Esto da lugar a pseudo-programadores, que solo copian códigos pero no pueden crearlos desde cero. Aspira a ser un programador que pueda escribir su propio código, no aspires a menos. Para esto debes de inculcarte hábitos, el hábito a la investigación y el hábito a la lectura, créeme cuando te digo que esta es la parte más difícil de aprender a programar.

Sé Organizado/a

Hay mucha información, mucha documentación y definitivamente organizarla te facilitará mucho las cosas.

Hay herramientas que nos ayudan a tener todo organizado y disponible, mencionaré algunas, pero tu por tu cuenta busca más, pruébalas y quédate con las que te sientas más cómodo/a.

Delicious

Delicious es un sitio web donde puedes guardar tus enlaces (links), durante tus investigaciones recolectarás muchos, y necesitarás de un lugar donde puedas guardarlos y organizarlos. Delicious te permite crear stacks, que son como cajones donde puedes almacenar enlaces de un tema, puedes tener tantos stacks como quieras y puedes compartirlos. Puedes acceder a ellos desde cualquier lugar con acceso a internet, esto es útil si necesitas agregar, editar o consultar tus enlaces en cualquier computadora, además por si fuera poco, hay aplicaciones móviles para que los tengas siempre disponibles.

Remember The Milk

Remember The Milk (RTM) es un servicio que nos permite organizar  nuestras tareas. Podemos crear tareas  y organizarlas según criterios, ponerles notas, asignarle prioridades, compartirlas, incluso usa redes sociales para notificarnos que tenemos cosas pendientes por hacer, es una manera de organizar nuestro tiempo y así no olvidar nunca nada. Cuenta con aplicaciones para la mayoría de los teléfonos inteligentes.

Evernote

Evernote es un servicio donde puedes guardar notas, ideas, capturas de pantalla y organizarlas en forma de libretas. Puedes asignarle etiquetas para encontrar tus notas más rápidamente, hay aplicación de escritorio (Windows y Mac), puedes consultar tus notas a través de su página web (sin necesidad de instalar la aplicación Desktop) y cuenta con Aplicación para móviles. Es ideal para guardar textos que quieres tener disponibles para su estudio o para consulta. Este servicio será sin duda uno de tus favoritos una vez que empieces a usarlo.

Dropbox

Dropbox es un servicio que te permite almacenar archivos, cualquier tipo de archivos, recuerda que necesitarás de un lugar donde puedas almacenar tus códigos, scripts, documentación, imágenes y puedas tener acceso a esos datos en línea. Bueno pues Dropbox es eso, aquí puedes almacenar y organizar tus archivos de manera fácil ya que cuenta con Aplicación para Desktop (Windows, Mac y Linux),  puedes acceder a esos archivos a través de su sitio web y también cuenta con Aplicación para móviles, nunca más deberás de preocuparte por alguna falla en tu disco duro o por olvidar tu memoria USB.

Usa estos servicios, úsalos no solo para almacenar y organizar temas y archivos relacionados a la programación, úsalos para organizarte a ti mismo/a en todos los sentidos, administra tu tiempo, habrán días donde 24 horas te serán insuficientes, pero si te organizas debidamente podrás aumentar tu productividad, hacer más con menos tiempo.

Ahora sí, una vez que te hayas familiarizado con estas herramientas elige tu primer lenguaje de programación, lee todo lo que puedas acerca de él, y si seguiste mis consejos, nunca perderás tiempo recordando dónde viste un concepto, un ejemplo o un tutorial, estarás preparado/a para almacenar y organizar todo lo que te sirva.

Fotografía: Jim Murphy

¿Qué marca la diferencia?

Personalmente creo que la programación es una actividad que puedes aprender como cualquier otra, y su dificultad depende de ti, de tus ganas por aprender y de los motivos que te hayan orillado a querer aprender.

Hay una diferencia tremenda en cuanto a querer aprender y tener que aprender, definitivamente querer aprender es mucho mas divertido que tener que hacerlo. Si eres un estudiante que lleva varias materias (entre ellas Programación) y cuando recibiste tus primeras clases te diste cuenta que no era tan sencillo como imaginabas, probablemente te resultará complicado, aburrido, laborioso y difícil. Al contrario si tienes la curiosidad y quieres aprender (aunque no tenga nada que ver con lo que estudies o incluso si estudias algo), te resultará muy interesante, divertido y quizá hasta fácil.

No importa cual sea la razón, cualquier persona puede aprender a programar sin muchas dificultades, no es una cuestión de inteligencia, es una cuestión de decisión, de persistencia. Es como aprender a tocar la guitarra, muchas personas lo intentan y por falta de persistencia dejan de intentar aprender. No es el tamaño de tus manos o dedos, no importa incluso si eres diestro/a o zurdo/a, tu sexo o edad,  es tu persistencia.

Aunque suene trillado, si tu quieres, puedes. Primero que nada pregúntate a ti mismo/a si de verdad deseas y puedes disponer de algo de tiempo, varios días a la semana, para dedicárselos a la programación, si estas dispuesto/a a adentrarte a este mundo  de bits necesitas saber que requerirás organización, paciencia y tiempo.

No te preocupes tanto por la organización, hay herramientas para apoyarte en eso. No hay prisa, toma las cosas con calma. Trata de entender más que de aplicar, no te desesperes, como todo hay un comienzo lento, pero no difícil. Recuerda que todas las personas tenemos características propias, y tenemos talentos diferentes por la misma formación de cada persona, hay talentos innatos y talentos formados, ambos se tienen que desarrollar y pulir, no te compares con nadie, puedes aprender lo que quieras siempre y cuando te interese de verdad, y su dificultad depende de ti, pero si de verdad te interesa, la dificultad pasa a segundo término. Se constante, persiste.

Fotografía por: Marjan Krebelj

Haz una lista de todo lo que no te gusta de ti y luego tírala, eres el que eres. Y después de todo no es tan malo como te imaginas un domingo de cruda, tira el equipaje de sobra, el viaje es largo, cargar no te deja mirar hacia delante, y además jode la espalda - Efectos Secundarios

HTML

<a href="javascript:;" class="boton">Boton</a>

jQuery

$('.boton').css3button();

Métodos

<!-- Cambiar color del boton
Los colores pueden ser:
orange
red
blue
green
default: gray
-->
$('.boton').css3button({color : 'red'});

<!-- Desactivar boton (state disabled) -->

$('.boton').css3button("disabled");

<!-- Activar boton (state enabled) -->

$('.boton').css3button("enabled");

<!-- Método Destroy -->

$('.boton').css3button("destroy");

Ejemplo

<!-- JavaScript --->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="jquery.css3-buttons.js" type="text/javascript"> </script>

<!-- HTML -->
<a class="boton" href="#" rel="orange">Abrir 0</a>
<a class="boton" href="#" rel="red">Abrir 1</a>
<a class="boton" href="#" rel="blue">Abrir 2</a>
<a class="boton" href="#" rel="green">Abrir 3</a>
<a class="boton" href="#" rel="gray">Abrir 3</a>

<!-- jQuery -->
<script type="text/javascript">
$(document).ready(function(){

	$.each($('a.boton'), function() {
		color = $(this).attr('rel');
		$(this).css3button({color : color});

	});
	$('.boton').click(function( ) {
		$(this).css3button("disabled");
	});

});
</script>

Demo

Demo jQuery Plugin CSS3 Buttons

Download