Publicado el Friday, 2 de Enero del 2009 por
Elias Las imágenes fractales están de moda de un tiempo a esta parte, especialmente desde que el proceso para crearlas se ha facilitado mucho gracias a photoshop y una de sus opciones más interesantes, los plugins.
Existen toda clase de ellos para conseguir casi cualquier cosa, en el caso que nos ocupa hablo de fractalius, uno especialmente pensado para darle a nuestras imágenes un “aspecto fractal”. Podremos obtener cosas como esta:
Enlace: Fractalius | Vía: Isopixel
Posts relacionados
Publicado el Friday, 2 de Enero del 2009 por
Elias 
La usabilidad de un sitio web, o traducido a la lengua de Cervantes facilitarle la vida al usuario lo máximo posible a la hora de navegar por un sitio web, es cada día más importante dentro del medio. Cada vez son más las webs que forman la www y se convierte en imprescindible aplicar todo lo que sea necesario para que nuestro sitio destaque sobre los demás.
Si no eres experto en el tema de hacer diseños usables, que mejor forma de empezar que con unos simples tips de muy fácil aplicación, a saber:
- Incluye siempre un lema que describa clara y concisamente al sitio y que esté en una posición privilegiada (el header por ejemplo)
- Ofrece a tus visitantes un cajón de búsqueda de contenido
- No abuses de elementos gráficos
- Añade un mapa del sitio, tanto para visitantes como para buscadores
- No rompas el flujo de trabajo del usuario. Dale opciones siempre
- La estructura tiene que ser fácilmente “escaneable”. Los usuarios no leen, escanean los sitios en busca de determinados elementos, como las negritas.
- Cuidado con elementos como botones. Si parece un botón, que sea un botón.
- Da información clara y no te olvides del feedback
- Usa JavaScript con mesura
- Si puedes evita el uso de captchas
Enlace: 10 Usability Tips for Web Designers
Posts relacionados
Publicado el Sunday, 28 de Diciembre del 2008 por
Elias 
Muchos se habrán dado cuenta que al seleccionar un texto de una página web este siempre se destaca en un mismo color, que varía dependiendo de en que navegador estemos cargando la web, pero normalmente es un azul claro.
Como casi todo, esto también se puede personalizar mediante el uso de CSS, pudiendo configurar que color será el que aparecerá cuando alguien seleccione un texto. Podemos querer hacerlo por diferentes razones, o simplemente por qué nos apetece y queda mejor con el diseño.
Alama nos explica como hacerlo, solo tenemos que añadir unas cuantas lineas a nuestra hoja de estilos. La única pega, como era de esperar, es que Internet Explorer no soporta estas órdenes así qué hará lo que quiera y seguirá mostrando las selecciones con su color por defecto.
Enlace: Cambiar el color del texto seleccionado en el navegador con CSS
Posts relacionados
Publicado el Sunday, 28 de Diciembre del 2008 por
Elias 
Una vez que ya tengas más o menos claro como funcionan los themes en wordpress entran en juego los factores del puro diseño. Esto es más complejo de aprender si no tienes conocimientos en estructura de información primero y en diseño después. La solución también está en la red, hay mucho material relacionado con el diseño, desde la teoría del color hasta uso adecuado de fuentes tipográficas o la importancia de multitud de otros puntos.
Si te encuentras en ese proceso de aprendizaje veerle’s (toda una institución en el diseño de themes wordpress) publicaba un artículo donde explica cual fue el proceso de diseño que siguió para obtener Abstract, una plantilla para WooThemes que podemos adquirir por 70 dólares.
Enlace: Abstract, my WooThemes design
Posts relacionados
Publicado el Wednesday, 24 de Diciembre del 2008 por
Elias 
Escudriñando el blog del bueno de nikko me topo con este tutorial publicado en nettuts que nos puede venir a la perfección para mostrar determinada información dentro de un sitio web. El efecto que se consigue es un carrusel de imágenes acompañadas de bocadillos que muestra información y una navegación superior.
Y se consigue gracias a la potente combinación entre jQuery y XML, de este último archivo es de donde se saca el contenido por lo que será muy fácil actualizar la información en cualquier momento. Aquí podemos ver la demo en funcionamiento, nikko explica como implementarlo rápidamente y si queremos aclaraciones más detalladas en el artículo original las dan.
Enlace: Create an Amazon Books Widget with jQuery and XML | Vía: Xyberneticos
Posts relacionados
Publicado el Wednesday, 24 de Diciembre del 2008 por
Elias 
Vamos con un clásico dentro de los recursos para diseño, menús CSS ya montados y listos para descargar. En este caso nos los proporcionan desde el sitio styledmenus, donde recopilan un número de ellos bastante aceptable que suponemos irá en aumento con el tiempo.
Cada menú cuenta con una página individual donde se muestra una demo en funcionamiento, descripción, los navegadores en los que ha sido probado y el enlace para descargar el código e imágenes si es que las necesita.
Enlace: Styled Css Menus | Vía: PuntoGeek
Posts relacionados
Publicado el Monday, 22 de Diciembre del 2008 por
Elias 
Dentro del diseño web la parte imprescindible de todo sitio es su interface, un conjunto de bloques, textos, imágenes y demás elementos que deberían estar en perfecta consonancia para que el usuario vea rápidamente y pueda navegar fácilmente por la información que le queremos transmitir. Y como casi todo, la calidad se consigue con los detalles, pequeños toques basados en teoría que mejoran la efectividad de por ejemplo un botón.
Como no podía ser de otra forma los de smashing magazine escribieron sobre este interesante tema del diseño de interfaces, concretamente nos proporcionan 10 técnicas con las que mejorar nuestras interfaces web. Información de la valiosa, clarita y al grano del asunto: como mejorar resultados.
Enlace: 10 Useful Techniques To Improve Your User Interface Designs
Posts relacionados
Publicado el Monday, 22 de Diciembre del 2008 por
Elias 
Con lo próximos que estamos a la navidad muchos son los blogs que han realizado recopilatorios varios sobre el tema, especialmente los centrados en recursos para diseñadores. Smashing apps publicaba el otro día un “recopilatorio de recopilatorios”, es decir que han juntado los listados más interesantes de recursos navideños que andan por la red en un solo post. Tenemos de todo un poco, desde fondos de escritorio, hasta tutoriales pasando por pinceles, diseños con la temática de la navidad como protas, tipografías etc. Ideal guardarlo no solo para este año, si no para los venideros.
Enlace: 19 Must-Have Collection Of Free Christmas Resources (Exclusive Designers Kit)
Posts relacionados
Publicado el Friday, 19 de Diciembre del 2008 por
Elias 
Nuevo sitio dedicado a proporcionar logotipos para los que no manejan mucho de identidad corporativa, no tienen tiempo o simplemente les faltan ganas de ponerse a diseñar el típico “chollo” de última hora. LogoInstant ofrece varios logotipos guardados en diferentes categorías que podremos descargar y usar tanto en proyectos comerciales como personales.
Lo que descargamos es un archivo .psd, ideal también para aprender como aplicaron determinado efecto en un logo o poder modificarlo para dejarlo acorde a nuestras necesidades. Por el momento el volumen de logos es pequeño pero su calidad bastante aceptable.
Enlace: LogoInstant
Posts relacionados
Publicado el Friday, 19 de Diciembre del 2008 por
Elias 
Pues puede sonar raro, pero si empezamos a razonar es cierto que en el proceso diario de impresión (típico documento que en dos días marchará a la papelera), se gasta mucha cantidad de tinta, perjudicial para el medio ambiente y también para nuestros bolsillos. Esto fue lo que pensaron desde el estudio creativo SPRANQ y como obtener una fuente que ahorrara tinta a la hora de imprimir documentos.
Después de muchas pruebas la solución llegó en forma de “queso gruyere”, es decir, agujerar las diferentes letras para que al imprimir los agujeros queden en blanco y por lo tanto sin rellenar de tinta. Está claro que no “se ve bonito” pero es totalmente legible y según las pruebas ahorra un 20% de tinta respecto de otras fuentes clásicas como la Times. Puede parecer cuestión menor, pero imaginemos lo que ahorraremos a final de año tanto en tinta como en dinero. Ecofont es totalmente gratuita y la podemos descargar en formato .ttf.
Enlace: Ecofont
Posts relacionados
Publicado el Thursday, 18 de Diciembre del 2008 por
Elias 
La apuesta de google por el mundo de los navegadores web se materializó en Chrome y como era de espetar, no decepcionó. Muchos son los que se han pasado al nuevo producto de google, bien por el puro efecto arrastre del mastodante buscador, bien por ser usuarios que verdaderamente les ha parecido un buen sotware. Sigue teniendo carencias, pero con futuras versiones irán perfeccionando seguro, ahí tenemos en caso de Gmail, que lleva un paso imparable aún sin salir de la beta.
Entre esos pequeños toques que por el momento Chrome no tiene, está la opción de instalar una de las extensiones más usadas en FireFox, GreaseMonkey (me da igual de quien sea culpa, el caso es que no se puede). anieto2k nos da una solución, con un proceso de instalación un poco más “rollo” que el normal, pero si te gusta Chrome y quieres tener GreaseMonkey en él, de momento no hay más opciones.
Enlace: Como instalar GreaseMonkey en Google Chrome?
Posts relacionados
Publicado el Tuesday, 16 de Diciembre del 2008 por
admin 
Hoy lanzamos otro nuevo blog en Medios y Redes. Esta vez se trata de Comoahorrar.es, un blog que se dedica exclusivamente a eso: enseñarnos cómo ahorrar dinero. En los tiempos de crisis y dificultades en los que vivimos, nada parece más elemental y al mismo tiempo más útil que esta clase de consejos, que nos permiten hacer que nuestros ingresos se multiplicarse y sacarles el máximo provecho a nuestros recursos.
Comoahorrar.es es el 37º blog de nuestra red. Si debemos buscarle una característica especial, es la de que busca dar consejos y trucos a la manera de tips, redactados de manera breve y sencilla, casi sin adornos ni aditamentos; es decir, un estilo que -coherente con el objetivo del blog- permite ahorrar tiempo y aprovechar cada visita a la web.
De esta manera, en Medios y Redes llegamos a 25 blogs propios, mientras que hay también 12 blogs federados. Desde ahora, Comoahorrar.es se puede seguir por medio del Feed RSS y también recibiendo las actualizaciones por e-mail.
Como os decimos cada vez que lanzamos un nuevo blog (y este es nuestro cuarto nuevo blog en menos de dos meses): ¡esperamos que visitéis Comoahorrar.es, nuestra nueva web!
Posts relacionados
Publicado el Monday, 15 de Diciembre del 2008 por
Elias 
Son muchas las galerías dedicadas a recopilar buenos diseños para acudir a ellas en busca de un poco de inspiración cuando nos ponemos manos a la obra con un nuevo trabajo. De un tiempo a esta parte se empieza a dar otro tipo de galerías, las que recogen elementos que prácticamente toda web implementa, también para buscar inspiración.
MephoBox es de las últimas. Cuentan con unas cuantas categorías principales como navegaciones, headers, formularios, paginaciones etc. Dentro de cada una encontraremos ejemplos de buenos diseños e implementaciones. Recomendable tenerlo a mano.
Enlace: MephoBox
Posts relacionados
Publicado el Sunday, 14 de Diciembre del 2008 por
Elias Esta aplicación en linea nos vendrá de perlas para todos los que somos bastante despistados con el tema de las fechas. Remindr nos ofrece un sistema muy simple con el que programar recordatorios para determinada fecha y hora. Le indicaremos que es lo que queremos nos recuerde, en que fecha y a que hora. Finalmente solo queda escoger los servicios por los cuales se nos comunicará el mensaje cuando llegue la fecha indicada. Por el momento soporta twitter, mail, jabber y teléfono (suponemos que esta opción solo disponible para los estados unidos).
Ideal para fijar recordatorios de cumpleaños, festividades etc pero también una interesante opción con la que crear recordatorios para tareas laborales, por ejemplo el día de entrega de determinado trabajo.
Enlace: Remindr | Vía: BaluArt
Posts relacionados
Publicado el Friday, 12 de Diciembre del 2008 por
Elias Y se preguntarán sus señorías que pinta en este blog un tema sobre post-it, pues bastante. Por aquí se pasan muchos profesionales de la web que se desarrollan en diferentes facetas, pero lo que seguro tienen todos en común o la gran mayoría es que siguen usando los famosos post-it, aún siendo profesionales con perfil altamente tecnológico. Si algo no ha conseguido la tecnología es desterrar a uno de los inventos más arcaicos y simples de la historia, los papelitos que se pegan o post-it. ¿Y eso a que se debe? la misma pregunta se hicieron los expertos del MIT y se pusieron manos a la obra, estudiándolos a conciencia y sacando interesantes conclusiones, muchas relacionadas con la productividad, tema también muy importante para los que se pasean por estos lares.
Los resultados desvelan que el uso de post-it es menos práctico de lo que pensamos, su objetivo principal falla: no son un buen sistema para almacenar información temporal, se convierten en montañas de información sin conexión entre ella y la mayoría de las veces incompleta. Con estos y otros muchos datos en sus manos, empezaron a plantearse como crear un sistema de post-it verdaderamente eficiente. De ahí salió la aplicación List.it, solamente funcional en FireFox que ofrece un sistema rápido y con muchas mejoras para escribir notas. Además podemos participar en el estudio que está realizando el grupo del MIT.
Enlace: List.it | Vía: MuyComputer
Posts relacionados
