---------------------- Anuncios de interes ----------------------

Posts Tagged: "Diseño Web"

Headers o cabeceras gratis para tu Web

Una colección muy inspiradora… 45 headers (cabeceras) gratis para una web o blog… Creadas en PSD y puestas a disposición de quien las quiera, para ser descargadas, usadas y manipuladas a discreción (algunas conservan el archivo Psd para manipularse)…

45 headers gratuitos en Jpg y Psd para descargarse y usarse
headers-gratis.jpg

Estos recursos son útiles sobre todo para personas que no se lleven bien con el diseño gráfico o web, o bien, para aquellos que van comenzando en el arte del diseño y buscan ideas o utilidades ya predeterminados para manipular ellos mismos…

Pueden descargarse gratis y verse desde SM, son 45 cabeceras o headers para utilizarse en cualquier Blog, página Web… Si te gustarí­a aprender a usar Photoshop, yo hace tiempo subí­ un libro gratis de Photoshop al blog, puedes descargarlo gratis y aprender los secretos del Photoshop

Spam Loco / Fuente de referencia
Smashing Magazine / Descarga 45 headers gratis

16 sitios Web para recortar y redimensionar imagenes online

Editar una imagen en lí­nea antes solí­a ser algo imposible, luego fueron surgiendo sitios Web que ofrecí­an la posibilidad… Hoy en dí­a hay cientos de páginas Web que nos permiten editar imágenes online

como editar imagenes en linea

Con anterioridad habí­a publicado 7 Sitios para editar fotos en lí­nea, y en esta ocasión la lista crecerá,

Sitios para recortar y redimensionar fotos online:
1. Reshade… Redimensiona imágenes y hace zoom en zonas que elijas… Tiene algunos efectos sencillos…
2. Resiza it… Redimensiona fotos, recorta fotos, y agrega efectos múltiples adicionales…
3. Q. Thumbnail… Redimensiona imágenes fácilmente…
4. Snipshot… Redimensiona, corta, agrega efectos y haz balance de colores… Tiene una opción Pro, de cobro mensual…
5. Dosize… Cambia el tamaño de la imagen y la enví­a, todo en lí­nea y con sencillez…
6. Picresize… Redimensionar una imagen o cortarla nunca fue tan fácil…
7. Resize Image O… Cortar, hacer zoom, cambiar dimensiones, todo en lí­nea…
8. Resize 2 Mail… Rota imágenes, corta y redimensiona, rapidamente…
9. Izhuk… Recorta, rota y redimensiona, además puedes bajarte el software e instalarlo en tu web o usarlo en tu ordenador… (la licencia es gratuita para usarlo en tu ordenador, pero para usarlo en una Web, tiene ciertos costos según tu necesidad, no es nada barato)…
10. Resize Pic… Sencillo, limitado, no muy útil que digamos…
11. Resizr… Rápido y confiable, redimensiona conservando las proporciones…
12. Ezresize… Muy similar a Resize Pic, sencillo y limitado…
13. Fix Picture… Ofrece utilidades predeterminadas y algunas de uso avanzado, ideal para principiantes… Tiene dos versiones, html y flash (recomiendo la html)…
14. Online I R… Una interfaz demasiado saturada, a pesar de ser tan sencillo es dificil comprenderlo rápido (demasiado 1.0)…
15. Resize I O… Interfaz un poco mal diseñada y muy similar al anterior, pero más fácil de entender (muy 1.0)…
16. Shrink Pic… Parece que usa el mismo Api que Fix Picture pero más limitado…

Con estos 16 sitios Web para redimensionar o recortar fotos en lí­nea cualquier tarea será sencilla… Aunque si buscas alternativas, quizás estas 7 páginas web para editar imágenes en lí­nea puedan servirte…

HongKiat / Fuente de referencia

Iconos gratis con aspecto vidrioso

Colección de iconos en formato .Eps… Creados con aspecto vidrioso y con simbolos y signos variados… Estos iconos son esferas que parecen de vidrio y en el centro tienen un signo representativo…

iconos para descarga gratuita

Estos iconos pueden descargarse gratis y utilizarse en proyectos de diseño gráfico o web… Según la necesidad de cada diseñador para cada trabajo concreto…

Vecteezy
/ Fuente de referencia y descarga

Tablosign, el microblog del diseño

Un nuevo sistema de Microblogging ha surgido con la misma idea tradicional pero con una singular diferencia… Se llama Tablosingn y es un Microblog o Miniblog (como sea) que trata temas relacionados al diseño (en cualquiera de sus modalidades)…

logotipo de tablosign

La idea esencial es compartir información relacionada con el diseño… Ya saben, herramientas, recursos, consejos, tips y enlaces a sitios de ayuda y referencia… Una idea simple y nada complicada, pero que puede hacer la diferencia y aportar al mundo de los diseñadores invaluables recursos para nuestro trabajo…

