Texturas
Hola, hace mucho tiempo desde que escribí mi último post, aqui les dejo un enlace de texturas que he encontrado , Con estos se puede jugar y crear diseños atractivos, en la imagen en la parte superior se puede ver la diferencia entre la textura original (izquierda) y la retocada con photoshop (derecha), sólo colocando unos filtros y efectos!. Espero que les guste!
Viernes 03/02/2012
Semantic HTML
Las personas que empezaron a tocar el tema de semantic html no descubrieron el agua tibia, pero tocaron puntos importantísimos que deben ser tomados en cuenta cuando construimos una pagina web. Se trata de trabajar de manera ordenada, limpia y lógica, entre los puntos que destacan es el de utilizar <p> </p> solo cuando vas a incluir un párrafo en tu site, nunca utilices esta etiqueta para separar elementos o para crear espacios en la pagina, en todo caso utiliza <br /> o busca otra colusión, si vas a resaltar una palabra o frase utiliza <strong> y no <b>. Por otro lado, trabaja el html, css y javascript en archivos separados (no juntes todo esto), esta mala practica es muy común, no voy a mentir y decir que nunca lo he hecho, encontraras en mi portafolio varios sites con esos errores, pero desde hace tiempo hacia aca no lo hago y por supuesto utilizar los headers (h1, h2, h3, etc) es algo fundamental en el html hoy en día.
En el caso de las imagenes, cuando utilices bullets o pequeñas imagenes, siempre es mejor emplear css atraves de las etiquetas <ul> <li>, entre otras.
¿Por que todo esto es importante?.
1-Organización: Trabajar de manera organizada siempre facilita el trabajo, cuando trabajas en grupo no quieres que otro vea tu trabajo y diga ¿que hizo este tipo aquí??.
2-Seo: Hoy en día los buscadores son mas inteligentes y se estan percatando de estos puntos entre otros, si aplicas buena practica de html, posiblemente tu ranking sera mejor.
Martes 06/12/2010.
Page Speed
Sabemos que a nadie le gusta una pagina web que tarda en abrir, los usuarios son poco pacientes y salen del site si este no abre rápido. De allí nace Page Speed, el cual es una herramienta de código abierto brindada por fierfox que analiza y da recomendaciones para que tu pagina habrá lo mas rápido posible.
Es algo nuevo y hay que leer para entender su funcionamiento, habla sobre muchas cosas, como el cache, el hosting, los dns, css y por su puesto el peso de las imágenes. Su influencia dentro del posicionamiento no es mucha (el contenido es lo mas importante dentro de cualquier pagina), pero si nos da importantes tips que pueden darnos buenos resultados en cuanto al tiempo en que las personas invierten en nuestro sitio y la fidelidad de los mismos..
ara utilizar el page speed es necesario tener instalado en nuestra máquina el firebug , para los que no lo saben, esta es otra herramienta genial también de fire fox para programadores y web masters, aquí les dejo el link para descargarlo, luego instalamos el page speed por medio de este otro link. Cuando lo tengamos ya instalado nos vamos a Herramientas ->Firebug, inmediatamente nos va salir una pequeña cucaracha como esta en la parte inferior derecha de nuestra pagina, le damos clik, nos vamos a la pestaña de page speed y finalmente pisamos en Analyze Performance. Nos va salir una serie de recomendaciones acompañados de distintos símbolos que tenemos que estudiar.
Lunes 12/12/2010.