Quijotipsum, crea LoremIpsum basados en El Quijote de la Mancha

Screenshot_56

El texto que se genera de los LoremIpsum esta basado en un texto en Latín, un lenguaje un poquito antiguo que ahora realmente pocos entendemos, así que ¿Por qué no crear un generador de LoremIpsum en Español y basado en el clásico El Quijote de la Mancha?

Esta pregunta fue la que se hicieron los creadores de Quijotipsum, un generador de texto de cualquier longitud como el LoremIpsum pero utilizando los textos del clásico libro de la lengua castellano o Español para ser más sencillos, El Quijote de la Mancha, libro que seguro conoces por tus clases de Español y Literatura en el colegio.

Gran herramienta para utilizar en tus proyectos, siempre es mejor mostrar algo que el cliente lea y no una serie de palabras que son impronunciables.

Quijotipsum

Vía: Twitter

TypeWonder: Prueba fuentes en cualquier sitio web sin instalar nada

typewonder

Elegir la fuente de tus diseños siempre es una tarea un poco complicado, existen muchísimas, hay varias familias o tipos, hay fuentes muy similares a otras, navegas y navegas y no sabes cuál se adapta mejor a tu idea o visión del diseño, lo único que puedes hacer es definir claramente que es lo que quieres transmitir con tu diseño, este paso te ayudará muchísimo a elegir la fuente que transmita ese objetivo.

Afortunadamente en estos momentos existen muchísimas herramientas que te ayudan con esta ardua tarea, aplicaciones que te dejan probar la fuente en vivo, con todos sus caracteres, estilos y variaciones. La herramienta que hoy les presento es un poco diferente, también te deja probar las fuentes pero no de forma aislada en una aplicación web específica sino directamente en tu propio sitio web, de esta forma es muchísimo más fácil ver y probar como se ve tu diseño con esa fuente en especial, acelerando la tarea de elegir la fuente que definirá tus contenidos.

TypeWonder es realmente sencilla, solo basta con escribir la URL, seleccionar la fuente que deseas probar y ya esta, el sitio te cargará con la fuente que elegiste, más fácil imposible, si tal vez cambiaste de parecer, puedes elegir otra fuente desde el botón de la esquina superior derecha.

TypeWonder

Monitorea el estado de tus sitios web gratis con Google Docs

Screenshot_52

Existen muchísimos servicios web y de Escritorio para monitorear si tu o tus sitios web están funcionando correctamente y no fuera de línea, estos servicios pueden ser gratuitos (con muchas limitaciones, como el número de sitios a monitorear) o de pago, quienes te dan estadísticas casi en tiempo real sobre la disponibilidad en línea de tus sitios web, en cualquier caso, no hay nada como lo bueno, bonito y barato.

¿Y qué es Bueno, bonito y barato? Google (?), gracias a Google Docs, ahora es posible monitorear fácilmente como se encuentra tu o tus sitios web, gracias a este documento, tan solo basta con copiarlo a tu cuenta de Google, agregar las direcciones de tus sitios web, incluido los protocolos, en la celda B2, tu dirección de correo electrónico en la celda B3, y opcionalmente en la celda B4 si quieres recibes notificaciones a través de mensaje de texto en tu número telefónico.

Luego de configurar las opciones basta con hacer click en la nueva opción que te aparece en el menú superior que dice Website Monitor, seleccionar Initialize, allí debes autorizar los permisos sobre tu cuenta, cuando termines de hacerlo haz click de nuevo en Website Monitor y luego en la opción Start, después puedes cerrar el documento y de esta forma empieza a funcionar la magia de la monitorización y cada vez que el sitio este caído recibirás un mail con la información, cuando el sitio regrese a su normalidad, recibirás de nuevo un email para saberlo.

Si abres el documento encontrarás en la parte de abajo el log con la fecha exacta, el tipo de evento y el sitio web involucrado.

Vía: Twitter

BlendMe: Navega y utiliza por miles de iconos directamente en Photoshop

Screenshot_7_2

Si eres diseñador gráfico o web esta extensión para Photoshop CS6 o Photoshop CC te vendrá más que perfecta, la extensión permite navegar, buscar y utilizar miles de iconos, vectores y otros recursos directamente desde Photoshop, es decir, ya no tendrás que navegar por sitios web, crear cuentas fantasmas, descargar el paquete, descomprimirlo y luego importarlo a la ventana de Photoshop.

