La verdad es que tendría que poner muchos “vía:” porque está por toda la red… el código fuente después del salto…

Lee el resto de la entrada »

Compártelo!

He subido a Youtube un pequeño vídeo que resume un poco el par de horas que estuve con los códigos del footer de SoyGik en el que ahora aparecen los últimos twitts de Miki y míos. La verdad es que estuvo más entretenido los cambios del header pero no me acordé de ponerlo a grabar. (La próxima vez será) Este vídeo fue inspirado en el que subí hace unos días de un diseñador gráfico (aunque no tiene nada que ver con las 40h de diseño gráfico, a apenas, unas 15h; no me quiero comparar ni mucho menos, pero la idea me gustó mucho) Bueno os dejo con el vídeo:

Espero que os guste, o por lo menos, sea curioso ver el típico “cómo se hizo”.

Compártelo!

Para los que escribimos páginas web esta es una de esas herramientas que resultan muy útiles tenerlas a mano. Es un editor de textos en el cual podemos cambiar los diferentes estilos que luego incluiremos en nuestros archivos CSS para dar formato a las letras que aparecerán en los textos de nuestras páginas. Es muy completo, a la derecha tenemos tres textos para poder ir probando las propiedades sobre cada uno por separado; a la izquierda tenemos el menú de la página desde el que podremos elegir las propiedades que queremos aplicarle (font-style, text-decoration, white-space, direction, letter-spacing…) y después seleccionaremos el texto donde queremos ver el resultado. Una vez tengamos el estilo que nos gusta encima de los textos de la derecha nos devuelve el código CSS que abría que poner para conseguirlo, en forma de ID, clase, o tipo e incluso nos devuelve el código en HTML para hacer copy&paste directamente en nuestra página tal cual.

Es de lo más completo y útil que he visto. Seguro que nos ahorrará mucho tiempo a la hora de diseñar páginas.

Enlace | Font Tester

Compártelo!

El live CD de Ophcrack de código libre, es una herramienta capaz de recuperar la contraseña de una cuenta de Windows. Está diseñada para ayudarte a recuperar las contraseñas perdidas de Windows.

Después de descargar la .iso de 462mb y se quemarla en un CD; nada más reiniciar tu ordenador y arrancar desde CD (live CD), el Ophcrack se cargará y estará automáticamente dispuesto a mostrarte todas las contraseñas que vaya encontrando.

Si os lo queréis descargar para probarlo, podéis probar en su espacio Ophcrack dentro de Sourceforge, o probar el l0phtcrack (aka LC5) desde algún mirror si la anterior no está disponible, que lo dudo.

Fácil, sencillo, y para toda la familia

Compártelo!

Introducción

El theme que utilizamos en soygik.com tiene un trozo de código muy interesante que permite hacer que una imágen cambie a otra al pasar el ratón por encima de ella. Explicándome un poco más, realmente esto se consigue con una sola imágen que está dividida en dos partes. Cuando se sitúa el ratón por encima de la imágen, el código hace que se muestre un trozo de la imágen y cuando no está el ratón por encima se muestra otro trozo.

Ejemplo

Para aclararnos las dudas de lo que estoy hablando, mira arriba de la página donde hay una barra de color oscuro, en esa barra a la izquierda pone “Soy Gik .com“, si posas/pasas el ratón por encima del texto, éste cambiará y pondrá la versión del weblog: “versión alpha” (y también tiene un enlace a una página, pero la idea es que cambie, luego después es fácil poner el enlace)

Veamos el código utilizado

El código que permite hacer estos cambios en el trozo de imágen mostrada es:

a.rollover {
display: block;
width: 30px;
height: 30px;
text-decoration: none;
background: url(’imagen.jpg’);
}
a.rollover:hover {
background-position: -30px 0;
}

Este código cambiaría una imágen doble (dos imágenes dentro de una) que estuviera una a la izquierda (la que siempre se va a ver) y otra a la derecha (la imágen que se verá cuando pasemos el ratón por encima). Como podéis ver, con los tamaños que hay, la imágen total sería de 60px (ancho) x 30px (alto). Y cada imágen pequeña sería de 30×30px una al lado de la otra. Éste código lo meteríamos en el archivo CSS de nuestra página.

Y luego, donde queramos poner la imagen que cambia habría que meter el código siguiente:

<a href=”#” class=”rollover”> </a>

Personalmente creo que es bastante sencillo y los resultados son muy muy chulos. Esto es válido para navegadores como: Firefox 2, Firefox 1.5, IE 6, IE 7, Opera, Netscape, Safari 2, Safari 3 beta.

Dado que lo he escrito todo de puño y letra espero no haberme equivocado en nada. Si veis algo mal dejarlo en los comentarios.

Compártelo!

Para los que estamos programando todo el día, quizás nos sea más fácil coger la gracia de la imágen. Pero para los que no, tampoco es tan difícil… Teniendo en cuenta que el Windows Vista es como todo el mundo sabe otra versión más del Windows NT, en su versión “n”, es fácil sacar conclusiones como:

Compártelo!

Me ha llamado mucho la atención lo chulo que puede llegar a quedar una gráfica que han escrito en cssglobe. Está hecho todo en CSS, nosotros sólo tenemos que ir poniendo el día y el tanto por ciento que queremos que muestre esa barra y junto con el código que tengamos en nuestro archivo CSS correspondiente, llegaremos a unas gráficas sin la mayor complicación:

Es decir, partimos de que nosotros ponemos los días:

Y mediante el código CSS, se generan gráficas como esta: (¿chula, verdad?)

Enlace | Página de ejemplo
Enlace | Código y Explicación por partes del él

Compártelo!

No sé si alguna vez habéis tenido que utilizar LaTeX, (que me perdonen los desarrolladores, y mis profes, por no elevar y bajar las letras ) Para los que leéis sobre este lenguaje por primera vez, he sacado de la wikipedia una pequeña definición:

El LaTeX es un procesador de textos que está formado mayoritariamente por órdenes (macros) construidas a partir de comandos de TeX —un lenguaje «de bajo nivel», en el sentido de que sus acciones últimas son muy elementales— pero con la ventaja añadida, en palabras de Lamport^[3] (el inventor del lenguaje), de «poder aumentar las capacidades de LaTeX utilizando comandos propios del TeX descritos en The TeXbook»^[4] . Esto es lo que convierte a LaTeX en una herramienta práctica y útil pues, a su facilidad de uso, se une toda la potencia de TeX. Estas características hicieron que LaTeX se extendiese rápidamente entre un amplio sector científico y técnico, hasta el punto de convertirse en uso obligado en comunicaciones y congresos, y requerido por determinadas revistas a la hora de entregar artículos académicos.

En definitiva es un lenguaje usado sobretodo en el ámbito académico, universitario, científico, técnico… que viene muy muy bien para escribir matemáticas.

Bien pues hay gente que el lenguaje este le sale por las orejas (me medio incluyo) y he encontrado ua página que ahorra mucho tiempo en algunos momentos de urgencia que necesitas generar código para escribir alguna fórmula. Es un generador online de ecuaciones de LaTeX. Y la verdad es que está muy completito. Os paso el enlace:

Enlace | Editor de ecuaciones online LaTeX

Compártelo!

Una página que nos ayudará a crear vistosos formularios con un montón de opciones y configuraciones posibles con unos pocos clics.

Simplemente la herramienta perfecta para la gente que no sabe manejar muy bien el código php. Con unos sencillos 3 pasos podremos configurar un formulario para luego ponerlo en nuestra página web, o “donde queramos.”

Enlace | Formularios en PHP

Compártelo!