DGLibre - Diseño gráfico, desarrollo web y software libre.

Box of bundles: Lote mensual de recursos gratuitos para diseñadores.

Oswal — Tue, 13 Mar 2012 17:37:44 +0000

Últimamente los bundles se están poniendo de moda, pues suelen venir asociados a buenas ofertas de lotes de productos. En este caso se trata de un curioso lote de recursos para diseñadores gráficos que tiene varias peculiaridades. Para empezar es gratuito y prometen sacar una versión nueva cada mes con interesantes novedades. Además, es un proyecto colaborativo, es decir, cualquiera puede aportar recursos para añadir al siguiente lote.

En este primer bundle encontramos muchos contenidos que nos pueden ser útiles, desde diseños para botones, menús e interfaces de reproductores de vídeo, hasta varias plantillas para crear boletines informativos para correo electrónico, pasando por muchos recursos gráficos en formato PSD como iconos o fondos.

Este es el sitio web del proyecto: boxofbundles.com

Solo quedan 3 días para descargar el primer lote, así que si os interesa no esperéis.

Aunque algo que no me queda claro es bajo que licencia se distribuye el contenido, presupongo que al ser un proyecto colaborativo no habrá problema en darle cualquier uso personal o comercial. Pero es algo que deberían especificar en su web.

20 herramientas para llenar maquetaciones con texto y fotos

Oswal — Mon, 27 Feb 2012 22:17:49 +0000

Cuando se hace un nuevo diseño de un sitio web o de una publicación impresa acabamos llenándolo de texto e imágenes de prueba, ya sea para ver nosotros mismos como queda o para enseñárselo al cliente. Muchos programas ya incluyen el típico “lorem ipsu“, todo un clásico de la maquetación impresa, otras veces aporreamos el teclado hasta generar un texto aleatorio, con las fotos pues toca abrir nuestro editor favorito y generar alguna del tamaño que buscamos.

Por suerte existen alternativas, herramientas online que generan de forma sencilla textos e imágenes de relleno. Las hay que buscar probar todas las etiquetas HTML, otras sacarnos una sonrisa con los textos o llenar nuestros diseños de tiernos gatitos. Pero siempre es útil tener una lista a mano.

Empezamos con los textos:

lipsum.com: El clásico “lorem ipsu”, podemos elegir la cantidad de párrafos, palabras, bytes o listas que debe ocupar el texto.

quijotipsum.com: La única que ofrece un texto en español sacado de El Quijote, podemos seleccionar solo el número de párrafos.

chrisvalleskey.com/fillerama/: Saca textos de series conocidas como Futurama o Dexter, entre otras. Podemos elegir cuantos párrafos y si incluye cabeceras y listas HTML.

html-ipsum.com: Incluye muchos tipos de etiquetas HTML: cabeceras, tablas, listas ordenadas o no, formularios, párrafos de diferentes tamaños y ejemplos de menú de navegación. Muy útil para mezclarlas rellenando cada sección de un sitio web.

fillerati.com: Clásicos de la literatura como Jules Verne, Jack London, Lewis Carroll y otros nos servirán de relleno. También permite cabeceras, párrafos y listas.

blindtextgenerator.com: Deja elegir entre muchos tipos de texto, incluyendo uno formado por letras, números y caracteres especiales (útil para probar nuestra configuración de codificación de caracteres). Podemos elegir cuantos párrafos, palabras o caracteres incluir.

slipsum.com: Basada en el personaje de Samuel L. Jackson en Pulp Fiction. Deja elegir varios tipos de texto, cantidad de párrafos y cabeceras. Aunque como adivinaréis el texto no es muy adecuado para entregar a clientes.

zombieipsum.com: Graciosos textos sin sentido basados en temática zombie, tampoco son los más adecuados para tareas profesionales pero sí para amenizar proyectos de maquetación con otros compañeros.

Ahora vamos con las imágenes, estas herramientas tienen algo muy útil, podemos incluir una imagen del tamaño que queramos directamente en nuestro editor web seleccionando su tamaño en la ruta. Por ejemplo, si queremos una imagen de 300 por 200 solo debemos enlazar: http://placehold.it/350×150

placehold.it: La más conocida de todas, nos muestra la imagen con una descripción de su tamaño sobre fondo gris. Pero nos deja cambiar el texto, el tamaño, el color de fondo e incluso el formato de forma sencilla.

