Nos ha llegado un sistema de generación de gráficas de barras enteramente desarrollado en CSS que te permite generar gráficas de datos de líneas y puntos en tus páginas web, dale un vistazo en:

http://cssglobe.com/post/4175/pure-css-line-graph

Páginas relacionadas con este artículo:

1. Gráficos de datos en JavaScript
2. Base de datos Cassandra
3. Generador de plantilla de columnas para web

Parece que le estoy pillando el gustillo a esto de postear a orillas del mediterráneo…,  alguien sabe de algún móvil sumergible? con android of course!  que yo quiero escuchar la radio mientras posteo y eso con mi antiguo y monotarea iPhone como que no.

Bueno pues eso para aquellos cobardes que huyen cual despavoridos insensatos del código fuente os paso un enlace a una. aplicación web para generar hojas de estilos CSS3 con tan sólo unos pocos clicks de ru ratón:

http://www.css3maker.com/

Te permitirá realizar transiciones, utilizar tipografías especiales, transformaciones al texto, recuadros redondeados y otras exclusivas propiedades que te permite trabajar bajo CSS3 con tan sólo algunos clicks de ratón hasta obtener el código CSS.

Páginas relacionadas con este artículo:

1. Compatibilidad CSS3 con diferentes navegadores
2. Menú de navegación desplegable en CSS3
3. Rotación de una imagen con CSS3

Atención a las siguientes colecciones de iconos minimalistas solo me da tiempo a incluir la captura de uno de los sets pero dales un vistazo a todos, merece la pena, sirven para todos aquellos programadores de aplicaciones web que se precien y que no tengan el don del dibujo, aka illustrator, indesign, o mejor aún mi queridísimo InkScape, abtenerse los CorelDrawnianos, mentes impuras que se quedaron tiempo a, parados sin evolución alguna, el mundo gira y tu debes hacerlo por él, joer que poético me he levantado hoy tras mi primera, y única, semana de vacaciones en la playa… donde me he limitado al arte contemplativo

Toolbar Icons (Libres de uso para un uso no comercial): Toolbar Icons (19)

Only2: Iconos minimalistas Only2 (17)

Picol Icons (Estos vienen en SVG así que a inspirarse amigo): Iconos minimalistas en formato SVG (12)

Berlin Icons, excelentes: Berlin icons minimalistas (13)

Páginas relacionadas con este artículo:

1. Iconos minimalistas
2. Iconos con estilo adhesivo
3. Iconos de 256 x 256 pixels gratis

Muy interesante para la visualización de datos estadísticos.

Enlace: http://www.humblesoftware.com/finance/source

Páginas relacionadas con este artículo:

1. Gráfica de datos en CSS
2. Compilador JavaScript de Google
3. Clase PHP para leer Google Analytics

Hasta hace medio año, momento en el que me vendí el ultimo Mac que tenía, disponía de un portátil y de un viejo PowerPC G5, donde creaba presentaciones sobre mis productos con esa herramienta.

Ahora bien el problema es la escasa compatibilidad hacia atrás de la que dispone el keynote para Mac, que si bien cuesta 8 euros creo que los he tirado por la ventana pues me implica rehacer prácticamente de cero todas las presentaciones que ya tenía desarrolladas ya que no permite abrir presentaciones realizadas con Keynote versión anterior a 2008, la que lleva iWork 2008

También y debido a lo cerrado que es el iPad estas limitado a la hora de intentar abrir el fichero pues básicamente existen dos únicas opciones una autoenviártelo por email y otra utilizar la comparticion de archivos de iTunes, un rollo macabro que además te obliga disponer de una licencia de Windows o bien de un Mac.

Páginas relacionadas con este artículo:

1. Nuevo iPad nano
2. Alternativas al iPad
3. iPad 24 horas después

Volvemos al boceteando que es gerundio, como nos gusta esta frase, como nos gusta bocetear.

