Archive for the ‘HTML’ Category

35 sitios para descargar templates CSS

Friday, June 26th, 2009

35templcss 35 sitios para descargar templates CSS

Las plantillas CSS son útiles por varios motivos. Uno de ellos claro es su implementación. Pero otro punto interesante es que ayudan y mucho a quien se encuentra intentando aprender diseño web pudiendo ver como esta formado el código para determinado elemento.

En DesiznTech nos muestran 35 sitios en los cuales podremos encontrar y descargar plantillas CSS y HTML completamente gratuitas. En el caso de desear utilizarlas solo deberemos incluir el contenido y tendremos listo nuestro sitio. Para hacerlo aún mejor, algunas de ellas se acompañan de su archivo en formato Psd (para Adobe Photoshop) que nos permitirá poder editar las imágenes y el diseño en general de forma mucho mas sencilla y rápida, o bien aprender viendo como se forma el sitio por medio de las diferentes capas.

Tags: , ,

Limpiando tu código con Wordoff

Monday, June 22nd, 2009

wordoff Limpiando tu código con Wordoff

Cuando uno codifica una plantilla, sobretodo siendo principiante, hay gran cantidad de código que por decirlo rápido y claro “sobra”. No es que no vaya a funcionar, seguramente funcione igual de bien, pero lo bueno de tener un código limpio es que es mas fácil de leer para nosotros y que carga con mas velocidad.

En Wwwhatsnew me entero de la existencia de WordOff. Un limpiador de código online que nos ayudará en la tarea de mantenerlo limpio de elementos innecesarios en pocos pasos y realizando la tarea por nosotros.

No lo dejen de probar. Tener un código ordenado y limpio es algo mas importante de lo que creen y muchos desconocen este dato.

Tags: , ,

9 Principios para crear un buen diseño

Wednesday, May 13th, 2009

diswebexito 9 Principios para crear un buen diseño

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: , ,

Convertir HTML a PDF en línea

Tuesday, May 12th, 2009

htmlpdf Convertir HTML a PDF en línea

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: , ,

Top 100 de cheat sheets para desarrolladores

Wednesday, April 29th, 2009

cheatsheet Top 100 de cheat sheets para desarrolladores

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: , ,

curiosidades, mitos, leyendas, videos divertidos, chistes