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

Category "Como Hacer"

Diseñar webs para móviles

- - Como Hacer, Diseño en General, Editores Digitales, Herramientas de Diseño

A la hora de diseñar una web, bien sea personal o para algún cliente en concreto, queremos que se visualice lo mejor posible en todos los navegadores y dispositivos disponibles. Lógicamente esto no es una tarea sencilla porque existen distintos estándares que condicionan que una página web se vea de distinta manera dependiendo de donde se muestre.

Por ejemplo, algo que debemos tener en cuenta es que Internet Explorer, un navegador por todos conocido que Microsoft ha distribuido gratuitamente siempre con sus ordenadores, no soportaba (al menos hasta su última versión) el código html estándar, de igual modo que lo hacían la mayoría del resto de otros famosos navegadores como FireFox, Safari o Ópera. Algo que trae de cabeza a los diseñadores web ya que deben hacer ciertos cambios en el código para que IE, visualice las páginas correctamente. Esto pasa desapercibido por la mayoría de los usuarios de este navegador, que piensan que debe ser bueno ya que es el más utilizado en el mundo. Sin duda una buena estrategia de imponer por parte de Microsoft, un software mediocre, en el sistema operativo más vendido en el mundo.

Sin embargo no todo empieza y acaba en los ordenadores ya que hoy en día van saliendo un montón de dispositivos como los móviles con características avanzadas para una correcta navegación por internet. Y es aquí donde nos encontramos con el mismo problema a la hora hacer que nuestras páginas se visualicen de forma correcta para estos dispositivos cada día más utilizados por miles de personas.

Onbile, puede ser una de las soluciones a este problema ya que nos propone crear una versión de nuestro site para los dispositivos móviles. Totalmente online y en sencillos pasos, podemos realizar la adaptación necesaria para que nuestra web corra correctamente por los navegadores incorporados en los dispositivos celulares.

Esta aplicación online contempla crear tanto versiones de blogs como de páginas html e incluso introducir las feeds necesarias en el código para ser reconocida fácilmente por los distintos motores de búsqueda.

Sin duda una opción a tener muy en cuenta a la hora de adaptar el contenido de nuestra web a las distintas plataformas, para que la mayoría de la gente las visualice lo más correctamente posible.

Entra en Onbile y descubre lo que puede hacer por ti.

EsmeraldasBlog / Fuente de referencia.

Tipografías hechas a mano

- - Como Hacer, Descargas, Fonts, Tipografí­as y Letras

Son muchos los tipos que debemos tener a mano y preparados para nuestro diseños. Aunque en el catálogo del ordenador tengamos las tipografías más habituales que solemos utilizar con frecuencia, lo cierto es que las colecciones de fuentes son muchas y variadas.

Yo particularmente, cuando realizo un proyecto de diseño en el que debo utilizar una tipografía concreta que sea adecuada para dicho diseño suelo trabajar por eliminación. Con esto quiero decir que de todos los posibles tipos seleccionados que pueden ser candidatos para un diseño determinado, al final uno de ellos es el utilizado para la parte tipográfica de dicho proyecto. Sin embargo es muy recomendable aunque nos lleve cierto tiempo el hacerlo, catalogar los tipos que tenemos en nuestro haber en distintas categorías.

Por ejemplo, hoy os muestro una estupenda colección de 60 tipos hechos a mano. Una recopilación muy recomendable de tipografías de carácter caligráfico, ideales para acompañar a diseños que requieran de tipos con trazo a mano alzada o para escritos con letra caligráfica.

Una colección más de tipografías para que nunca os falte de nada a la hora de trabajar.

Podéis ver todos la colección y descargaros los tipos que queráis desde la página de Creativos online / Fuente de referencia.

Comprueba que tu archivo Robots.txt funciona correctamente

- - blogs y bloggers, Como Hacer, Informática e Internet

archivo robots txt

Si tienes una pagina web  debes saber que existen ciertas herramientas que nos servirán de ayuda para tener un mejor funcionamiento en nuestro sitio.