dummyimage.com: Muy parecida a la anterior pero aun más sofisticada, también nos permite elegir colores, texto incluido y formato. Pero además los usuarios más avanzados podrán escoger tamaños de imagen estandarizados como QVGA o NTSC, por ejemplo, pudiendo usar incluso expresiones regulares.

lorempixum.com: Esta herramienta nos permite elegir fotos con diferentes temáticas predefinidas, tanto en color como en blanco y negro. Además, nos deja poner un texto a modo de marca de agua sobre las fotos.

flickholdr.com: También deja seleccionar la temática de las fotos pero sin ninguna limitación, simplemente indicamos un tamaño y un tema en la ruta de la imagen y la herramienta hace una búsqueda de etiquetas en Flickr. Es muy útil para rellenar sitios web especializados pero cuidado, al buscar en Flickr las fotos pueden no ser las esperadas.

placekitten.com: A quien no le gustan las fotos de tiernos gatitos, pues ahora podrás llenar tus pruebas de maquetación con sus fotos, al tamaño que quieras.

placedog.com: Si prefieres los perros, ningún problema, también existe la versión perruna.

Herramientas gratuitas que te avisan si tu sitio web se cae.

Oswal — Fri, 15 Jul 2011 10:02:10 +0000

Siempre es importante averiguar en el menor tiempo posible cuando nuestro sitio web se ha caído, ya sea por errores en el servidor, de software o problemas de red. Pero por desgracia los webmasters nunca tenemos el tiempo suficiente para visitar todos nuestros sitios web a diario y muchas veces somos los últimos en enterarnos. Incluso si se trata de un trabajo, muchas veces el cliente espera unas horas a ver si el problema se soluciona solo y cuando ve que no es así nos llama ya cabreado.

Para evitar esto podemos instalar en nuestro ordenador algún programa que compruebe cada x minutos si todo funciona correctamente, pero eso solo nos da una visión limitada. Puede tratarse de un problema de red y mientras en nuestro equipo todo funciona a la perfección, otros visitantes con diferentes ISP o de otros países tener problema. Por eso existen servicios que comprueban nuestros sitios web cada cierto tiempo desde distintas localizaciones geográficas, avisándonos por correo electrónico, sms o incluso por teléfono cuando hay problemas. Dentro de estos servicios muchos ofrecen versiones gratuitas, más limitadas en opciones pero igualmente validas.

site24x7.com: Monitoriza hasta 2 sitios de forma gratuita cada 60 minutos como mínimo. Avisa por email, RSS y SMS. En Inglés. En su versión de pago hace las comprobaciones desde 17 lugares repartidos por USA, Europa y Asia, mientras en su versión gratuita solo lo hace desde California (USA), su gran desventaja. A nivel de opciones ofrece informes y estadísticas del uptime de cada sitio.

mon.itor.us: De forma gratuita no parece poner limite en cuanto a cantidad de sitios y los revisa cada 15 minutos. Nos avisa por email, RSS, SMS, Twitter y IM. Está mitad en español, mitad en inglés. De forma gratuita monitoriza nuestros sitios desde USA y Europa, pagando podemos añadir más localizaciones. Y además respecto a las estadísticas es bastante completo.

host-tracker.com: En la versión gratuita monitoriza hasta 2 sitios cada 30 minutos. Avisa por email y SMS. Está disponible en español. A nivel de nodos geográficos es el mejor pues ofrecen 92 localizaciones diferentes, incluyendo Europa, Latinoamérica, USA y Asia. Respecto a las estadísticas que ofrece son suficientes.

Como aclaración, aunque la cuenta sea gratuita los avisos por SMS son siempre de pago (totalmente lógico). Aunque algunos servicios nos regalan algunos SMS al abrir una nueva cuenta. De todas formas, si te dedicas a esto profesionalmente siempre es preferible pagar una cuota adecuada y ser el primero en enterarte de los problemas.

Y por supuesto existen muchos más servicios similares, yo hago un resumen de los que he probado de momento. Si usas otro y quieres aportar tu opinión no dudes en hacerlo, nos sera útil a todos.

Nuevo curso practico de Inkscape y descuento en tutoría online.

Oswal — Mon, 18 Apr 2011 12:31:47 +0000

