Escrito por
J.F. el Miércoles, 7 de Mayo del 2008 a las 13:08
Después del Homer Simpson realizado con CSS, Román Cortés ha elaborado una aplicación que nos permite convertir cualquier imagen, a código CSS. Para que podamos convertir una imagen a código CSS, simplemente hemos de tener en cuenta algunas cosas.
- La imagen que queramos convertir debe ser jpg, y llamarse image.jpg.
- La imagen, será convertida en el fichero out.html, pero sin colores, solo en blanco y negro.
- Tan sólo hay que descargarse el programa jpeg2css, y podremos comenzar a convertir nuestras imágenes.
Como una imagen vale más que mil palabras, podeis ver el proceso en éste vídeo:
Enlace: | jpeg2css
Categoría: Curiosidades, CSS, Diseño Web, Software |
No hay Comentarios »
Escrito por
J.F. el Martes, 6 de Mayo del 2008 a las 9:02
Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart),es un sistema para poder detectar en sitios web si el visitante actual es humano o es un bot. Crear un buen sistema captcha es vital para las grandes empresas de correo electrónico como Gmail, para tratar de poner freno al spam incontrolado.

Para ello se ponen en una imagen una serie de caracteres, que el usuario debe teclear, para dar fé de que no es un robot. Si quieres librarte de spam y bots automáticos que se registren en tu web, no te vendrá nada mal el siguiente script open source programado en PHP, que implementa un sistema captcha para tu página web. El script cuenta con las siguientes características:
- Muestra una imagen con solo 3 líneas de código
- Valida las entradas enviadas con solo 6 líneas de código
- Permite configurar la longitud del código
- Permite elegir el conjunto de caracteres
- Soporta fuentes TTF
- Usa fuentes personalizadas GD cuando TTF no está disponible
- Permite agregar fondos (background) de imágenes muy fácilmente
- Genera captchas audibles
Enlaces: | Securimage PHP Captcha | Descargar
Vía: | Pixelco
Categoría: Recursos, PHP, Programación, Diseño Web |
1 Comentario »
Escrito por
J.F. el Martes, 29 de Abril del 2008 a las 14:12
Gracias a XKOD, 4 iconos de gran calidad de 250×250 en formato png. Son de buena calidad, asi que puedes descargarlos desde rapidshare:

Enlace: | Descargar iconos RSS
Categoría: Recursos, Diseño gráfico, Diseño Web |
1 Comentario »
Escrito por
J.F. el Jueves, 24 de Abril del 2008 a las 14:52
Si aún no tienes un buen pack de iconos, en frogx3 han realizado una recopilación de 12.000 iconos que no puedes perderte. Está dividida en 3 partes, para ocupar un total de 260mb. Son totalmente variados, asi que encontrarás de todo tipo de temáticas.

Enlaces: | Parte 1 | Parte 2 | Parte 3
Categoría: Recursos, Diseño gráfico, Diseño Web |
2 Comentarios »
Escrito por
J.F. el Sábado, 19 de Abril del 2008 a las 17:02
Desde el blog de Diego Mattei, encontramos un interesante pack de 530 iconos de gran calidad. Seguro que le resultan útiles a diseñadores web y diseñadores gráficos. Algunos ejemplos de lo que puedes encontrar en el pack:

Enlace: | Descargar pack de iconos (<39mb)
Categoría: Recursos, Diseño gráfico, Diseño Web |
2 Comentarios »
Escrito por
J.F. el Martes, 1 de Abril del 2008 a las 14:02
HTMLArea es otro editor WYSIWYG, al igual que TinyMCe o FCKEditor, que podemos utilizar a la hora de construir nuestros proyectos web. Éste tipo de editores son realmente útiles, a la hora de realizar aplicaciones como portales de noticias, blogs o foros.
En todo ese tipo de aplicaciones, se utilizan textareas para redactar el texto. Si utilizamos un textarea normal, el usuario no podrá darle formato a lo que escriba, o necesitará conocer el lenguaje html. Por ello éste tipo de editores que funcionan con Javascript son ideales, ya que mediante sus barras de herramientas van dando a todo el texto el formato html deseado, para posteriormente introducirlo en la base de datos.
Así al extraer todo el contenido de un psot de un foro, o una noticia de un blog, puede recuperar el formato que le dió el usuario. HTMLArea es un proyecto que ha dejado de tener mantenimiento, pero lo he estado probando y es bastante recomendable.