De momento son pocos los integrantes pero el proyecto tiene miras para crecer… Si bien gracias a WordPress parece un blog tradicional, pero el diseño y la estructura nos recuerda a Twitter, pero de momento no hay forma de registrarse y colaborar (o al menos no encontré la zona de registro)…

Me parece excelente la idea, sobre todo por la temática…

Gran Impetu / Fuente de referencia
Tablosign / Microblogging del diseño

7 páginas Web para editar fotos online

Ya he publicado algunos sitios Web que sirven para editar fotos o imágenes en lí­nea… Esto por alguna vez hay necesidad de editar alguna imagen y no hay Photoshop a la vista, fácilmente estas Webs nos facilitarí­an la tarea para editar fotos en lí­nea, al menos las aplicaciones básicas…
Si necesitas un buen programa online para editar fotos o quieres saber como editar fotos en lí­nea, mira la lista de abajo y seguro encontrarás alguno que te guste…

paginas para editar fotos en lí­nea

La verdad que ha habido una creciente oleada de proyectos Web que presentan aplicaciones similares entre si, la competencia es dura y peligrosa, pero gracias a esto tenemos alternativas, lo que es más que excelente y así­ cada quien elige la web que mejor se condicione a lo que necesita…

Lista de 7 sitios Web para editar fotos en lí­nea:

1. Aviary Phoenix… Tiene bastantes aplicaciones online para editar fotos, pero de momento esta en beta y solamente puede ser usada si te invitan…
2. FlauntR… Este es un servicio bastante completo que yo he usado en el pasado y funciona muy bien, son seis tipos de programas de edición fotográfica distintos y la verdad que lo recomiendo bastante, no le falta ni le sobra nada, un casi Photoshop online (tienes que registrarte para usarlo)…
3. FotoFlexer… Este editor de fotos en lí­nea es sencillo pero tiene las herramientas justas y necesarias, no requiere registro, es rápido y funciona muy bien para usuarios de Myspace, Facebook y otras redes sociales…
4. LunaPic… Este editor online de fotos es de lo más básico, pero trabaja con rapidez las funciones sencillas al editar una foto en lí­nea…
5. Phixr… Esta web para editar fotos en lí­nea es un compendio de pequeños juegos de edición, es fácil de usar (casi todo es a un click) y tiene efectos muy interesantes para las fotos…
6. Picnik… Es un editor de imagenes en lí­nea por excelencia, tiene aplicaciones que se expanden sobre todo para las redes sociales (como Flickr), y viene en dos versiones online, una gratuita (limitada pero buena) y otra de pago completa, por 24.95 dlls, por año…
7. Splashup… Antes conocido como Fauxto… Fue el primer editor de fotos en lí­nea que encontré, muy similar a Photoshop en su interfaz, permite trabajar con capas, con varias imágenes a la vez, la verdad que es una de las mejores opciones que hay en la actualidad…

Pues bien, esas son las 7 recomndaciones para editar fotos en lí­nea que vi gracias a Mashable [Eng]… Así­ que ya no hay excusa…

Tutoriales de jQuery gratis para diseñadores

- - Como Hacer, Descargas

10 tutoriales visuales previstos para diseñadores o para principiantes que quieran aprender como aplicar efectos de Javascript con jQuery (jQuery es una especie de libreria Javascript que simplifica acciones) y son muy interesantes.

tutoriales de jquery

Los tutoriales tienen mucha integración Ajax y el resultado es muy dinámico y agradable para el usuario… La experiencia que el usuario de la Web desarrolla es muy agradable…, maneja por otro lado el concepto de código semántico…

Tutoriales muy completos los que manejan en Web designer wall, y muy fáciles de seguir, este es el resultado para que vean como quedarán los diseños después de jugar un rato con los tutoriales: Demos
Puedes ver los tutoriales de jQuery o descargarlos directamente de su Web…

Web Designer Wall / Fuente de referencia y descarga

Cómo crear juegos en Flash, 20 formas de hacerlo

- - Como Hacer

Tal vez diseñar un sitio web en flash no sea tan complicado, o armar animaciones en flash o dibujos animados… Pero a la hora de hacer un juego o crear un juego en Flash, si no se tienen los conocimientos adecuados será un poco (o tal vez mucho) difí­cil que lo podamos conseguir…

Pero gracias a estos 20 tutoriales que encontré de referencia en Kabytes, crear juegos en Flash puede resultar una experiencia agradable…

hacer juegos en flash

Son 20 tutoriales recopilados, en los que se explica paso a paso como hacer juegos en Flash dinámicos y entretenidos… Ya con un poco de conocimientos podrás aplicar cambios y usar tu imaginación…

