portafolio blog » Recursos Web

Como crear un favicon para un blog o sitio web en línea

Marbella Romero — Sat, 20 Mar 2010 07:08:04 +0000

Primero que nada ¿Que es un favicon? (Favorite Icon)

Pues bien en pocas palabras :

Un favicon es una imagen de 16×16px con terminación .ICO que sale al lado izquierdo de tu barra de navegación en tu pagina web, en tus favoritos y en los marcadores.

Un favicon puede ser cualquier imagen, pero la recomendación es que sea algo distintivo del sitio web o blog, como su logo. Esto es para que las personas se familiaricen con la imagen de tu marca.

Por ejemplo el que tenemos aquí en Portafolio blog…

Ahora lo siguiente que podemos hacer es descargar algún programa para crear tu favicon o lo creamos en línea con la opción que les mostraré a continuación:

Vamos a la web de www.favicon.cc

Paso #1: Damos click en Import Image – obviamente ya tenemos lista la imagen que queremos como favicon -

Paso #2: Seleccionamos la imagen que queremos desde nuestro ordenador

Paso #3: Seleccionamos la opción “Keep Dimensions” para que la imagen no se vea distorsionada

Paso #4: Le damos “Upload” y esperamos a que aparezca nuestra imagen en el editor

Paso #5: En la parte de abajo existe un apartado llamado “Preview” en donde pueden ver como quedara su favicon ya que lo pongan en su blog o pagina web y justo abajo esta el link de “Download Favicon” para que descarguen su archivo .ICO listo.

Ahora ya tienes tu FAVICON listo para ponerlo en tu blog o sitio web.

5 extensiones de Firefox para diseñadores web

Marbella Romero — Fri, 19 Mar 2010 06:55:21 +0000

Firefox es sin duda alguna el navegador web con más crecimiento en los últimos años, dándole una gran batalla al navegador de Microsoft: Internet Explorer.

Una de las ventajas de tener Firefox instalado en nuestro ordenador son todas las extensiones con las que cuentan en su página web, las cuales son desarrolladas por miles de personas y lo mejor de todo: son gratuitas.

Hoy les traigo una recopilación de los que para mi son 5 extensiones básicas para todo diseñador web.

ColorZilla: ¿Alguna vez te has preguntado que color tiene el logo de tu pagina favorita? o ¿De que color es el fondo de X pagina web? Supongo que si, por lo menos yo lo he hecho, pero no me he quedado con la duda.

Esta extensión te proporciona con un solo click el color del objeto que seleccionaste con el punto, tanto en código hexadecimal como RBG. En cuanto a colores es mi herramienta favorita en Firefox y la recomiendo ampliamente.

Firebug: Este es uno de las extensiones que más utilizan los diseñadores y desarrolladores web, ya que nos permite conocer, depurar y editar el código CSS, HTML, JavaScript y DOM de cualquier pagina web, así como también nos permite conocer cuanto tiempo tardan en cargar las imágenes y scripts dentro de una pagina web.

Web Developer: Esta herramienta fue la ganadora del concurso “Extend Firefox” de Firefox en el 2006. Su función es es parecida a la de Firebug, ya que nos permite conocer el código, pero también nos permite desactivar cualquier parte de CSS, cookies, imágenes, etc.

Xrefresh: es una herramienta con una función muy simple pero muy útil, ya que cada que nota un cambio en el código de la pagina web en la que estamos trabajando se refresca automáticamente. Sin duda esta herramienta nos ahorrara clicks y estar pegados al f5.

MeasureIt: es simplemente una regla para medir cualquier cosa que se te ocurra dentro de tu navegador web. Teniendo esta extensión solo tendrás que dar un click en el icono para activar la regla y obtener aquellas medidas que deseas.

Espero les sirva alguno de estos recursos web.

Diseño Web, Listados, firefox, Recursos Web, Extensiones de Firefox

Sitio web para descargar texturas gratis para photoshop

Marbella Romero — Thu, 18 Mar 2010 08:59:31 +0000

Una de las cosas básicas y que no pueden faltar en la colección de todo diseñador gráfico o diseñador web, es una lista o “colección” de sitios en donde encontrar todo lo necesario para darle un mejor efecto a nuestros diseños o para en este caso crear uno que otro wallpaper.

Y es por eso que les voy a recomendar uno de los sitios que en lo personal utilizo mucho porque es de mi agrado (y que tengo en mis marcadores y lector de feeds) desde hace tiempo.

Star Textures, un sitio en donde todas las texturas que tienen en su pagina son gratuitas y lo mejor de todo es que son texturas de alta calidad, algo realmente muy importante a la hora de buscar recursos en la web, ya que se trata de ahorrarnos un poco de trabajo y dinero ¿no?

La verdad es que si vale la pena tener en nuestra lista de recursos web esta página, debido a que esta muy bien organizada y ademas allí puedes encontrar cientos de texturas de diversos tipos como madera, naturaleza, grunge, abstractas, acero, metal, asfalto, cielos, entre otros, y lo mejor, todas acomodadas en su respectiva categoría, para no tener que andar buscando por toda la web.

