Blogger agrega una herramienta para diseñar tus propias plantillas

Hoy anunciaron en el blog oficial de Google la disponibildiad, como siempre, primero en Blogger Draft, de una nueva herramienta llamada Template Designer, que no es más que una especie de editor WYSIWYG para crear tus propias plantillas.

Básicamente la herramienta tiene disponible un stock de 15 plantillas predefinidas y muy flexibles a la hora de personalizarlas, todas ellas nos dan la posibilidad de elegir un layout para el diseño, ya sea de una, dos o tres columnas y distintas formas de organizar los contenidos. Y por otro lado, podemos elegir fondos o patrones desde iStockPhoto, un lugar con infinidad de imágenes de calidad para personalizar nuestro diseño en unos clicks.

Para utilizar esta herramienta tenemos que entrar desde Blogger Draft, y en la pestaña «Diseño», seleccionamos la opción «Diseñador de plantillas».

A mí me parece que es una de las mejoras herramientas que han agregado a Blogger, sobre todo para aquellos que no tienen nada de conocimientos de diseño y no tienen ni idea de cómo editar un estilo para agregar fondos pesonalizados, cambiar los layouts de un diseño, etc.

Dummy Image, el Lopem Ipsum de las imágenes


Todos los que estamos relacionados de alguna manera a internet conocemos el Lorem Ipsum, bueno, Dummy Image es la alternativa en forma de imagen. Con esta herramienta podemos generar imágenes de cualquier tamaño, con el color de fondo y tipografía que queramos, así podemos rellenar espacios y previsualizar lo que necesitemos.

Utilizarlo es muy simple, tenemos la opción corta que es llenar los campos de tamaño y colores, o bien leer la documentación para aprender a utilizarla de modo avanzado. Con el modo avanzado podemos personalizar la imagen de salida desde la URL, así se puede utilizar la imagen generada al vuelo sin necesidad de bajarla y subirla a nuestro servidor.

Me pareció una herramienta extremadamente útil y rápida, creo que es esencial tenerla guardada en marcadores ;).

Visto en DownloadSquad

Herramientas para crear una versión móvil de tu sitio web

Hoy en día es algo muy importante para todos los sitios tener su propia versión móvil. Cada vez son mas las personas que visitan sus sitios favoritos desde el celular y no estar preparados para esto es definitivamente quedarnos atrás poco a poco.

Conseguir que nuestra web se vea bien en estos dispositivos no es una tarea complicada y por suerte para todos hay cientos de herramientas que nos ayudan a lograrlo. Por eso, SpyreStudios publicó una genial lista con los diez mejores sitios que nos ayudan a crear una versión móvil de un blog o sitio web sin problemas. Parte de ellas son aplicaciones pagas (si bien la mayoría económicas) y otra gran parte gratuita, así que nadie tiene excusas. Busquen la que mas cómoda les resulte y en cuestión de minutos van a tener listo el sitio. De paso, si conocen alguno mas, los invito a que nos cuenten cuál en los comentarios.

Design Friday: Principalmente recursos grunge

Así como arrancamos la semana con el Productivity Killer, solemos terminarla con un buen Design Friday para que todos tengamos mas recursos a mano cuando trabajemos. ¿Vamos con el de hoy?

  • Acris Design publicó una serie de paquetes de texturas estilo grunge geniales para los amantes de esta estética.
  • Designer-Daily nos muestra siete geniales fuentes del mismo estilo gratuitas.
  • Por el lado de Noupe, podemos descargar una serie de estilos para Photoshop.
  • Si buscan iconos, en 365icon agregaron unos simpáticos monstruos en formato Png.
  • Por último, si piensan en rediseñar un blog, salió un nuevo y atractivo theme que podemos conocer en SmashingMagazine.

MenuBuilder.me: Crea un menú de navegación en segundos

Muchos de ustedes seguramente pueden crear un menú de navegación de manera “tradicional” para un sitio web, pero sin dudas hay muchos que no, y es ahí cuando las herramientas que nos ayudan en esta tarea resultan útiles.

Si no saben mucho de código, quizás Menubuilder.me puede ayudarles. Solo debemos entrar, elegir uno de los mas de treinta estilos disponibles, el color principal y el que tendrá estando activa una selección, su formato (entre horizontal y vertical) y el formato. Una vez hecho esto, generamos el menú para poder ver el resultado y si nos gusta, es momento de descargarlo.

La descarga incluirá las imágenes necesarias para el menú y el código que debemos agregar en nuestro sitio.

Fuente: FeedMyApp

Flame, pinta tus propias obras de arte con figuras fractales

Flame es la creación de Peter Blaskovic, se trata de una herramienta para «pintar» figuras fractales o con ese efecto humo o fuego, es tan difícil ponerse de acuerdo a qué parecen las figuras que mejor dejo que lo miren con sus propios ojos. Es una técnica muy usada desde hace un tiempo ya que es muy «relajante» para disfrutar, sobre todo en fondos de pantalla.