Os traemos dos archivos en sendos PDFs uno con disposición vertical y otro horizontal, en ellos encontrarás una hoja perfectamente imprimible y cuadriculada donde podrás desarrollar tus bocetos para páginas y aplicaciones web para que quedes como un artistilla al presentar tus presupuestos. La página cuenta con alguna pega, la palabra TITLE que figura en inglés, pero bueno mal menor.

Estos bocetos están creados por raincreativelab.com, no son nada del otro jueves pero hoy estamos a viernes y algo es algo.

Los archivos aquí: Horizontal: Papel para boceto web horizontal (18) Vertical: Papel para boceto web vertical (20)

Páginas relacionadas con este artículo:

1. Boceto de aplicación para iPhone
2. Generador de plantilla de columnas para web
3. Colecciones de iconos minimalistas

Personalmente siempre me han encantado los sketches, wireframes o bocetos realizados a mano, sí con lápiz y papel, ¿te acuerdas? en mis viejos cuadernos quedarán restos de logotipos, storyboards de anuncios y videoflash, animaciones, páginas webs e incluso algunso de aplicaciones web y ideas sobre aplicaciones para móviles.

En la actualidad la inmensa mayoría de veces nos saltamos ese paso papeloide para directamente presentar a nuestros clientes una primera maqueta ya sintética y realizada desde cero o desde tres con algún programa de diseño vectorial, esto es porque ya sabemos lo que funciona, lo que se lleva, o ya sinceramente porque tenemos una librería de bocetos trazados de la que tirar y con un plis plas pum tenemos algo ejem, “personalizado” a imagen y semejanza de lo que nuestro cliente nos ha solicitado.

Maldito momento lleno de competencias y bajos costes que no nos deja espacio ni crédito para volver aunque sea muy de vez en cuando al lápiz y al papel, sniff, hoy me he levantado e-romántico e-reivindicativo.

Para paliar tal desatino he decidido postear algo que emane a nuestro viejo compañero despixelizado, el lápiz así que a continuación os traigo una pequeña cole de wireframes de aplicaciones para móviles, en concreto para Apple iPhone si bien todos son trasladables a Android, un s.o.m (sistema operativo para móviles) que me da a mi que se va a poner interesante así que boceteando que es gerundio.

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Flash para iPhone
3. Programas gratis alternativos

La imagen superior, que se amplía al pulsar sobre ella hasta unos considerales 1920 x 1200 pixelazos, se trata de un póster donde se muestran casi todos los conceptos inherentes al diseño de tipos de letra, tipografías o fuentes.

No es un compendio para clasificar las fuentes atendiendo a su tipología o mensaje, es un descriptor de la física de cada letra, de los rasgos que la conforman.

El póster se encuentra en inglés pero esto no debe ser un handicap. Gracias a él refrescaremos la palabrería utilizada en diseño para describir a una fuente, desde los conceptos como centro óptico, linea base, vértice. bowls, etc. Si te la imprimes o la utilizas de escritorio, aprenderás a hablar como un auténtico diseñador, es decir con tipográfica propiedad.

Páginas relacionadas con este artículo:

1. Material para crear fondos de pantalla
2. Tipografías grunge
3. Mini iconos para aplicaciones

Peticiones a parte y volviendo al tema de este post, estos estilizados iconos muestran un acabado metalizado y ambient blu a medio camino entre los controles vistos en el sistema operativo del iPhone y los de algunas tablas de mezcla modernas.

Los iconos please (pulsa para ampliar y grábate la imagen):

Páginas relacionadas con este artículo:

1. Iconos para páginas web
2. Mini iconos para aplicaciones
3. Buscador de iconos

A nivel técnico son 113 iconos con un tamaño de 10 x 10 píxeles y son de libre uso, incluído el uso comercial de los mismos aunque según la licencia de origen debéis mostrar su origen en los créditos del proyecto.

Para descargar aqui: Mini iconos para aplicaciones (15)

Páginas relacionadas con este artículo:

1. Iconos de 256 x 256 pixels gratis
2. Iconos para páginas web
3. Iconos botones y elementos para reproductores