30 Templates de recursos de diseño mas utilizados

Una característica que he notado en muchos proyectos Web exitosos o empresas relacionadas a la tecnología, es que siguen la primicia  de «No es necesario reinventar la rueda», la cual marca claramente que no se trata de inventar cosas espectaculares si no simplemente saber utilizar los elementos ya existentes y con ellos formar algo novedoso.

He mencionado muchas veces lo mucho que me agrada el diseño, y también me he encontrado en la situación de tener que realizar algunos trabajos en los que necesito «X» o «Y» elementos de diseño para poder decorar lo que estoy realizando, hoy les presento una colección de 30 templates de elementos muy utilizados en los proyectos web en particular, hablo de elementos como pueden ser Templates para tarjetas de presentación, Templates para crear trípticos,Templates de camisas de estampado, Templates de gorras, Templates de latas de refresco, y muchos más, que nos permitirán hacer uso de ellos sin tener que matarnos en la creación de los mismos.

Visitar los 30 Templates en  Creative Repository

33 sitios para descargar Imágenes Vectoriales

Primero que todo una disculpa por no haber publicado nada en estos últimos días, sucede que me fui unos días ha Mérida Yucatan, a un Simposium organizado por la UADY , una de las universidades mas importantes de dicha ciudad, y pues estuve algo desconectado de la vida digital, pero regresamos a el ritmo habitual del blog.

Hoy les traigo uno de esos recursos que son muy comunes en el diseño ya sea sobre medios digitales o sobre medios impresos, hablo de las imágenes vectoriales, las cuales gracias a que se forman a partir vectores, los cuales están compuestos por algoritmos matemáticos complejos, permiten que una imagen vectorial, pueda ser manejada a nuestra antojo, sin que esta sufra variaciones en su calidad final . Uno de sus usos mas comunes se da en la realización de logos , ya que el logo de un producto puede estar presente desde pequeños objetos hasta espectaculares de gran tamaño, y la idea es que dicha imagen siempre se aprecie igual y sin perdida de calidad sin importar el tamaño de esta.

problogdesign nos trae una recopilación de 33 sitios, donde podremos encontrar un sin fin de imágenes vectoriales, listas para poder ser usadas en nuestros proyectos, hay muchas imágenes que de verdad no tienen desperdicio, y mas de una me ah sacado de apuros, muchas de las imágenes no tienen desperdicio.

Visitar imágenes vectoriales aquí.

Imágenes de buena calidad para tus Post’s con : PicApp

Dicen por ahí, que una imagen vale mas que mil palabras, y en el mundo del Internet este hecho toma una gran importancia cuando estamos leyendo noticias, leyendo Post’s, escribiendo reseñas y demás tareas relacionadas a la lectura en la Red, es indudable que la información debe de estar enriquecida con elementos gráficos que acompañen a la información para que esta sea de mayor interés. Agregar elementos gráficos a los textos resulta ser una buena practica y permite que la información no se torne aburrida y  sosa, cuando acompañamos un texto con un buen elemento gráfico, logramos una mayor atención del lector.

Crea el «Mapa de Web» de Una manera Elegante y sencilla

La creación de un Mapa de Web puede ser un elemento importante para que los usuarios que visiten tu pagina puedan conocer la estructura jerárquica de tu Sitio Web, Partiendo de la forma en que están organizados los enlaces de las secciones principales de tu Sitio, Ojo no confundir Mapa de Web con Mapa de sitio(Sitemap), el primero se elabora para que el usuario conozca la estructura de la Pagina, y el segundo tiene la misma función solo que en lugar de mostrársela al usuario se la muestra a los Buscadores, para que estos conozcan la estructura de nuestro Sitio y así indexen la pagina, lo cual nos sirve para comenzar a posicionarnos en los buscadores.

Existen herramientas para crear un Mapa de Web automáticamente, pero en esta ocasión les hablare de un template basado en un conjunto de Listas desordenadas, que con un poco de CSS, logra un resultado bastante interesante, el template es editable completamente desde HTML , por lo que podrás aumentar o quitar la ramificación de tu sitio de una manera rápida, el nombre del template es SlickMap CSS.

Descargar Código Fuente

Visto en : Astuteo

Visualiza tu Web en varias Resoluciones

Aun recuerdo la primera vez que elabore una Pagina Web, que la verdad no fue hace mucho, agarre un template, y lo adopte a mis necesidades, en ese tiempo aun no tenia mi Macbook , asi que tenia mi Pc con un monitor de 19′ de esos cuadrados y feos, y pues bien, termine la Pagina, y todo se veía bien en pantalla, pero Oh sorpresa, cuando prueba la pagina en otro monitor de menor resolución por ejemplo uno de 800X600 me encuentro que el Sitio no se veía igual que en mi pantalla, fue una odisea para mi en ese momento lograr que se viera bien pero al final algo se pudo lograr.

Pues bien para evitar eso y tener una idea de como se Visualizara nuestro Sitio en una resolución distinta a la que trabajamos, podemos hacer uso de una Herramienta Online que se llama ViewLike, que sin ser la gran maravilla nos permite darnos una idea de como se vera nuestro Sitio en distintas resoluciones, vasta con escribir el nombre de nuestra pagina y seleccionar las distintas resoluciones que nos permite ver, siendo de 800X600 hasta 1920X1200, o también como se vería en el navegador de la consola Wii o el Iphone.

Repito los resultados pueden no ser la realidad pero si nos puede servir de referencia, se hecha de mano poder visualizar nuestra pagina si esta no esta OffLine

Visto en : kabytes

Sencillo acordeón con Jquery

Acordeón sencillo y elegante

Los menús navegables estilo acordeón son un recurso muy usado actualmente, gracias a que estos nos permiten mostrar mucha información en un espacio reducido lo cual los hacen muy útiles. Hoy vamos a crear un acordeón sencillo con la librería Jquery y haciendo solo uso de unas cuantas etiquetas HTML (H3 y p), pues no se diga mas comencemos :