Lista de 20 sitios para crear juegos en Flash:
1. Como hacer un juego de carreras en Flsh.
2. Como hacer un juego de disparo a globos en Flash.
3. Como hacer un juego de cartas en Flash.
4. Como hacer un juego de naves espaciales en Flash.
5. Como hacer un juego de coaliciones de pelotas en Flash.
6. Como hacer el juego del ahorcado en Flash con Action Script.
7. Como hacer el juego de la serpiente en Flash.
8. Como hacer el juego de sobreviviendo al horror en Flash.
9. Como crear un juego en Flash para móviles.
10. Como hacer el juego de Dodge Ball en Flash.
11. Como crear un juego de guerra y artillerí­a en Flash.
12. Como hacer el juego del francotirador en Flash.
13. Como hacer el juego de la gallina y los huevos en Flash.
14. Como crear un juego de una mini carrera en Flash.
15. Como hacer un juego de bola escurridiza en Flash.
16. Como hacer un juego de pelea en Flash.
17. Como crear un juego de rompecabezas sencillo en Flash.
18. Tutorial para principiantes, crear movimientos, etc en Flash.
19. Como crear un juego similar a Security 2 en Flash.
20. Como hacer un juego de billar en Flash.

Bien, creo que entre algunos tutoriales para hacer juegos en Flash que están algo complicados, hay otros bastante sencillos que te guiarán paso a paso para aprenderlo todo sobre como crear juegos en Flash…

Kabytes / Fuente de referencia
Deziner Folio / Fuente de recopilación

TotalEdit 4.1, editor de texto ideal para programación

total edit 4.1 software gratisSi eres programador y estas en busca de un editor de texto confiable y preparado para esas peleas con el código, Total Edit 4.1 es la elección gratuita del programador…
Total Edit ofrece varias alternativas interesantes para programadores en busca de un editor para sus códigos… Entre esas opciones esta la posibilidad de visualizar el código en los colores clave, enumeración de renglones, y otras muchas más…
Incluso para esos malos escritores, tiene integrado un corrector ortográfico

Esta nueva versión de Total Edit 4.1 tiene una peculiar singularidad, que te permite instalar la versión del programa en un Usb (pendrive) para poder usarse en ordenadores múltiples o portátiles

Para abrirlo desde el Usb, solamente hay que hacer doble click en TEditStd.exe y la magia estará hecha… Aunque, solamente funciona con Windows…

DS / Fuente de referencia
Total Edit / Descarga del software gratis

Iconos Rss redondos y cuadrados

- - Descargas, Iconos

Buscando Iconos Rss para los Feeds de los blogs, esa constante búsqueda de recursos gratuitos para nuestra bitácora en lí­nea… Pongo a su disposición dos packs gratuitos de Iconos Rss bastante bonitos… Unos iconos redondos y los otros cuadrados…

Iconos para los Rss Feeds, colección redondos y cuadrados
iconos-rss-redondos-cuadrados.jpg

Los iconos en cada pack vienen en un tamaño de 64 x 64 pixeles, y el formato en el que vienen hechos es .PNG… Realmente no son muy sofisticados, pero tienen su encanto y si estás buscando iconos que tengan estas caracterí­sticas para el diseño de tu blog, pues es una excelente opción…

Puedes descargarlos en el blog de Bullet Proof Idea, o igual puedes seguir navegando por Portafolio en busca de Iconos gratis para descargar

Trazos Web / Fuente de referencia
Bullet Proof Idea / Sitio de referencia original

Como extraer la paleta de colores de un sitio Web

- - Tonos y Color

Una de las cosas caracterí­sticas del diseño Web (gráfico o editorial), es el crear paletas de colores para ciertas imágenes, espacios y tipografí­as de la página Web que estamos diseñando… A veces incluso sacamos algunos colores de otras Webs interesantes

Pero qué ocurre cuando queremos mirar la paleta de colores de una página Web rapidamente… Pues para eso esta utilidad es una maravilla…

Extrae los colores de una Web con un solo click
colores.jpg

Fue gracias a Kabytes, quien lo vio en Código Geek, que llegué a Art Viper, con su utilidad MooColorFinder, que ingresando la Url de la Web de la cual queremos extraer la paleta de colores, y hacer un click en el botón de extracción, y la lista de colores (como en la imagen) aparecerá cuando cargue…

Es realmente interesante la creación y generación de la paleta de colores de nuestro sitio Web, aunque es un aproximado casi exacto, tiene sus fallos… Recomiendo una vez que comenzamos un diseño, escribir los valores de cada color y después crear una paleta similar a la que nos ofrece esta utilidad online…

MooColorFinder / Sitio para extraer paletas de colores
Interesante herramienta en linea, para diseñadores Web