Una de las claves en la optimización de tu sitio web es que para los buscadores (como Google, Yahoo, Bing, Altavista, etc) debemos tener un buen archivo robots.txt .

Este archivo como su extensión lo dice es simplemente un archivo de texto, el cual puedes crear manualmente en el bloc de notas, (o si usas WordPress existen plugins que te ayudaran a crearlo).

El archivo robots.txt contiene recomendaciones para los robots de los buscadores, en este archivo se le indica que le hagan o no caso a algunos archivos o directores, muchas personas deciden que pueden explorar todo el sitio pero muchas veces eso tiene sus desventajas como que por contenido duplicado penalicen su sitio web o que lo bajen de ranking entre otras.

Para que no tengas dudas de que tu archivo robots.txt esta mal escrito o tiene algún error pequeño, hemos encontrado un sitio que se llama Robots txt Checker, que se encarga de comprobar que tu archivo este escrito correctamente para que no tengas problemas con los robots de los buscadores .

En Robots txt checker solo basta con poner el enlace en donde esta tu archivo robots.txt (que sin duda alguna debe ser http://tudominio/robots.txt ) y presionar el botón de analizar para que puedas ver si existe algún error que modificar en el archivo.

La verdad es que esta es una herramienta web muy útil  a la hora de optimizar nuestra web y lo mejor de todo es que es ¡gratis!

Fuente  | Wwwhat’s News.

Utilidad online para identificar tipos

- - Como Hacer, Editores Digitales, Herramientas de Diseño, Tipografí­as y Letras

La mayoría de los proyectos de diseño gráfico, por no decir su totalidad, requieren de elementos tipográficos. los diseñadores tenemos cientos de fuentes en nuestra colección particular, muchas de ellas instaladas en el ordenador, para utilizar en cualquier momento que las necesitemos. Sin embargo a menudo con tanto tipo nos volvemos locos a la hora de clasificarlos para encontrarlos fácilmente.

Otra cosa que nos pasa habitualmente, es que un cliente nos encargue un diseño del cual hay que partir con una fuente ya utilizada en una imagen, de algún proyecto diseñado con anterioridad. Para ello debemos identificar dicha tipografía utilizada y en el caso de que no sea un tipo común, podemos tener problemas para saber de que fuente se trata.

Identify Fontis, es una estupenda utilidad online la cual nos permite identificar la fuente utilizada en una imagen de forma sencilla. Tan solo debemos subir el archivo de la imagen que contiene ese tipo de letra y el programa hará el resto por nosotros.

Lógicamente esta utilidad no es del todo segura ya que depende mucho de la calidad de la imagen y de las tipografías que tenga guardadas la aplicación en su base de datos para poder identificarla, pero creo que es un recurso para tener muy en cuenta y guardarlo en los favoritos de nuestro navegador.

Entra en Identify Fontis y comprueba por ti mismo los resultados.

Creativos Online / Fuente de referencia.

Webs de diseñadores para inspiración

- - blogs recomendados, Como Hacer, Diseño en General

Parece ser que hoy en día es del todo necesario tener un blog o página web con la que tener presencia en la red. Internet han pasado de ser un medio más a casi ser algo imprescindible en nuestras vidas. Desde buscar información o trabajo hasta comunicarte con cualquier persona del planeta, son cosas que nos ofrece el mundo virtual, que en el real serían verdaderamente costosas de realizar.

Por eso, no solo es de vital importancia tener un espacio propio en la red, sino que ese espacio comunique fielmente lo que queremos representar y lleguemos al público deseado de la manera más eficaz.

En esta labor de crear nuestro propio contenido web, que mejor que echar un vistazo antes a páginas del sector que nos pueda interesar para realizar la nuestra. Por ejemplo, si eres diseñador quizás esta colección de sites te sea de utilidad. No sólo son webs profesionales diseñadas por distintos diseñadores de distintas partes del mundo, si no que además están realizadas con apariencia y estructura marcadas por las últimas tendencias.

Las tendencias suelen ser efímeras y cambian en poco tiempo a diferencia de los estilos que perduran más, sobre todo en la red que todo va demasiado rápido. Por este motivo es recomendable diseñar una web basándonos en un estilo más estable que aguante mejor el paso del tiempo.

Para que tengáis una buena fuente de inspiración a la hora de diseñar una web, esta recopilación es un buen ejemplo a tener en cuenta.

Ver toda la colección en Naldzgraphics / Fuente de referencia.

Bolso hecho con un balón de fútbol

- - Como Hacer, Diseño en General, manualidades

Hoy en día quien quiera lucir algún complemento original, no lo tiene muy difícil ya que a menudo los diseñadores de moda nos sorprenden con alguno de estos complementos.

Aprovechando que estamos en pleno acontecimiento mundial de fútbol este bolso creado con un balón quizás sea del interés de más de un aficionado. Se trata de un bolso con correa en el que poder almacenar en su interior los enseres que veamos más oportunos. Este original bolso está confeccionado totalmente de forma artesanal y para realizarlo se ha dado la vuelta a la funda de la pelota que nos sirve como contenedor.

El caso es que si podría parecer un artículo africano por su carácter rudimentario y austero, lo cierto es que ha sido diseñado en Alemania, un país cuya selección es de las que han comenzado con mayor notoriedad al imponerse por cuatro a cero en su primer partido contra la australiana.

Un diseño basado en el concepto de reciclaje que puede calar muy hondo entre los amantes del fútbol que quieran lucir este complemento, cuando por ejemplo, van al estadio o a un bar para animar a su equipo favorito. Ahora habrá que esperar si algún apañado se atreve a fabricarse el suyo propio ya que para su realización no se requiere de materiales costosos.

En Branchhome, encontrarás más fotos e información sobre el producto.

Trecool / Fuente de referencia.

Chequear tu presencia en la red

- - Como Hacer, Editores Digitales, Empresas y Negocios, Informática e Internet

Todas las empresas o profesionales independientes deben o deberían tener presencia en la red. Hoy en día es tan importante tu perfil virtual como el real, seguro que todos hemos escuchado ya eso de si no estás en internet no existes. Sin embargo a la hora de elegir tu nombre o seudónimo en internet tendrás que tener ciertos aspectos en cuenta para que tu información esté perfectamente relacionada con tu perfil.

Antes de elegir el nombre que te va a representar virtualmente no basta con que el dominio que elijas este libre, tendrás que estar seguro que nadie lo utiliza, al menos directamente relacionado con la actividad que desarrollas. Para ello se suele buscar en Google si existe algún nombre como el nuestro que esté presente en la web, pero a menudo esto es insuficiente.

Para esto existe una herramienta online llamada “ud.com”, que con sólo introducir nuestro nombre, nick o seudónimo, el programa accederá automáticamente a la base de datos de los principales navegadores y redes sociales, para comprobar que no existe nadie relacionado con el término que hemos utilizado. Una utilidad para tener muy en cuenta ya que de ello dependerá en buena medida tu posicionamiento en buscadores al no existir otro nombre como el tuyo en toda la red.

Lógicamente después de todos estos esfuerzos, es posible que en un futuro alguien decida llamarse como tu sin haber tenido en cuenta todos estos aspectos, lo cual eso sí, es inevitable.

Comprueba la eficacia de ud.com con uno de tus nombres.

Error405 / Fuente de referencia.

Como saber la tipografia de un sitio web

- - Como Hacer, Herramientas de Diseño, Informática e Internet, Tipografí­as y Letras

Todos los diseñadores siempre estamos atentos a los detalles de todos los sitios web que visitamos, es imposible no tener una opinión al respecto del diseño ya sea buena o mala.

En lo personal una de las cosas en las que siempre me fijo es en el tipo de tipografía utilizada en las diferentes partes de la pagina y en muchas de las ocasiones termina gustándome alguna tipografía pero..como es obvio, en ningún lado dice el nombre, así que tengo que andar buscándola en algunos servicios en linea  o directamente en las paginas de tipografías gratuitas.

Creo que no soy la única a la que le pasa esto, por ello me ha dado gusto darme cuenta que hay una manera muy fácil de descubrir que tipografías utiliza un sitio web.

Si utilizas como navegador Firefox esto también te será de utilidad ya que se trata de una extensión para este navegador, la cual es muy fácil y practica.

La extensión de la que hablo se llama Context Font y se encarga de mostrar el tamaño en pixeles y la familia a la que pertenece la tipografía que analizamos, dándonos también otros datos como font-style, font-variant.

Addon de Firefox

Una de las cosas que mas me gusto de esta extensión es que al tener un registro de las tipografías, te proporciona un enlace de descarga y así no tienes que ir a buscarla a otro lado, ya que ahí mismo puedes descargarla.

Link para descargar esta extensión de Firefox: Context Font.

45 Actions de Photoshop gratuitas

- - Como Hacer, Descargas, Fotografía

Hace tiempo que no ponía algo enfocado a la fotografía en Portafolio, es por ello que hoy que me encontré con este recurso gratuito no quise dejarlo pasar.

Si bien para mi un buen fotógrafo es aquel que logra transmitir un mensaje con su fotografía sin ningún retoque, sabemos que todavia existimos muchos a lo que nos hace falta un poquito o nos gusta “modificar” un poco la realidad de la fotografía y nos ponemos a editarlas ya sea un simple ajuste de tonos o hasta algo más.

Es por eso que una de las cosas que mas me gustan de Adobe Photoshop es que a la hora de editar una fotografía puedo utilizar alguno de los miles de “Actions” (Acciones) que para quien no los conoce aún, son una secuencia de instrucciones pre-grabadas que se realizan automáticamente.

Estas herramientas las podremos encontrar en internet y  la mayoría son gratis y sin restricciones de uso. Una de las cosas que me gusta de estas herramientas es que al usar Actions podemos obtener excelentes resultados con nuestras fotos y además nos permiten ahorrar tiempo a la hora de editar las fotografías, esto sin contar de que existen miles de opciones de edición.

Navegando por uno de los blogs que me gustan mucho me encontré con una lista de 45  Acciones sorprendentes para Photoshop gratuitas, unos ejemplos de estas son:

Photoshop Action 15.

Accion de photoshop #15

Foliage.
Accion de Photoshop Follaje
Action Pack 2.

actonsPhotoshop Actions 11.

Accion de photoshop

Polaroid Generator 2.

Como crear el efecto polaroid

Para  ver la lista completa visita el post original en Vandelay Design.

Revisteros creativos para tu hogar

- - blogs recomendados, Como Hacer, Diseño en General, Revistas Impresas

Hablar de decoración también es hablar de diseños que nos aportan estéticas agradables al mismo tiempo que aprovechamos el máximo de espacio en nuestro hogar. Diseños que fusionan estética y funcionalidad, adaptados a las necesidades del estilo de vida que desarrollamos diariamente. Esto es de vital importancia para tener todos nuestros enseres ordenados en las distintas estancias de la casa, algo que a veces supone un verdadero quebradero de cabeza.

Del mismo modo que hemos comentado más de un artículo sobre distintos tipos de librerías donde almacenar nuestros libros y revistas, hoy os mostramos unos diseños exclusivos de revisteros, que dado su carácter creativo servirán de inspiración a más de uno tanto para adquirirlos como para construiros el vuestro propio, en el caso de los más apañados.

Hoy en día nos encontramos revisteros en muchos lugares, desde bares y cafeterías hasta consultas de médicos, aportando un toque de originalidad al espacio donde se encuentran, al mismo tiempo que nos ofrecen la posibilidad de entretenernos un rato en el periodo de espera.

Sin duda una colección de revisteros originales que basan sus diseños en formas y conceptos para formar parte acorde a la decoración del espacio que habitamos.

En Toxel podéis ver toda esta colección de revisteros creativos.