Archive for the ‘HTML’ Category
Wednesday, May 13th, 2009
La gente de PsdTuts nos ofrece un interesante artículo (en inglés) que nos muestra nueve principios importantes para crear un diseño exitoso. Son varios los factores a tener en cuenta, pero la lista repasa los mas interesantes y es por eso quedeberían pasar a verlo.
1- Precedencia (guiando el ojo): Uno de los mas importantes. Lograr que el lector mire a donde deseamos. Un simple ejemplo es que cuando entramos a una web lo primero que vemos en general es el logo.
2- Espacio: Pensar que el espacio es lugar perdido es un error. El espacio muchas veces hace que todo se vea ordenado y claro y por ende, mas atractivo.
3- Navegación: Planear bien a donde el lector podrá dirigirse por medio del menú de navegación, donde ubicarlo, y demás detalles a tener en cuenta para que cumpla su tarea.
4- Diseñar para construir: Cuando creamos el diseño en Photoshop es importantísimo tener en cuenta cosas como si lo que creamos es posible de codificar, que pasaría en otras resoluciones, etc.
5- Tipografía: La elección de la letra, sus tamaños, espacio, color, etc.
6- Usabilidad: Hacer el sitio cómodamente accesible para nuestros lectores, pensar donde ubicar los elementos teniendo en cuenta a que va a reaccionar es algo importante si queremos que se sienta cómodo y lo recorra completo.
7- Alineación: Lo ideal es no mezclar varios tipos de alineación para mantener un orden coherente en el diseño.
8- Claridad: Hay que prestar atención y que nuestras imágenes no se vean pixeladas, las fuentes se vean bien definidas, etc.
9- Consistencia: Que todo combine. Las tipografías, los colores, los formatos. Todo se ve mejor cuando se encuentra dentro de un ordenasí que por que no buscarlo.
Fuente: BlogVecindad
Tags: Artículos, Diseño Web, tutoriales
Posted in Artículos, Destacados, HTML, Plantillas | No Comments »
Tuesday, May 12th, 2009
Si necesitas una herramienta para convertir tu código HTML o un sitio web al formato PDF una de las mejores opciones para tener en cuenta es Htm2pdf.co.uk, un sitio que brinda como servicio poder convertir un sitio completo o código HTML.
Por otro lado, nos brinda aparte dos utilidades: la primera para agregar un botón a nuestra barra de herramientas del navegador y poder convertir a Pdf cualquier sitio web que estemos visitando. La segunda es agregar en nuestro sitio una opción para que nuestros lectores puedan preparar un Pdf. Para esto nos brindan directamente el código listo para copiar y pegar.
Tags: herramientas, HTML, pdf
Posted in HTML | No Comments »
Wednesday, April 29th, 2009
Empecemos por lo primero. ¿Que es un cheat sheet?. Se trata de una “hoja” de ayuda para cierto tipo de lenguaje de programación o servicio que se suele utilizar, como HTML, CSS, Java, o incluso Wordpress. Algo útil justamente porque así sepamos manejarnos con cierto código, uno siempre se olvida de algo, y en esos momentos es cuando una guía como estas nos es de gran ayuda.
En VirtualHosting publicaron una colección con 100 cheat sheets para desarrolladores que nos serán de gran ayuda en el momento de trabajar. Repasan temas como HTML, Javascript, CSS, Ajax, Apache, Blogging, Photoshop y Google, entre otras. No dejen de visitarlo y guardar la lista porque les aseguro que lo van a agradecer en un futuro.
Tags: ayuda, cheat sheets, Recursos
Posted in Ajax, Artículos, CSS, HTML, Photoshop, Recursos | No Comments »
Saturday, March 15th, 2008
Si necesitas crear una plantilla HTML para algún formulario, y no sabes por donde comenzar. Podrás visitar pForm, una herramienta en línea que te permite desde seleccionar el color que deseas utilizar en el formulario, hasta descargar el código fuente para utilizarlo en tu sitio web.
pForm es bastante completo ya que te permite crear tanto el título como la descripción del formulario. Además de los diferentes campos que serán utilizados. Todos los campos pueden ser personalizados, y si no existe alguno que deseas utilizar lo puedes crear sin problema alguno.
Fuente: Pixel Lovers
Posted in HTML, Recursos | 3 Comments »
Thursday, March 13th, 2008
En Snipplr vas a encontrar muchísimos códigos de todo tipo para incluir en tu web. Poseen códigos Javascript, Html, PHP, Css y mas, listos para copiar y pegar en donde quieras. Realmente útil para el que no sepa mucho y quiera lograr efectos o accesibilidad en su sitio.
Posted in CSS, HTML, Javascript | 4 Comments »