Con esta herramienta podemos pintar nuestra propia obra de arte basándonos en lo que nos vaya saliendo, es muy divertido hacerlo. Podemos ir cambiando de colores, tamaño del pincel, saturación, opacidad, y todo lo que nos permita personalizar aún más nuestra obra de arte.

El sitio tiene una galería con las creaciones de los usuarios que quieran compartir lo que han hecho. Les recomiendo la visiten ya que hay cosas muy hermosas, gente que tiene muy buen gusto y creatividad a hecho cosas muy lindas para ver. Además podemos descargar las imágenes en alta resolución para usarlas como fondos de pantalla.

Visto en DownloadSquad

Design Friday: Iconos, texturas y coches vectoriales

¿Con ganas de conseguir algunos nuevos recursos? Lleven nomás, que para eso esta el Design Friday.

  • Denbagus nos muestra una genial lista con 14 themes de WordPress para galerías o portafolios que seguramente sean útiles si estamos con un proyecto de este tipo.
  • Si buscamos iconos sociales simples pero que se ven genial, Iconshots ofrece un paquete en tonos celestes.
  • EchoEnduring publicó un grupo de texturas variadas de excelente calidad ideales para dar vida a un fondo aburrido (hay que suscribirse al blog, pero si les gusta el diseño es una buena fuente).
  • Las tipografías nunca sobran y es por eso que les recomiendo ver la lista con veinte fuentes gratuitas que publicó WebDesignLedger.
  • WebDesignBlog ofrece un enorme paquete de coches vectoriales que no pueden dejar pasar. Incluye 15 imágenes, asi que hay para elegir.

Espero que algo les sea útil!

Basekit, maqueta un sitio a partir de un diseño en Photoshop [30 invitaciones]


Basekit esun servicio especial para esas personas que tienen muy buen gusto a la hora de hacer diseños en Photoshop, pero que no tienen los conocimientos para luego maquetar y llevar a la práctica ese diseño que armaron.

Con Basekit podemos maquetar un sitio a partir de un archivo PSD que subamos, todo de manera visual, gracias a herramientas especiales que hay disponibles. Podemos definir áreas de contenido y arrastrar distintos widgets dependiento de lo que queramos poner, editarlos, cambiarles el formato, personalizar texto, estilos, etc.

Para definirlo de una manera simple, es un editor WYSIWYG para maquetar sitios. Podemos ir realizando los cambios y viéndolos en tiempo real mediante la herramienta de previsualización, y cuando tenemos todo listo publicar el sitio.

Me contactaron desde Basekit para ofrecer 30 invitaciones a los lectores del blog, así que los primeros 30 suertudos que dejen un comentario ACLARANDO que quieren probar el servicio y poniendo una dirección de email válida en el CAMPO DE EMAIL del comentario se llevan una. NO pongan la dirección de email en el cuerpo del comentario, por favor.

Actualización: NO quedan más invitaciones. Voy a tratar de conseguir 10 más para los 10 que quedaron fuera. Así son 40. Lo lamento por los que llegaron tarde :P.

Design Friday: Fondos, iconos y un nuevo theme

design-f

¡Y se fué una semana mas! Vamos directo a los recursos así no perdemos tiempo.

  • En TripwireMagazine nos muestran veinte fuentes sans-serif que no debemos dejar de conocer.
  • Si buscan marcos para algún proyecto en DragonArtz publicaron un grupo de marcos vectoriales que puede servir.
  • BgRepeat es un nuevo sitio en el cual podremos descargar una enorme cantidad de backgrounds gratuitamente.
  • Seguro descargar una buena cantidad de iconos desde la recopilación que hizo Designora con mas de 5000.
  • Si están armando un portfolio para sus trabajos, SmashingMagazine presenta un nuevo theme de WordPress realmente atractivo.

¡Que los disfruten!

Abstract Fonts, 13.000 fuentes gratuitas


En internet hay muchísimos sitios con fuentes gratis, pero pocos tienen fuentes de calidad o están bien diseñados para facilitar la búsqueda al usuario. Un sitio que quiero recomendarles es Abstract Fonts, que posee una base de datos de casi 13.000 fuentes gratis descargar.

Dentro de las cosas que me gustaron del sitio so la posibilidad de especificar un texto para que se muestre en el preview de cada fuente, esto lo ofrecen pocos sitios de fuentes y es realmente útil. Además si nos creamos una cuenta podemos marcar fuentes como favoritas para después navegarlas cuando queramos y poder descargarlas.

Todas las tipografías están organizadas por categorías, idiomas, diseñadores o por nombre. Todas son gratuitas y las podemos desacrgar para utilizar en cualquier diseño.