Archivos de la Categoría: Recursos

Toda clase de recursos para el diseñador. Desde tipografías o fotografías, hasta sonidos o material audiovisual.

CSS Diseño Fotografía e imágenes Internet Recursos

Ajustar imágenes automáticamente según la resolución

Todos los diseñadores web hemos intentado, en un momento u otro, crear un sitio flexible donde las imágenes se ajusten de forma automática según la resolución del dispositivo del usuario. Para solucionar este problema tenemos diferentes opciones, siendo una de las más versátiles la que nos ofrecen en Adaptative Images in HTML. Utilizando JavaScript, PHP y la biblioteca GD lib, las imágenes de nuestro sitio web serán ajustadas según la resolución de pantalla de nuestro visitante.

El método es muy sencillo de implementar pero tiene la pega de que requiere tener activado JavaScript por parte del usuario en su navegador. De no ser así, se nos ofrece una solución alternativa, que aunque no funciona correctamente en la primera visita, sí lo hace en las subsiguientes.

La única pega, es que el sitio web se encuentra completamente en inglés, aunque es realmente sencillo de entender.

Más información:
Adaptative Images in HTML 

Diseño Internet Recursos Tutoriales

Diseñar para móviles: unos buenos consejos

A la hora de diseñar para móviles es necesario tener en cuenta una serie de aspectos y condiciones que quizá no contemplemos de un inicio. No sólo debemos ceñirnos al estudio de la interfaz para dispositivos diferentes a los que estamos acostumbrados sino a la manera de trabajar con éstos.

Jimena Catalina es una diseñadora de talento que  se ha marcado una estupenda presentación titulada Diseñar para móviles en la que nos brinda una serie de datos y consejos a la hora de afrontar este tipo de proyectos. Y es que no todo es Apple y aunque es un mercado jugoso, hay mucho más a lo que hincar el diente y que merece la pena estudiar.

Más información:
Jimena Catalina – Piensa en Pixels
Criterion – Diseñar para móviles 

Diseño Internet Recursos Tipografía

Descarga todos los tipos de letra que ofrece Google Web Fonts

Hace ya un tiempo que Google presentó la Font API, mediante la cual podíamos usar cualquiera de los tipos de letra que ofrecían en nuestro sitio web. Hasta el momento lleva acumuladas 198 fuentes diferentes, todas libres y gratuitas. Y si os gustan algunas o todas, descargárselas es lo más sencillo del mundo.

Se pueden descargas de varias manera, por ejemplo, por medio del Google font directory situado en Googlecode, donde tenemos disponibles todas las fuentes. Allí, se nos explica el procedimiento a seguir para bajarlas todas de golpe según el sistema operativo que estemos usando. Pero quizá sea más práctico tomarnos cierto tiempo y descargar únicamente aquellas que nos gusten para no cargarnos con archivos innecesarios.

Para ello, vamos a la página de Google Web Fonts y descendemos por ella para ver las fuentes. Cada vez que encontremos una que nos guste y que queramos descargar, hacemos clic en el botón “add to collection”. Todos los tipos de letra que seleccionemos irán apareciendo en la parte de abajo de la página.

Cuando hayamos seleccionado todas las que nos vamos a bajar, tan sólo tenemos que hacer clic en el enlace “Download your Collection” que aparece arriba a la derecha y, tras ignorar un aviso que nos recuerda que no es necesario descargar las fuentes para usarlas en una web, hacemos clic en el enlace respectivo y nos las descargamos dentro de un ZIP.

Si queremos revisar nuestra colección antes de descargarla, podemos hacer clic en el botón “Choose”, dentro del área que nos muestra que tipos de letra hemos añadido. Entonces, nos aparecerá una muestra detallada de todas las que hemos elegido de manera que podamos comprobar con claridad como se ven, aunque en la sección donde las elegimos también podemos apreciar bien su aspecto y con bastante detalle por medio de las opciones que se nos ofrecen.

Como se puede ver, un recurso más para obtener rápidamente fuentes que podamos usar con total libertad en cualquier documento o diseño que realicemos.

Vía:
Genbeta – Descárgate todos los tipos de letra que ofrece Google Web Fonts 

Diseño Maquetación Programas Publicidad Recursos

Plantillas para Adobe DPS, Digital Publishing Guide

Los hay que no corren, vuelan. Porque ya hay disponible un completo juego de recursos que tienen muy buena pinta para facilitarnos la introducción al mundo de la publicación digital. Muchos diseñadores han metido un buen puñado de días para empaparse de Aquafadas y de DPS para poder afrontar perfectamente proyectos de este tipo. Porque está claro que está pegando fuerte.

Digital Publishing Guide ofrece contenidos gratuitos y de pago que os pueden merecer la pena si vais a usar el software de publicación digital de Adobe y os queréis ahorrar tiempo buscando tutoriales o información sobre “esto y lo otro”. Un gran recurso a manos de todo el mundo. ¡Ahí os va!

Más información:
Digital Publishing Guide (Inglés)
Criterion –  Plantillas para Adobe DPS, Digital Publishing Guide

Internet Recursos Tutoriales

Crea guías y ayudas en línea fácilmente con Tildee

Hay ocasiones durante las que tenemos la necesidad de realizar una explicación a alguien que no está físicamente junto a nosotros. Lo más habitual es hacer referencia a alguna guía (comúnmente llamadas tutoriales) que ya esté en la web o quizá explicarlo por correo electrónico. También podemos recurrir a otro método: crear un tutorial en Tildee.

Tildee es un servicio que permite crear guías y ayudas en la web de manera fácil y sencilla. Sin necesidad de registro, podemos crear una página que contenga una explicación de algún tipo dividida en cómodos pasos. Cada paso puede contener texto, una imagen o un vídeo. La imagen la podemos alojar en el propio servicio, pero en el caso del vídeo sólo es posible añadirlo indicando la URL del mismo.

Una vez que publiquemos la guía, ésta no será modificable a menos que nos hayamos registrado previamente. Además de poder editar, al registrarnos también obtendremos un perfil que, como está de moda hoy en día, puede ser seguido por otros usuarios (y viceversa, claro). También dispone de los botones necesarios para compartir las guías por las redes más utilizadas y cada página posee una URL que, sin ser del todo “reducida”, sí es bastante corta.

En resumen, se trata de un servicio muy sencillo de usar y que nos puede servir para explicar la realización de un proceso rápida y claramente. Además, el poder publicar sin necesitar registro lo hace ideal para un uso ocasional sin tener que recurrir a servicios más elaborados o complejos.

Vía:
Genbeta – Tildee: crea tutoriales sencillos online sin necesidad de registro