La instalación de la extensión es como cualquier otra instalación de extensiones en la suite de Adobe, descargas la extensión de BlendMe, cierras tu versión de Photoshop, abres el Administrador de Extensiones de Adobe o Adobe Extension Manager en Inglés, instalas la extensión, abres Photoshop de nuevo y abres la ventana desde Ventanas -> Extensiones -> BlendMein.

Un recurso increíble que les hará la vida mucho más fácil y su trabajo mucho más eficiente.

BlendMe.in

Random User Generator: Cientos de usuarios de prueba para tus aplicaciones

Screenshot_39

A todos nos ha pasado, durante el proceso de implementación de nuestros proyectos necesitamos ingresar datos de prueba para ver como nos quedó la lógica del proyecto y tristemente nos encontramos con una gran limitante, no tenemos creatividad para inventar datos que parezcan válidos o al menos cercanos a la vida real, por lo que terminamos escribiendo cadenas extrañas que realmente no ayudan a mejorar las pruebas de la aplicación.

Random User Generator llega para solucionarlos el problema de tener que inventar conjunto de datos para probar nuestras aplicaciones, específicamente con el manejo de Usuarios, la página web básicamente es una API a la cual haces una petición GET y ella te retorna un conjunto de datos sobre el usuario, los cuales son: Género, Nombre, Dirección, Email, Contraseña, Teléfono, Móvil y un enlace a una imagen, datos suficientes para cualquier módulo de administración de usuarios que estén implementando, también se pueden solicitar varios registros al mismo tiempo, o especificar el género del usuario.

Una gran utilidad para realizar pruebas a sus aplicaciones de una manera más real y convincente.

Random User Generator

UIBox: Colección de elementos de interfaz de usuarios

tdScreenshot_45

 

 

Al desarrollar aplicaciones o sitios web repetidamente nos encontramos con la situación que necesitamos algún componente de interfaz de usuario para cumplir con algún requerimiento, un componente de interfaz de usuario es un menú de navegación, un calendario, un seleccionador de fecha o Datepicker, también puede ser un Dialogo Modal, una barra de progreso o un seleccionador de color, elementos rutinarios que ya existen en Internet y son relativamente fácil de incorporarlos en nuestro proyecto o si necesitas algo más específico puedes también hacerlo tu mismo.

UIBox es una página web que funciona a modo de librería o recopilatorio de todos estos componentes, tratando de solucionar una de las mayores fortalezas y debilidades de Internet: su tamaño, a pesar que exista de todo, es tan grande que es difícil encontrarlo, el autor de la página web se encarga de recolectar los elementos manualmente, comprobar que tengan un Demo funcional, excelente documentación, y el soporte de varios navegadores, al encontrar un componente con estas características lo agrega a la librería haciéndolo más fácil de encontrar y posteriormente integrar en nuestros proyectos.

Así que la próxima vez que necesites algún componente rápido para tu proyecto solo entra a UIBox y lo tendrás funcionando en minutos.

4 herramientas para hacer gifs

De seguro has navegado por webs, redes sociales y todo tipo de sitios en internet donde viste gifs que contestaban algún comentario o hacían mención  a alguna situación en particular. Bueno, si quieres poder responder con una de esas imágenes animadas te traigo la solución perfecta, o más bien LAS soluciones perfectas ya que son 4 herramientas para hacer gifs, una más útil que la otra y de seguro alguna te servirá. No necesitas ser un experto en Photoshop ni nada, sólo prueba.

  • VineGif
    Esta herramienta para Mac fue creada por un autor de videos Vine en Twitter.  Para utilizarla sólo debes pegar la URL del Vine que desees convertir y te lo convertirá en gif.
  • Makeagif
    Mediante el servicio clásico de Youtube, por Webcam o conviertendo otra imagen gif realiza muy fácilmente tu imagen con movimiento. Las marcas de agua que deja se pueden remover conectándose con tu cuenta de Twitter o Facebook.
  • GifSoup
    Otro servicio gratuito que permite crear gifs mediante cualquier video de Youtube. Deja una marca de agua inofensiva tras cada descarga o gif hecho.
  • Imgflip
    Esta herramienta online para crear gifs es una de las mejores por la rapidez y calidad con la que funciona. Puede crearlos desde un video de youtube, un propio video o juntando varias imágenes, sólo debes ajustar velocidad y tamaño para descargarlos cuando desees.

Espero que te hayan servido estas 4 herramientas para hacer gifs y estoy seguro de que tu reacción tras conocer todas tus herramientas será como el gif que les pongo a continuación. Deja tus creaciones en los comentarios para que todos podamos divertirnos con ellas.