En el pasado ya hice una entrada sobre el curso de Inkscape Logo a Logo de Joaclint Istgud. Ahora ha sacado la segunda edición, reescrita, ampliada y actualizada a la última versión de Inkscape.

En está edición se mantiene el enfoque practico del curso, explicando las opciones y herramientas de Inkscape mediante la realización de diversos logotipos. Eso hace más ameno seguir el curso y la dificultad más gradual. El temario es bastante extenso y quien lo realice aprenderá las principales técnicas de dibujo vectorial, así como a coger fluidez en el manejo de Inkscape.

El curso en pdf está para descarga de forma gratuita: Logo a Logo segunda edición.

Además en está ocasión trae una interesante novedad, la posibilidad de complementar el curso con tutorías online personalizadas por parte del creador. Si estáis interesados podéis aprovechar un descuento del 20% en el precio (quedando en solo 60€), para ello solo tenéis que mandar un correo electrónico a: joaclint[arroba]gmail.com explicándole que queréis apuntaros a las tutorías e indicándole que venís de parte de este blog con el código: bloggero_1108.

La fecha limite para apuntarse es el 26 Abril, por lo que si estáis interesados en iniciaros en el dibujo vectorial, queréis cambiar de programa para aprovechar el software libre o simplemente lleváis tiempo queriendo aprender a manejar bien Inkscape. Daros prisa y podréis tener un profesor particular a buen precio.

Más información: joaclintistgud.wordpress.com

Cursos de diseño gráfico y edición de vídeo con GNU/Linux.

Oswal — Thu, 24 Mar 2011 06:10:45 +0000

Leonel Iván Saafigueroa ha publicado 2 cursos en vídeo sobre diseño gŕafico y edición de vídeo en GNU/Linux que pueden interesar a mucha gente. Sobretodo a quienes empiecen desde cero y quieran un curso sencillo sin pretensiones profesionales.

El curso de diseño gráfico consta de 28 vídeos y está sobretodo enfocado al retoque fotográfico. Empieza desde un nivel muy básico, accesible a todo el mundo, incluso contando al principio como moverse por Gnome. Luego pasa a explicar como retocar fotos, hacer composiciones y cambiar colores o fondos, entre otras cosas. Los vídeos no son muy largos, están bien explicados y se basan en GIMP como editor de imágenes.

Podéis verlos todos en su canal de YouTube: Diseño Gráfico en GNU-Linux

El curso de edición de vídeo tiene solo 11 vídeos pero son suficientes para la herramienta en la que está enfocado, Openshot, un editor sencillo y destinado al ámbito domestico . Igualmente parte de un nivel básico y explica de forma detallada como importar vídeos o fotos, colocarlos en la linea de tiempo, o poner transiciones y títulos.

El canal de donde están todas las clases: Edición de Vídeo en GNU-Linux

Resumiendo, unos cursos gratuitos e ideales para quienes quieran aprender a editar sus fotos y vídeos en GNU/Linux sin tener conocimientos anteriores sobre estos temas.

Blog del autor: saafigueroa.blogspot.com

40 plantillas HTML/CSS gratuitas y de alta calidad.

Oswal — Thu, 17 Feb 2011 17:39:24 +0000

Esta es una lista de 40 plantillas HTML/CSS de alta calidad y gratuitas. Muy útiles para usarlas como base para nuevos proyectos, inspirarse con nuevas ideas o aprender observando como están hechas. Algunas son HTML5, el estándar de la web del futuro.

La mayoría también incorporan archivos .psd con capas para modificar los gráficos, aunque es un formato de Photoshop deberían poderse abrir con Gimp.

Airlines

DGLibre - Diseño gráfico, desarrollo web y software libre.

Box of bundles: Lote mensual de recursos gratuitos para diseñadores.

20 herramientas para llenar maquetaciones con texto y fotos

Herramientas gratuitas que te avisan si tu sitio web se cae.

Nuevo curso practico de Inkscape y descuento en tutoría online.

Cursos de diseño gráfico y edición de vídeo con GNU/Linux.

40 plantillas HTML/CSS gratuitas y de alta calidad.

Programas gratuitos para hacer videotutoriales en GNU/Linux.

¡Felices Fiestas!

3 herramientas online para optimizar tu sitio web.

Curso de fotografía nocturna online.