Blog de Entrale.com

ColorHexa es una completa y avanzada herramienta especial para diseñadores, ya que nos permite obtener información sobre cualquier color que especifiquemos. El sitio posee un buscador que nos da la posibilidad de buscar un color puntual, por ejemplo #FFA500, y el sistema nos mostrará información avanzada sobre ese color.

Dentro de la información que podemos encontrar tenemos los colores complementarios, una paleta monocromática de ese color, colores análogos, y varias paletas más que no sé bien para qué sirven (?). Por otro lado también se puede convertir de un modelo de color a otro, entre los cuales encontramos hexadecimal, RGB, CMYK, HSL, binario, etc.

En cada resultado tenemos una sección llamada “en acción”, donde podemos encontrar ejemplos de uso de ese color en texto, bordes, etc. Por último también podemos mencionar el generador de degradados y un mezclador de colores que son muy útiles.

Enlace: ColorHexa

Visto en Addictive Tips

Otros llegaron buscando:

• mezclador de colores online
• colores
• colores online

© Juanguis para Punto Geek, 2012. | Permalink | Sin comentarios |
Tags: colores, colorhexa, Diseño

Hace mucho que veo vídeos de Nicco Di Mattia, usuario de YouTube cuya pasión al parecer es el dibujo digital, y quien para goce de nosotros, toma evidencia de su creación, quedando como resultado no sólo la obra que dibuja, sino cada uno de sus trazos, así como los borrones, bocetos iniciales y demás elementos de su creación.

Resulta bastante interesante y entretenido ver sus vídeos, además de que se puede encontrar todo tipo de personajes. Desde Spiderman con su ya conocido disfraz, hasta Megan Fox posando como en Transformers. Pero mejor los dejo con algunos vídeos, ya ustedes dirán si valen la pena o no:

Megan Fox

Spiderman

Toy Story 3

Canal de YouTube: Macpulenta

Otros llegaron buscando:

• dibujos geek
• puntogeekpuntogeekpuntogeekpuntogeekpunto
• speedpainting

© Jonateo para Punto Geek, 2012. | Permalink | 3 comentarios |
Tags: arte digital, Dibujo, Megan Fox, speedpainting, spiderman

 Una de las librerías con mayor éxito para el desarrollo web ha sido, es y será por un buen tiempo más jQuery. Aunque es muy sencilla de utilizar, he de ahí su popularidad, existen recursos que nos brindar un panorama claro sobre como implementar esta herramienta en nuestros proyectos.

Tenemos por supuesto como primera instancia el sitio oficial  así como un buen número de tutoriales, blogs y foros regados a lo largo y ancho de Internet. Entre ellos se encuentra el siguiente libro online que les traigo directo a la puerta de su hogar. Es bastante básico, pero si llegaste a esta entrada, supongo que buscas algo similar.

El libro lo puedes consultar desde aquí.

Espero que les sea de utilidad, y puedan con ello salir de uno que otro apuro.

Visto en: wwwhatsnew

Otros llegaron buscando:

• recursos jquery
• aprender jquery
• jquery nuevas noticias como facebook y twitter
• jquery online
• popularidad jquery

© Jonateo para Punto Geek, 2012. | Permalink | 3 comentarios |
Tags: desarrollo web, Diseño, guía, JavaScript, jquery, Programación, Tutorial

Muchas veces pasa que vemos un sitio web con un diseño impresionante y tipografías que nos llaman mucho la atención pero no sabemos cuál es su nombre. Una opción es investigar el CSS del sitio y sacar manualmente el nombre de las fuentes, pero les quiero ofrecer una opción mejor, y se llama Fount.

Fount es un bookmarklet que nos permite averiguar qué tipografías usa un sitio web de forma rápida y simple. Lo único que tienen que hacer es entrar en el enlace de abajo e instalar el bookmarklet. Luego, cuando entran en el sitio web deseado pinchen en el bookmarklet para activar la función de detección de fuentes.

Ahora vayan clickeando en cada una de las fuentes que les gusten y arriba ala derecha les dirá el nombre, tamaño, propiedades, etc. Si quieren desactivar el modo de detección pinchen nuevamente en el bookmarklet y podrán seguir navegando normalmente en el sitio.

Enlace: Fount

Visto en WebResourcesDepot

Otros llegaron buscando:

• deteccion de fuentes desactivado

© Juanguis para Punto Geek, 2012. | Permalink | Sin comentarios |
Tags: Bookmarklet, Diseño, Recursos

Navegando por la web me encontré con una infografía que muestra la anatomía o estructura de un sitio web perfecto, esta infografía fue creada basándose en la perfección de PuntoGeek.com teniendo en cuenta los aspectos de: diseño web, navegación adecuada dentro del sitio, usabilidad, contenido, SEO (optimización en motores de búsqueda), Social Media (la parte de las redes sociales) y otras dos que considero relleno.

© Andrés para Punto Geek, 2011. | Permalink | Sin comentarios |
Tags: Diseño web, Infografía, Sitios web

