Archivado en: diseño, Uncategorized, web | Etiquetas: accesibilidad, aplicaciones, bocetos, CSS, diseño, herramientas, html, trucos, web
Hoy me siento especialmente generosa por lo que voy a compartir con vosotros unos trucos que os harán el trabajo muchiiiisimo más fácil en el campo del diseño web. Hay miles de herramientas desconocidas para muchos diseñadores que solucionarían gran parte de nuestros problemas o por lo menos agilizarían y mejorarían nuestro trabajo. Ahi van unas cuantas que os podeis descargar de forma gratuita:
Sirve para abocetar interfaces de una forma sencilla y rápida. Permite crear todo tipo de elementos web (listas, botones, etc.) como si de un dibujo digital se tratase ahorrándote la pesada tarea de escribir todo el código. Arrastra, suelta y elimina elementos como si trabajaras con un programa vectorial.
Aplicación que sirve, como su nombre indica, para comparar tanto archivos como carpetas. En diseño web viene muy bien para comparar, por ejemplo, hojas de estilos CSS. Las diferencias entre unas y otras se ven rápidamente y nos ahorramos el estar buscándolas mirando el código. Además es facilísimo de usar. 100% recomendado.
Se trata de una extensión del Mozilla Firefox. Agrega un menú a la barra de herramientas del navegador con numerosas herramientas, particularmente útiles para desarrolladores web. Nos permite hacer cambios temporales en el codigo (tanto HTML como CSS) y visualizarlo en el momento en el mismo explorador. Nos da información de los distintos elementos, bordea imágenes, etc. Una auténtica maravilla indispensable para cualquier diseñador web.
Es otra extensión del Firefox. Se muestra en forma de paquete de utilidades con el que se puede analizar (revisar velocidad de carga, estructura DOM), editar, monitorizar y depurar el código fuente, CSS, HTML y JavaScript de una página web de manera instantánea e inline. además edita y permite guardar los cambios, un paso por delante de su compañero el Web Developer. Su atractiva e intuitiva interfaz, con solapas específicas para el análisis de cada tipo de elemento (consola, HTML, CSS, Script, DOM y red), permite al usuario un manejo fácil y rápido.
En cuanto a temas de accesibilidad existen una serie de páginas que nos sirven para validar nuestras HTML y CSS de acuerdo con los parámetros establecidos:
Para validar código HTML: validator.w3.org
Para validar código CSS: css-validator
Para comprobar si la diferencia entre color de texto y fondo cumple la accesibilidad: juicystudio
Esto es todo por ahora, espero que os sirva de ayuda y si alguien sabe de alguna herramienta más le animo a que la comparta para que este archivo vaya creciendo.
¿Quieres ver las mejores webs premiadas de FWA? Ésta es tu página. Aquí encontrarás las páginas premiadas desde Junio del 2000. Lo mejorcito de la red en un solo portal. Disfrutad¡¡
Un amigo fotógrafo me pasó hace un tiempo el link a una web de lo mas inspiradora y actual, ya que habla de la importancia de los bosques y de su futuro en nuestro planeta.
Merece la pena tener paciencia hasta que se carguen las imágenes, e investigar todos los rincones de esta web japonesa. Espero que os guste. ,)
Archivado en: diseño, gráfico, varios, web | Etiquetas: CSS, flash, iconos, photoshop, pinceles, texturas, tipografía, tutoriales, vectores
Como bien dice su nombre esta web hará las delicias de más de un@; se trata de una recopilación de páginas web en las que podemos encontrar desde fuentes óptimas para web y gráfico hasta vectores, pinceles de photoshop o plantillas CSS. Y lo que es más importante: la mayoria son GRATUITAS (oooojos como platos).
Esta página ha sido creada por dos web designers canadienses: Felix Langlois y Alexandre Jourdain, a los que daremos las gracias por su estupenda aportación. Espero que os inspire…
Me subo al carro de buscar “referencias” alli donde se pueda, pero esta vez os voy a hablar de lo que ma o meno controlo; de flash. En flashmo encontrareís 39 plantillas totalmente editables (con flash mx o superior). Parecen mas microsites que otra cosa, pero sirven para nuestro propósito que es bueno, bonito, gratis y rapido.
Como dirian en mediamarkt YO NO SOY TONTO.
Archivado en: diseño, web | Etiquetas: Add new tag, copiar, CSS, html, web
La maravillosa página Smashing Magazine publicó el lunes un post en el que podemos encontrar 100 PLANTILLAS GRATUITAS de html y CSS. Es una buena forma de aprender para los que estamos en ello y un buen recurso para aquellos que se quedan sin inspiración (vease tambien: no la tienen, son vagos, etc.) Sea cual sea vuestro caso os dejo el link para que le echeis un vistazo ya que puede sacar de más de un apuro a aquellos que no tengan escrupulos…
http://www.smashingmagazine.com/
