Etiqueta: diseño

SayTweet – Muestra tu twitter en cualquier imagen

Publicado el

por Juan Diego Polo

tweetAquí­ os dejo una interesante forma de mostrar el último estado de una cuenta twitter en cualquier imagen de vuestra elección.

SayTweet permite que, después de subir una imagen, indiquéis dónde debe aparecer el último texto de una cuenta de twitter cualquiera. Sin necesidad de registro ni de informar ninguna contraseña, la imagen mostrará siempre el último texto.

Aquí­ tenéis un ejemplo mostrando el último texto de mi twitter.


El resultado puede ser incluido en cualquier lugar, basta copiar y pegar el código ofrecido.

Una buena forma de publicar una cuenta twitter en una web mostrando un diseño diferente.

Gracias Marta por el enlace!.

rombla – Crear un site profesional en pocos minutos

Publicado el

por Juan Diego Polo

Rombla es, para los que aun no la conozcáis, una de las mejores formas de hacer un site en pocos minutos con recursos y diseño modernos.

Podéis elegir entre miles de diseños preconfigurados y personalizar uno proprio, con posibilidad de arrastrar mapas, formularios, ví­deos, fotos y cualquier tipo de componente necesario para vuestro proyecto.

Tan sencillo que es ideal para pequeños negocios que no tienen como pagar el desarrollo de un site y tan profesional que puede utilizarse como escaparate de cualquier empresa.

De momento el resultado se guarda como subdominio de rombla.com, aunque prometen ofrecer la posibilidad de tener un dominio propio en breve.

En inglés, parece que tienen problemas con los acentos…

fuente: del.icio.us de pongtoe

Stylelgnite – Diseños gratuitos para tu web

Publicado el

por Alfonso Miranda

El diseño web es un arte, y como todo arte no está hecho para todo el mundo. Si éste es tu caso, siempre es bueno encontrar ayuda para realizar buenos diseños y aprender.

Stylelgnite es un gran lugar para ello, ya que se trata de una web que recopila y publica diferentes códigos, css, hojas de estilo, javascript, todo orientado a diferentes campos como formularios, botones, tipos de letras, y casi cualquier parte de una web. Todo está perfectamente ordenado en diferentes categorí­as para que vayamos directo a lo que estamos buscando sin perder ni un minuto de nuestro tiempo.

La gran mayorí­a de lo que en esta web se comparte está bajo licencia Creative Commons (CC), con lo cual lo podremos usar, compartir, modificar, y lo que queramos siempre y cuando respetemos a su autor.

Además de estos diseños, también contamos con tutoriales para que poco a poco vayamos aprendiendo y en un futuro no muy lejano seamos nosotros los que compartan nuestras obras con el resto de la comunidad. De hecho tenemos la posibilidad de subir nuestro diseño en esta misma web.

Drawter – Crea en segundos estructuras de páginas web

Publicado el

por Juan Diego Polo


Sorprendente la facilidad con la que se puede crear el esqueleto de una nueva web usando Drawter.

Con el modo de dibujo podéis ir creando las cajas de contenido, que serán los DIVs de vuestra web. Podéis definir colores, tamaños, textos… todo lo que consideréis necesario antes de generar el código html y su hoja de estilos correspondiente.

Una herramienta que todo diseñador web deberí­a probar en sus inicios.

fuente: del.icio.us

Fresh Generator – Crea imágenes 2.0 para tu web

Publicado el

por Alfonso Miranda

Una de las caracterí­sticas más reconocibles de la llamada web 2.0 es sus figuras con bordes redondeados y sus colores pastel tan agradables a la vista.

Si quieres añadir estos elementos a tu página pero el diseño no es tu fuerte, podéis conseguirlo gracias a Fresh Generator. Se trata de un servicio web donde podremos crear diferentes figuras que nos puede ser muy útil para nuestro diseño.

Tenemos diferentes parámetros con los que jugar e intentar conseguir esa imágen que tenemos en la cabeza. Entre ellos están, obviamente, el color, la sombra, el tamaño, si lo queremos horizontal o vertical, el redondeo de las esquinas y el texto que queramos que aparezca.

El uso más común que le podemos dar es para el diseño de las pestañas de nuestra aplicación, algo que junto a un poco de conocimiento de hojas de estilo podremos terminar teniendo una página bastante interesante y atractiva.

En la misma web podremos encontrar diferentes ejemplos, incluso algunos emulando el diseño que podemos encontrar en sitios tan conocidos como YouTube, Firefox o eBay, y que podremos reutilizarlos para nuestro sitio.

Todo es totalmente gratuito, sin necesidad de ningún tipo de registro, así­ que no perdemos nada por probar.

Patagonia Creative – Diseño gráfico de calidad

Publicado el

por Juan Diego Polo

Raras son las veces en las que me salgo del tema principal de WWWhat’s new, y más raras aún en las que hago publicidad de alguna empresa que no ofrece ninguna aplicación gratuita en Internet.

El caso es que me voy a salir de la lí­nea marcada por dos motivos:

a) Porque uno de los mejores diseñadores web que conozco ha abierto su propia empresa y merece ser divulgada.

b) Porque sí­.

El diseñador en cuestión es Nikko, autor del megaconocido blog sobre diseño web Xyberneticos, y su empresa se llama Patagonia Creative que, como el nombre sugiere, se encuentra en Argentina.

Para los que conocéis Xyberneticos no hay mucho que pueda decir que no sepáis ya. Para los que no… se trata de un blog con consejos sobre diseño y buenos recursos gráficos que consiguió más de 5000 suscriptores RSS en menos de un año, con eso lo digo todo.

Sin duda una buena noticia para los que buscan un trabajo profesional para su proyecto.

Cómo extraer los colores primarios de una imagen

Publicado el

por Juan Diego Polo

Aunque viendo el diseño de la aplicación dan ganas de cortarse las venas, no hay duda de que esta aplicación que os muestro puede ser de mucha utilidad.

Whats Its Color muestra el color principal de cualquier imagen y diez de los secundarios principales. Ideal para obtener los tonos de una fotografí­a que tenga que determinar los diseños de una web.

Si tenéis un cliente, por ejemplo, que necesita una web con una foto especí­fica en el encabezado, podéis usar esta web para saber los códigos de los colores que podéis utilizar en el diseño sin riesgo a pecar.

fuente: del.icio.us

csstypeset – Aprender a crear hojas de estilo CSS

Publicado el

por Juan Diego Polo

Seguramente los que estáis empezando en el mundo css me agradeceréis este enlace que me encontré navegando entre del.icio.us.

Css Type Set muestra la hoja de estilos css del texto que escribí­s a la derecha. En tiempo real os genera los tags necesarios a medida que usáis un editor de texto normalito con tipos de fuente, negrita, subrayado y demás.

Interesante desde el punto de vista didáctico, un paso más para eliminar las tablas definitivamente de Internet.