Publicado el Thursday, 20 de Noviembre del 2008 por
Elias Además de los pinceles de photoshop los estilos son un buen recurso para acelerar el proceso de diseño y obtener buenos resultados de una forma muy simple. La oferta de estilos no es muy boyante dentro de la red pero alguna cosa va saliendo como este pack desde deziner folio con 200 estilos diferentes totalmente gratuitos y listos para usar. Entre la abultada cifra los encontraremos de todos los tipos y colores, con degradados, efecto brillo etc.
Enlace: 220 Amazing Free Photoshop Layer Styles
Posts relacionados
Publicado el Wednesday, 19 de Noviembre del 2008 por
Elias 
Son muchas las extensiones que tenemos por ahí que nos facilitan la vida a la hora de crear contenido para la web. Dependiendo de cual sea tu actividad principal te pueden interesar más unas que otras, encontraremos desde las que depuran código css, html y javascript hasta análisis de cabeceras http, evaluar accesibilidad etc.
Smashing Magazine recopila 15 de estas herramientas, tanto para FireFox como para InternetExplorer enfocadas a usos variados. Acompañan cada extensión con un breve análisis, cosa que se agradece para saber si de verdad nos será o no útil antes de descargar.
Enlace: 15 Helpful In-Browser Web Development Tools
Posts relacionados
Publicado el Wednesday, 19 de Noviembre del 2008 por
Elias 
Una de las reglas no escritas del blogging es la de acompañar los posts con una imagen relacionada al tema que se trata. Desde Pro Blog Design nos enseñan como hacer, con gimp y con photoshop, capturas llamativas. El proceso que explican no es complejo, por lo cual no perderemos mucho tiempo para aplicarlo en nuestras capturas de imagen. Explican como cambiar la perspectiva, resaltar determinadas partes de la imagen o agregar efectos de luz.
Enlace: How to Make Exciting Screenshots (In Photoshop or Gimp!)
Posts relacionados
Publicado el Tuesday, 18 de Noviembre del 2008 por
Elias La obligación de todo diseñador que haga trabajos enfocados a la web es tener presente a todas las personas, incluyendo aquellas con algún tipo de discapacidad, desde visión reducida hasta los que tienen problemas con los colores. Dentro de este grupo también están las personas con algún tipo de dislexia, a los que no se tiene muy en cuenta, incluso por los profesionales de la usabilidad.
En Accessites publican 3 artículos donde se enfoca la usabilidad para estos usuarios, desde que es la dislexia y los diferentes tipos hasta tips que debemos seguir para que se sientan cómodos con la lectura de un sitio.
Enlace: Designing for Dyslexics: 1 2 3
Posts relacionados
Publicado el Tuesday, 18 de Noviembre del 2008 por
Elias No todo va a ser wordpress o joomla, existen más alternativas en el mundo de los cms,s con los crear webs y blogs en la red. Textmotion es otra de estas alternativas, de código libre y totalmente gratis. Podemos crear una cuenta en el propio sitio o descargar la última versión para toquetear al gusto todo lo que queramos. Según cuentan tres son los pilares fundamentales sobre los que se sustentan, seguridad, belleza y usabilidad. Me falta probarlo en profundidad para ver si es oro todo lo que reluce, no es tarea nada fácil programar un buen cms, sin bugs, que sea fácil de entender, con sistema potente de plantillas etc.
Enlace: Textmotion
Posts relacionados
Publicado el Saturday, 15 de Noviembre del 2008 por
Elias CssTricks vuelve a la carga con otro estupendo tutorial, bueno, en realidad no es de él si no de un lector que detectó un error en la navegación del sitio y encontró una solución en javascript, css y html. El efecto es una transición con efecto de desvanecimiento entre dos imágenes muy resultona. No dicen si es soportado por todos los navegadores, en principio debería.
Enlace: Color Fading Menu with jQuery
Posts relacionados
Publicado el Thursday, 13 de Noviembre del 2008 por
Elias Los iconos de estilo mini son un recurso interesante para darle un toque a algún diseño, siempre con mesura para no recargar. Cierto es también que el número de packs con este tipo de iconos que podemos encontrar por la red no es igual a los que encontraremos de otros tipos de iconos. Blog and Web nos echa un cable con el asunto y nos brindan un recopilatorio con unos cuantos packs de este tipo de iconos, todos ellos gratuitos encontrando viñetas, flechas y mini iconos de temática variada.
Posts relacionados
Publicado el Tuesday, 11 de Noviembre del 2008 por
Elias Toda web tiene un punto de partida y ese es su maquetación en css + xhtml. Son varios los servicios que nos brindan la opción de hacer esto de una forma totalmente visual, a los que tendremos que añadir Drawter.
Se nos presenta un espacio de trabajo sobre el que mediante el ratón iremos dibujando los diferentes bloques principales de nuestro sitio, contando con diversas opciones de personalización de cada bloque mediante css. Una vez demos por finalizado el trabajo, nos genera el código css y xhtml necesario para conseguir esa estructura y seguir trabajando con ella.
Posts relacionados
Publicado el Tuesday, 11 de Noviembre del 2008 por
Elias Como ya se ha dicho hasta la saciedad, si algo destaca del iPhone es su genial navegador que nos permite visualizar webs y blogs con una calidad estupenda. Es capaz de cargar casi cualquier tipo de diseño que veremos sin prácticamente ningún cambio respecto a como lo visualizaríamos en un navegador tradicional.
Aún con esa capacidad es aconsejable optimizar nuestro sitio para el iPhone. Podemos hacerlo de diferentes formas, entre ellas con el servicio en linea intersquash. El proceso es extremadamente simple, solo tenemos que indicar nuestro feed y nombre del sitio. Picamos en un botón y listo, se nos genera la URL con el contenido de nuestro feed especialmente pensado para el iPhone.
Posts relacionados
Publicado el Saturday, 8 de Noviembre del 2008 por
Elias 
Parte importante de un artículo dentro de un blog son también los comentarios, donde en muchas ocasiones encontraremos interesantes reflexiones. El amigo Luis de Sentido Web se ha currado un plugin para wordpress con el cual se facilita la lectura de los comentarios ya que permite al que comenta indicar su estado de ánimo sobre el tema que trate el post en el que comenta. Esto permitirá a los lectores distinguir rápidamente y de un golpe de vista los comentarios que están de acuerdo con el tema que se trata, en desacuerdo etc.
Desde el administrador de wordpress podremos indicar los estados de ánimo entre los que el usuario podrá escoger. Instalarlo es tan fácil como pegar una línea de código en la parte de nuestro theme donde queramos aparezcan las opciones.
El resultado será una lista desplegable en los comentarios del blog y también unos comentarios con diferentes estilos según el sentimiento general que los comentaristas fueran eligiendo para sus aportaciones.
Enlace: Feel the Comments
Posts relacionados
Publicado el Saturday, 8 de Noviembre del 2008 por
Elias 
Si administras sitios en la red en los que incluyes publicidad OpenX Ad Server es una buena opción para controlarla. Es un CMS desarrollado en PHP con el que podremos vender publicidad de una forma controlada contando con varias opciones como crear campañas, enviar informes automáticamente al cliente sobre el rendimiento de la misma, mostrar publicidad por países o a determinadas horas etc.
Podemos instalar la aplicación o bien abrir una cuenta en su servicio online, eliminando las preocupaciones de actualizar a nuevas versiones o consumir ancho de banda de nuestro servidor.
Enlace: OpenX | Vía: pixelco.us
Posts relacionados
Publicado el Thursday, 6 de Noviembre del 2008 por
Elias Dentro del diseño de blogs empieza a extenderse otra tónica, la de incluir elementos gráficos y tipográficos varios realizados a mano o imitando tal efecto con programas de diseño. Personalmente es una técnica que me gusta, sobre todo si quieres montar tu blog personal.
Intenta encuentra un pack de iconos que nos vendrán que ni pintados si queremos usar este tipo de efecto. Unos cuantos iconos en PNG de las redes sociales más conocidas y otros usados comúnmente para secciones clásicas como “Contacto”, “Comentarios” o “Wordpress”.
Enlace: Free Hand Drawn Doodle Icon Set for Bloggers | Vía: Webintenta
Posts relacionados
Publicado el Thursday, 6 de Noviembre del 2008 por
Elias 
Como ya dijimos nos iremos haciendo eco por aquí de la iniciativa lanzada desde Ateneu Popular, una seria de artículos con periodicidad variable centrados en enseñar CSS desde el principio.
Hoy sacan el segundo capítulo donde explican como crear una estructura web mediante css y xhtml. Ponen énfasis en lo importante de la planificación previa para luego seguir con un ejemplo práctico de una posible estructura con las partes básicas de un sitio (cabecera, cuerpo, pie etc).
Enlace: Maestro CSS, destripando estilos. Cap. 2 - La estructura
Posts relacionados
Publicado el Thursday, 6 de Noviembre del 2008 por
admin 
Un nuevo blog se viene a sumar a la constelación de Medios y Redes. Se trata de Anime.es, una web que se suma como federada y que se dedica especialmente al anime y el manga, los géneros japoneses (el primero de dibujos animados y el segundo, de historietas) que tantos adeptos y seguidos tienen en España y en todo el mundo.
Anime.es presenta diariamente un contenido de lujo, con todas las noticias sobre las nuevas series y películas, información de primera mano, adelantos en vídeo, novedades editoriales, etc., redactado por especialistas y apasionados en el mundo de los dibujos que nos llegan desde el Lejano Oriente.
Os invitamos a seguir desde ahora Anime.es, el blog Nº 35 de Medios y Redes (23 blogs propios y 12 federados). Lo podéis hacer por medio del Feed RSS o recibiendo las actualizaciones por e-mail.
¡Animaros a visitar y comentar en Anime.es, nuestro nuevo blog!
Posts relacionados
Publicado el Tuesday, 4 de Noviembre del 2008 por
Elias 
Fireworks es otro de los programas de la factoría Adobe orientado a la comunidad de diseñadores, y que poco a poco va teniendo más relevancia dentro y fuera de la red. Es útil para muchas cosas, especialmente recomendable para crear mockups de nuestros sitios web, esa es la función que mejor cumple sin duda.
Pero no es la única, se pueden hacer muchas otras cosas, sin llegar a ser tan potente como photoshop o illustrator ya que estos dos están muy centrados en campos determinados. En cualquier caso recomendable echar un vistazo a este recopilatorio de designm.mag con 35 tutoriales distintos para conseguir los efectos más variados y así ir conociendo la aplicación y sus herramientas.
Enlace: 35 Excellent Adobe Fireworks Tutorials
Posts relacionados