Compare Ninja es una útil herramienta que nos permite generar tablas comparativas online de forma totalmente rápida y gratis. Es especial para todos aquellos que ofrecen productos o servicios en sus sitios, y quieren armar tablas comparativas entre los distintos productos.

Con Compare Ninja podemos crear esas tablas en segundos sin necesidad de conocimientos de HTML y CSS. Lo único que tienen que hacer es ingresar un título para la tabla, especificar la cantidad de productos y categorías a comparar y luego comenzar a editar cada uno de los ítems por separado.

Una vez que terminan la tabla pueden descargar el código HTML/CSS que les genera el sitio e insertarlas en sus propios sitios web.

Enlace: Compare Ninja

Visto en WebResourcesDepot

© Juanguis para Punto Geek, 2011. | Permalink | 1 comentario |
Tags: Diseño, generador de tablas comparativas, Recursos

Los que conocen jQuery sabrán que nos abre un mundo de posibilidades, una de ella muy enfocada a la parte visual de algún sitio web. En esta ocasión me encontré con un curioso plugin, bastante ligero y fácil de usar, que da un toque diferente a las imágenes, dividiéndolas en varias partes, tal como se muestra en la imagen que encabeza la entrada.

Su implementación es muy sencilla, y por cierto, se llama PicStrips:

$("#s").picstrips( { splits: 18, hgutter: '2px', vgutter: '10px', bgcolor: '#fff'} );

Pueden modificar el número de divisiones, su grosor, color de fondo y el espaciado en la parte inferior y superior. Sencillo, ¿No?

Sitio web: PicStrips

Visto en: kabytes

© Jonateo para Punto Geek, 2011. | Permalink | Sin comentarios |
Tags: Diseño, Imágenes, jquery, modificar, Plugin, web development

A veces, para los que no tienen muchos conocimientos de diseño, diseñar un logo puede ser una tarea titánica, sobre todo si no tenemos ningún programa de diseño gráfico ni los recursos necesarios. Logotype Maker es un generador de logos online de muy alta calidad y de una sencillez de uso que realmente da risa.

Primero empezamos poniendo un texto (el que llevará el logo), y el sistema nos generará una serie de logos aleatorios con distintos diseños. Ahí tienen que elegir el que más les guste y comenzar a editarlo, pudiendo agregar distintos degradados, cambiar las tipografías, agregar sombras, bordes, reflejos, y muchísimas cosas más. Incluso hasta podemos agregar imágenes desde la biblioteca o subirlas desde nuestro disco.

Una vez que terminamos podemos descargar el logo en el tamaño que queramos y en muy alta calidad, ya sea en formato PDF, PNG o en un ZIP.

Debo reconocer que de todos los generadores de logos online que probé, Logotype Maker es el mejor de todos, ya sea por su facilidad de uso, por la calidad de los diseños, y por las opciones de personalización que tiene.

Enlace: Logotype Maker

Visto en GeeksRoom

© Juanguis para Punto Geek, 2011. | Permalink | Sin comentarios |
Tags: Diseño, generador de logos, Recursos

Si bien hay muchísimas opciones para editar fotos online, hoy les quiero recomendar una nueva herramienta llamada Picozu Editor, un nuevo editor de imágenes online que vale la pena dar a conocer porque es muy útil.

Con Picozu Editor podemos hacer todo tipo de ediciones (no tan) básicas a nuestras imágenes, incluyendo el trabajo mediante capas, pinceles, ajustes de color, aplicar decenas de filtros y avanzadas herramientas. Algo destacable es que nos pide permiso para almacenar datos en nuestra computadora, para así poderlo usar offline luego.

En todo momento se va guardando el avance de nuestro trabajo de forma automática, y el sitio nos lo hará saber mediante notificaciones que aparecen en la esquina inferior derecha de la pantalla.

Lo que me gustó de este editor es que tiene una interfaz muy limpia e intuitiva, y lo mejor de todo, es totalmente gratis.

Enlace: Picozu Editor

Visto en Addictive Tips

© Juanguis para Punto Geek, 2011. | Permalink | Sin comentarios |
Tags: Diseño, editar fotos online, editor de imagenes, Web 2.0

BgPatterns es una excelente y útil herrmaienta para diseñadores o personas que quieran diseñar patterns online de forma gratuita. Su uso es muy simple y nos permite generar patterns o patrones para utilizar como fondos en cualquier tipo de diseño sin necesidad de conocimientos.

Lo bueno es que con BgPatterns podemos configurar:

• Los colores que tendrá el pattern.
• El canvas (hay 5 diferentes), su opacidad y tamaño.
• La imagen del pattern (hay muchos diseños disponibles de varias temáticas), opacidad y tamaño.
• Rotación del pattern.

Enlace: BgPatterns

© Juanguis para Punto Geek, 2011. | Permalink | Sin comentarios |
Tags: Diseño, patrones, Patterns