Texturas para Photoshop, Diseño Web, Recursos para Photoshop, recursos, texturas, Recursos Web

50 iconos de Twitter gratuitos

Marbella Romero — Thu, 18 Mar 2010 08:04:36 +0000

Hoy en día las personas están utilizando las redes sociales como Twitter, Facebook, Myspace o Tuenti como una fuente de información importante, no obstante su uso principal ha sido para socializar entre familia, amigos y para conocer a personas con gusto afines.

Ha sido tanto el impacto de las redes sociales que a poco tiempo de su existencia se han apoderado del flujo de información en Internet, tanto como para información personal como para noticias, promoción de eventos, marketing empresarial y movimientos sociales.

Una de las redes sociales más usadas es Twitter, que a pesar de estar limitada a 140 caracteres por mensaje ha tenido una gran aceptación en los últimos meses por parte de empresas, deportistas y gente del medio artístico, permitiéndoles mantenerse cerca de su público y haciendo que este servicio haya crecido rápidamente en este inicio de año.

Así que sabiendo que una gran parte de las personas que cuentan con un blog o sitio web hacen uso de esta red social, les traemos un paquete de iconos vectoriales gratuitos para uso personal o comercial con una temática variada, el paquete contiene desde señalizaciones viales, iphones, globos de texto, imacs, discos entre otros, pero todos relacionados con Twitter.

Estos recursos vectoriales vienen en el formato .PNG con transparencia, en un tamaño de 256×256 pixeles y en el archivo .zip vienen los archivos editables de Adobe Ilustrator para que cada quien pueda modificar el tamaño si así lo gusta o necesita.

Descargar desde WebDesignerDepot

Fuente: WebDesignerDepot.

Recursos Vectoriales, Recursos en PNG, Vectores para Adobe Illustrator, Iconos en Vectores, Descargas Gratis, Recursos Web, twitter

Planos de casas de libre descarga

Alfonso Lozano — Tue, 16 Mar 2010 11:15:15 +0000

Los tiempos están cambiando y mucho, en parte por la economía y quizás también por lo que conlleva la entrada a un nuevo siglo o milenio. A nadie se le escapa que buena parte del desastre económico en el que vivimos ha sido provocado por la especulación inmobiliaria. A raíz de esto, mucha gente busca nuevas soluciones y se lo piensa mucho a la hora de comprar una casa y pagar la correspondiente hipoteca durante años.

Si es verdad que a la hora de adquirir una vivienda, los procesos a seguir siguen siendo los mismos, o se compra por plano o ya edificada. Pero ¿Y si tuviésemos acceso a los planos de construcción de nuestra nueva vivienda?

En Arq.com nos ofrecen la posibilidad de descargar gratuitamente planos de casas reales realizados por distintos arquitectos, los cuales podremos utilizar para un nuevo proyecto de nuestro hogar o simplemente por la curiosidad de echarles un vistazo. La ventaja es más que obvia, accediendo a estos planos nos podemos ahorrar una buena cantidad de dinero a pagar y nosotros mismos podemos elegir como será la casa donde queremos vivir y donde queremos hacerlo.

Además podemos encontrar planos de estilos diferentes de construcciones, tanto orientales como occidentales. Si bien es una buena solución que requiere de un importante capital, no cabe duda que es un nuevo recurso para construir nuestra propia vivienda evitando intermediarios.

Arq.com / Planos de casas de libre descarga.

Esmeraldas blog / Fuente de referencia.

Recursos Web, Internet, Decoración, Descargas Gratis, arquitectura

Alternativas para descargar audiolibros gratis

Miguel L. Romero — Fri, 12 Mar 2010 20:02:25 +0000

Con el paso del tiempo las alternativas para descarga audiolibros gratis aumentan, incluso de libros gratis en pdf o word, pero hoy traigo dos enlaces rápidos para ofrecer opciones para descargar audiolibros gratuitamente y en varios idiomas.

En este apartado publicamos 4 sitios Web para descargar audiolibros gratis para escuchar en todo momento. A su vez, en Globbos hubo una publicación similar pero con algunas otras alternativas: sitios online para descargar gratis audiolibros.

Una referencia rápida e interesante. Espero que sea de mucha utilidad para todos aquellos que buscan libros gratis en formato de audio.

Audio Libros, Descargas Gratis, Audiolibros Gratis, Audiolibros, Listados, Recursos Web

Cursos online a tu medida

Alfonso Lozano — Wed, 10 Mar 2010 11:04:15 +0000

La red esta llena de oportunidades que podemos aprovechar para aprender cosas nuevas dependiendo de nuestras inquietudes y necesidades. El concepto “online” ha traído a nuestras vidas, desde hace escasamente una década, infinidad de formas de entretenimiento y búsqueda de contenido de la información. Si a esto unimos la posibilidad de poder mantener videoconferencias desde cualquier parte del planeta con un ordenador y una simple conexión a internet, podemos afirmar que el futuro es muy prometedor.