Enlace: | HTMLArea | Descargar HTMLArea con ejemplos
Categoría: Recursos, JavaScript, Diseño Web |
No hay Comentarios »
Escrito por
J.F. el Lunes, 31 de Marzo del 2008 a las 7:40

How To Page Peel Effect es un curioso script realizado con Javascript + Imágenes + Flash, que nos permitirá añadir en nuestro sitio web, situado en la esquina superior izquierda, un efecto que seguro que habrás podido ver ya en algunas páginas, es como un pliegue, que al situarse sobre él parece como si una hoja de papel se doblase.
Normalmente éste script es de pago, pero gracias a Xyberneticos lo tenemos de forma gratuita. Muy utilizado en muchos sitios web para colocar publicidad, aunque puedes poner lo que desees.
Enlace: | Descargar y más información
Categoría: Recursos, JavaScript, Diseño Web, General |
1 Comentario »
Escrito por
J.F. el Miércoles, 19 de Marzo del 2008 a las 16:31
¿En busca de un nuevo diseño para tu página web? ¿Comienzas un diseño desde 0 y te ves sin ideas? Entonces es muy probable que Submit CSS te sea de ayuda para encontrar inspiración, puesto que tiene una recopilación de muchos sitios webs con interesamte diseños.
Puedes dejar comentarios sobre los diseños, incluso darles una puntuación. Sin duda un lugar interesante para buscar ideas, o si simplemente eres un apasionado del diseño web y te gusta observar grandes diseños de otras personas.

Enlace: | Submit CSS
Vía: | Adictos
Categoría: CSS, Diseño Web |
No hay Comentarios »
Escrito por
J.F. el Martes, 18 de Marzo del 2008 a las 18:18
¿Te gustaría lanzar en un sitio web algún servicio similar a los grandes de la web 2.0? Quizás tu propio sistema de publicidad contextual, algún servicio de almacenamiento de imágenes personales como Flickr, tu propio Digg, Blogger, etc…
Pues gracias a ScriptCopy.com podrás hacerlo, o al menos obtendrás una base a partir de la cual desarrollar tu idea. Lo que ScriptCopy ofrece son scripts clones de dichos servicios, asi que tienes alguna idea en mente, y no sabes muy bien como desarrollarla o no te vez capaz de comenzar a programar desde cero, ScriptCopy te puede ser de gran utilidad.
Eso sí no esperes un gran diseño, la parte gráfica no es el punto fuerte de los scripts, asi que no estaría mal realizarles un buen lavado de cara. Por lo demás un tremendo recurso.
Enlace: | ScriptCopy.com
Vía: | wwwhat´snew
Categoría: Recursos, Diseño Web |
1 Comentario »
Escrito por
J.F. el Lunes, 17 de Marzo del 2008 a las 15:28
Cuando nos disponemos a montar un sitio web, basado en una aplicación prefabricada, como es en éste caso en concreto Wordpress, hay una serie de factores a tener en cuenta. Hay cosas muy obvias, como que la plantilla sea de nuestro agrado y tenga un buen diseño.
Pero para los más principiantes, (como yo lo era cuando instalé Wordpress), hay otro tipo de factores por debajo desconocidos, como pueden ser el posicionamiento web/SEO. Una combinación de buen diseño y una configuración correcta de cara a los motores de búsqueda es lo ideal para emprender un proyecto, y por ello hay un sitio web llamado Wordpress Theme Review, que ha realizado una recopilación de diferentes templates para Wordpress, optimizados para los motores de búsqueda.
Ideal para gente que no entiende del tema, que no tendrán que preocuparse por tratar de cambios los títulos, establecer diferenets niveles de encabezados, y un largo etcétera. Si no te gustan los themes de la página, o simplemente deseas comprobar el nivel SEO de tu plantilla, puedes pedir que la analicen.

Enlace: | Wordpress Theme Review
Vía: | BlogMundi
Categoría: Wordpress, Posicionamiento web/SEO, Recursos, Diseño Web |
1 Comentario »