All posts in Herramientas

Blind text generator

Blind text generator

No hace mucho tuve una experiencia muy graciosa con un cliente, luego de publicar su sitio con texto de prueba o Lorem Ipsum, me llega un mail que decía:

Por favor quitar el texto sobre el formulario de contacto, que creo que es Alemán.

A esto les traemos otro sitio de texto de prueba, Blind Text Generator, este trae algunos detalles atractivos como el ancho de párrafo, el tamaño de fuente, la fuente, cambiar el “idioma Alemán” y otras más, mírenlo.

Lo vimos en: [Xyberneticos]

[Blind text generator]

Links con CSS + iconos

Links con CSS + iconos

Volvimos con las herramientas, ahora que volvimos a trabajar.
Que cosa engorrosa es buscar pequeños iconos que hiciste alguna vez para algún sistema o web, no? y por lo menos nosotros sabemos que lo hicimos y si somos ordenados lo encontramos, pero el programador o desarrollador nunca tiene idea si lo uso, o en que sistema lo utilizó, tal vez lo tiene en una carpeta en el escritorio, pero igual te lo vuelve a pedir, tenés el icono de PDF?? :S

Bueno, acá tenemos una solución, Iconize Textlinks with CSS, además de enseñar de como poner la imagen con link desde el CSS, a mi me resultó más utilizable para agarrar los iconos y tenerlos ahí o por lo menos mandárselos a los programadores para que se guarden la url y listo!

Info de: [Gonzalo Villar]

[Iconize Textlinks with CSS]

TypoWiki

TypoWiki

En varios blogs de tipografías he visto esto de saber cual es la typo de tal marca o tal logo, y bueno a la gente se le ocurren cosas y este es una. TypoWiki es una enciclopedia de tipografías, desde el origen a de las mismas hasta un listado de marcas donde se especifican la typo que usa.

Esta en un idioma totalmente desconocido pero las marcas llevan el nombre de origen.

Lo vimos en:[Isopixel]

[Typowiki]

Genfavicon

Genfavicon

Los favicon, pequeños iconos que representan el sitio que estamos viendo en la barra de nuestro explorador web. Existen muchas herramientas de generación de estos elementos, a pesar de que crear uno es muy sencillo, pero bueno el Web 2.0 es com o la pastilla que le hechas agua y en un blop! aparece un pollo con papas, bien de los Supersónicos, todo viene para que en un par de clic tengas lo que quieras.

Es así que encontramos Genfavicon, otro creador de pequeñas insignias, pero lo bueno es que se previsualiza muy rápido y que podemos probar hasta que nos quede como queramos. A diferencia que hay que bajarlo para ver como queda.

[Genfavicon]

Tartan Maker

Tartan Maker

De la mano de Stripe Generator llega Tartan Maker un ‘coqueto’ generador de Patterns muy bueno. Igual que el ya mencionado Pattern de rayitas ahora tenemos la posibilidad de realizar hermosos escoseces para nuestro backgrounds y otras aplicaciones.

Felicitaciones a sus realizadores!

[Tartan Maker]
[Stripe Generator]

WordPress theme generator

Wordpress theme generator

Solución para muchos de nosotros que se adentran en el mundo de WordPress, WordPress theme generator es eso! Un generador de temas para WordPress y como todo sistema que facilita cosas engorrosas tiene límites, pero igual es muy bueno, creo que esto permitirá la creación de temas de WP a ‘rolete’.

Lo estuve testeando y tiene cosas buenas, lo importante igual es generar un layout como queramos y luego descargarlo, para poder editar el CSS y las otras páginas, pero lo esencial es que haga todo el trabajo de la incorporación del PHP en la estructura del blog que, para mi, es muy feo.

Espero empezar a armar temas y compartirlos, hasta podríamos hacer un WordPress Theme Contest, pero lo iremos viendo más adelante.

[WordPress theme generator]

Icon Finder

Icon Finder

Una muy buena herramienta para aquellos que deben armar sitios o sistemas en poco tiempo, o aquellos que no son propensos al diseño y necesitan de una buena estética para vender sus productos.

Icon finder es un buscador de iconos al cual podemos pedirle el tamaño que queramos y el color de fondo, es muy bueno para aprender a hacer iconos y poder manejar el diseño a una escala reducida.

Lo vimos en: [xiberneticos]

CSSType v2

CSSType v2

Siguiendo con las herramientas, encontré esto, es una herramienta de Fonts llamada CSSType en su segunda versión. Esta consiste en colocar un texto ‘x’ y adicionarle ciertas propiedades que el CSS nos da, como color, padding, align, etc, dándonos las todas las versiones de dicha tipografía y también nos proporciona el código CSS para que podamos incorporarlo al nuestra hoja de estilos.

Esto junto muchas otras herramientas están colaborando con el mejor uso del CSS y la creación de sitios más optimizados y con un mejor uso de las herramientas actuales.

Lo vimos en: [Leandono's]

[CSSType v2]

Patterns + Patterns

Stripe Patterns

Siguiendo con la línea de los Patterns acá hay una herramienta maravillosa: Stripe Generator. Es un generador de fondos a rayas, del tamaño, separación y color que queramos, simplemente sensacional.
Cuando hablaba de lo engorroso que es armar un pattern las rayas a 45º se llevan el premio, y esta aplicación lo soluciono todo, además de que tiene un diseño muy bueno.

[Stripe Generator]

Herramientas hacia un buen Diseño + Patterns

Squidfingers Patterns

Hace mucho tiempo que quería comenzar con una serie lista de herramientas para el diseño, y como dice el título hacia un buen diseño. Este primer item es sobre los patterns, elemento que utilizamos a diario y que nos lleva un rato de realizar, viendo que coincidan los bordes en la repetición y todos esos detalles para un buen fondo, es por esto que investigando encontré esta galería Squidfingers Patterns, es muy buena y para los que andamos sacando fotos a cortinas y alfombras les aseguro que les va a gustar.
Este estudio de diseño, además de los patterns, tiene muy buenos trabajos y una estética realmente agradable, mirenla!

Espero poder dejar un buen listado de herramientas, ya que hay muchas pero no todas ayudan.

[Squidfingers Patterns]