Pero una de las cosas más sobresalientes que nos proporciona Internet es el poder seguir cursos y aprender cualquier materia de forma sencilla y cómodamente.

Mailxmail es un servicio online con el que podemos realizar cursos de forma sencilla vía email. Se trata de buscar lo que queremos estudiar y recibiremos en nuestro buzón de correo cada capítulo para hacer un seguimento del mismo. Lo bueno que tiene esta utilidad, es que podemos aprender cualquier cosa invirtiendo el tiempo que nosotros queramos desde la comodidad de nuestro hogar u oficina. En realidad Mailxmail hacen de intermediarios para que encontremos ese curso de calidad que andamos buscando, realizando la búsqueda desde su página web.

Entra en Maixmail y descúbrelo por ti mismo.

Un usuario / fuente de referencia.

tutoriales, Internet, recursos, Cursos Online, Recursos Web, Cursos Online Gratis, Servicios Gratis

Iconos de camiones de redes sociales

Alfonso Lozano — Sun, 07 Mar 2010 12:11:44 +0000

Si las redes sociales se sitúan como un claro referente de comunicación en la red de redes, es muy lógico que cada vez aparezcan distintos elementos gráficos que sirven de refrencia para trabajar con ellas.

Este es el caso de los iconos para redes sociales que sirven para personalizar nuestras páginas, añadiendo la función de enlazar con las mismas para tener en la medida de lo posible indexada toda nuestra información. En la red podemos encontrar muchos de estos iconos aludiendo a formas variadas como almohadillas, chapas, o camiones, como es el caso de la colección que os presento a continuación.

Se trata de un set de iconos de libre descarga de camiones donde veremos reflejadas todas las redes sociales más importantes. Un recurso que sin duda será del agrado de todos los amantes de estos vehículos, a la vez que son de uso muy apropiado para webs de transportes con los que añadirán ese toque personalizado a las mismas. Los iconos están disponibles en una resolución de 512 pixeles, más que suficiente para representarlos en formato icono con una resolución optimizada.

Puedes descargar el set completo desde el blog de Creativos online / Fuente de referencia.

colecciones, Recursos Web, Descargas Gratis, Diseño Gráfico, redes sociales, Iconos

Programas y utilidades para móviles

Alfonso Lozano — Sun, 28 Feb 2010 11:07:47 +0000

Los móviles se han convertido en mucho más que teléfonos celulares desde los que hacer llamadas o mandar mensajes. Su evolución ha hecho posible que hoy en día utilicemos los móviles para muchas más cosas que antes serían impensables de realizar.

En la web de “programas para móviles” encontrarás infinidad de aplicaciones, juegos, utilidades y trucos de diversa índole para que personalices el tuyo con las funciones que más te convengan, dependiendo el uso que quieras darle. Un interesante sitio donde si no encuentras lo que buscas, posiblemente te aconsejarán de la mejor opción para tu móvil.

Teniendo en cuenta las posibilidades que ofrecen los móviles de última generación y la necesidad de interactuar con tu ordenador personal, debemos tener en cuenta que podemos sacarle mayor partido, gracias a muchos complementos que existen para cada modelo determinado.

Echa un vistazo a “Programas para móviles” y descubre tu mismo todo lo que nos ofrece esta web.

Esmeralda´s blog / Fuente de referencia.

web, programas, Recursos Web, Teléfonos Móviles, recomendaciones

Wallpapers para el nuevo iPad

Alfonso Lozano — Tue, 16 Feb 2010 10:53:37 +0000

Ya sabemos lo importante que es variar de fondo de escritorio de vez en cuando, para no aburrirnos con la misma imagen día tras día y así tener nuestro ecritorio actualizado. Colecciones de wallpapers hay muchas donde poder seleccionar los fondos que más nos gusten para descargarlos y tenerlos a mano siempre que los necesitemos.

Pero hoy vamos a presentar una colección de fondos muy particular, se trata de una recopilación de fondos para tu dispositivo iPad. No han pasado más que unos días desde la comercialización del nuevo dispositivo de Apple y ya empiezan a aparecer distintas aplicaciones y recursos para que podamos actualizarlo a nuestro gusto. Una creación a la que le han llovido duras críticas nada más aparecer, por carecer de puertos Usb y otras características que lo hacen menos compatible, si cabe, con otros dispositivos y sistemas operativos.

Os presento a continuación una estupenda colección de 30 wallpapers o fondos de escritorio para iPad, para que podáis descargarlas totalmente gratis y de esta manera podáis personalizar a vuestro gusto e ir cambiando el fondo de vuestra nueva máquina.

Naldzgraphics / Colección de fondos para iPad.

Un usuario / Fuente de referencia.

apple, iPad, fondos, Recursos Web, wallpaper