herramientas para crear gifs

5 aplicaciones imprescindibles para una buena presentación

Keynote

Puede ser que te encuentres por entregar un trabajo o debas hacer una presentación de un proyecto en el que vienes trabajando hace ya un tiempo y PowerPoint con sus sencillas diapositivas ha dejado de ser útil para eso porque buscas algo nuevo, algo que permita exprimir todo el potencial de tu trabajo. Por eso, armé un listado con las 5 aplicaciones imprescindibles para una buena presentación.

Keynote

5-Keynote

Esta aplicación es muy bella y permite hacer presentaciones deslizables con estilos muy bonitos e interesantes. Tiene opciones excelentes que permiten lograr enormes acabados.

Su costo es de 9.99 dólares en iOS.

4-Prezi

Es una herramienta muy potente que cuenta con una enormidad de opciones y variantes que permiten crear presentaciones únicas.
Eso sí, tiene un costo de 59 dólares anuales su versión «enjoy» y 159 la «pro».

3-Google Presentations

No tiene costo y es una de las mejores que hay en el mercado debido a la facilidad de uso y las variadas presentaciones que se pueden lograr.

2-Haiku Deck

Otra gran aplicación que permite crear aplicaciones en cualquier dispositivo con iOS instalado sin tener que pagar ningún centavo por ella.

1-Projeqt

Es una manera grandiosa de realizar presentaciones, esta plataforma es gratuita y requiere de un simple registro que no lleva más que un par de segundos.

Aclaro que el orden no es por relevancia ni mucho menos, es sólo un orden impuesto tras analizar cada una de ellas y decidir que compondrían este listado.
Y a ti, ¿cuál de estas 5 aplicaciones imprescindibles para una buena presentación es tu favorita?

MockUPhone: Obtén capturas de pantalla de tus diseños en dispositivos móviles

Screenshot_27

Una parte importante de la creación de aplicaciones móviles es su publicidad, al igual que cualquier otro producto, lo que no se promociona y se muestra públicamente no se vende, el caso de las aplicaciones móviles es muy especial, porque hay que mostrarlas en los dispositivos móviles para los cuales fue diseñada y la mejor forma de hacerlo sería con una buena fotografía del dispositivo corriendo la aplicación, pero como no todos tenemos acceso a tales comodidades existen aplicaciones como MockUPhone, que te permite obtener esas fotografías fácilmente y en tan solo unos cuántos clicks.

nexus4_angle1

MockUPhone ofrece la posibilidad de elegir un dispositivo de los 5 disponibles: iPhone 5 blanco y negro, iPad blanco y negro, iPad Mini blanco y negro, Nexus 4, Samsung Galaxy 4 blanco y negro, subir una imagen y obtener 6 imágenes del dispositivo con tu captura de pantalla, tal cual se tratará de una fotografía real.

ipadmini_white_side

 

Es recomendable subir la imagen con las dimensiones exactas de la pantalla del dispositivo que estás probando, porque ocuparán todo el espacio viéndose correctamente, tal como se vería en la vida real, si subes una imagen más grande que la pantalla del dispositivo, la aplicación le cambia las dimensiones, haciéndola más pequeña para que quepa en la pantalla.

Para obtener las imágenes es necesario que introduzcas un correo electrónico válido porque a el te llegará el enlace de descarga de las 6 capturas de pantalla en alta resolución y listas para ponerlas en la página de presentación de la aplicación o en la publicidad que estés pensando hacerle.

MockUPhone

Snippets de los media queries más utilizados

Screenshot_16

Si estás creando un sitio o aplicación web con diseño Responsive y todavía no sabes que Media Queries utilizar para los dispositivos que estás soportando este sitio te vendrá perfecto.

Se llama Media Query Snippets y tal como lo dice el nombre, es un compilado de snippets o pequeños fragmentos de código con las media queries para detectar la mayoría de dispositivos que existen en el momento, desde los monitores normales de los portátiles o computadores de escritorio hasta los smartphones más conocidos, como el iPhone, HTC, Samsung Galaxy y el Blackberry Torch, por supuesto no pueden faltar las tablets, como las Acer Iconia, Google Nexus, iPads, Sony, Lenovo entre otras.

Un recurso que te queda perfecto si estás desarrollando tu web para alguno de estos dispositivos y todavía no sabías como detectarlos correctamente para adaptar tu diseño a ellos.

Media Query Snippets