Archive for diseño web

navegadores

Google ha dejado de dar soporte a IE6 en Google Docs y Google Sites.

Los desarrolladores web están de enhorabuena. Por fin hay indicios de jubilación del odiado IE 6. El navegador de Microsoft empieza a caer, después de 8 años y medio de amarguras para codificar.

En agosto, Google ya dijo que frenaría el apoyo a IE 6 en su red social, Orkut. Y Digg dijo que abandonaría el apoyo pronto.

IE 6, es muy impopular entre los desarrolladores web y muchas compañías de tecnología, que se quejan de la baja seguridad, (que se lo digan a Google en china), falta de características y rendimiento lento para programas web basados en JavaScript.
Estas desventajas se unen a la utilización generalizada del sistema operativo Windows XP que incluye, (cosas de Microsoft).

En diciembre se produjeron los ataques cibernéticos a las cuentas de Gmail en China, al dejar google de censurar los resultados de búsqueda. Cuando se supo que una vulnerabilidad en IE 6, pudo provocar los ataques, Microsoft dijo que los usuarios debían actualizar a IE 8.

La semana pasada, Google anunció la interrupción de soporte para IE 6 en Google Docs, las aplicaciones Web que utilizan ampliamente JavaScript.

El gobierno inglés y francés apoyan a Google, y están animando a los usuarios a dejar de usar el navegador IE 6 por su vulnerabilidad:
El lunes, un desarrollador Web lanzó una petición instando al gobierno británico que deje de usar el IE 6 en la administración pública, -el primer ministro del Reino Unido tiene una página web oficial: number10.org.uk, donde se reciben peticiones-. Dicha petición iba firmada por más de 2.000 ciudadanos.

En respuesta, Microsoft ha dicho que no puede dejar de apoyar a IE 6 mientras se mantenga el apoyo a Windows XP, ya que el navegador viene con el sistema operativo.

Primeros indicios de la caída de IE 6:

En las estadísticas de uso de navegadores, Firefox y Chrome de Google, continúan por delante de Safari de Apple, pero el cambio más notable en el porcentaje de uso de navegador en enero, es que el tan vilipendaiado Internet Explorer 6 ya no es el más común.
Según las cifras de Net Applications sobre la cuota de consumo mensual de los navegadores, IE Firefox cayó un poco en comparación con diciembre – IE pasa desde 62.7 hasta 62.2 por ciento, y Firefox de 24.6 a 24.4 por ciento. Chrome aumentó 4,6 a 5,2 por ciento, y Safari permaneció al mismo nivel en un 4,5 por ciento.

estadísticas de uso de los navegadores

IE 8 ya sobrepasa a IE 6 en el uso .
(Net Applications)

Al profundizar en las estadísticas por la versión, sin embargo, se observa que el IE 6 y IE 8 han cambiado de lugar. IE 6 se adelantó en diciembre, pero en enero, el IE 8 ha mantenido un sólido liderazgo en el 22,3 por ciento frente a un 20,1 para el IE 6. Firefox 3.5, está en 17,1 por ciento.

Si te ha gustado esta entrada puedes dejar un comentario o compartirla. Quedaré muy agradecida.
También puedes suscribirte: RSSfeed rss: suscríbete / Subscribe in a reader O vía email Y gracias por venir..!!
Juana Corbalán de Corbax

 

Disfruta compartiendo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong
  • StumbleUpon
  • Technorati
  • Bitacoras.com
  • Diigo
  • Meneame
  • Twitter
  • Reddit
  • Netvibes
  • email
  • Print
  • Wikio IT

PicApp imágenes

Cómo encontrar imágenes buenas y gratis para tu blog

Un problema frecuente es la dificultad de encontrar imágenes de alta calidad, con licencia para incluírlas en nuestros blogs. Por ello, Google ha llegado a un acuerdo con PicApp para añadir 10 millones de imágenes de archivo de alta calidad en el nuevo selector de imágenes de Knol. Este permite buscar las imágenes creativas y editoriales de PicApp en general, repositorios de archivo de alta calidad de imágenes, como de Getty images. El servicio y el uso de las imágenes es gratuito. En la versión española PicApp aún no está integrado en el buscador de imágenes del editor de Knols. Pero las puedes isertar de forma manual.

También puedes utilizar, en las mismas condiciones, las imágenes para tus publicaciones en un blog o sitio web.

imágenes PicApp PicApp

PicApp es un banco de imágenes de libre uso para los blogs y otras publicaciones online, donde simplemente introduciremos el término de búsqueda y obtendremos las imágenes deseadas para ser publicadas sin tener que pensar en temas de derechos de autor, ni copyright.
En PicApp encontrarás fotos editoriales o creativas de reconocidas agencias como Corbis o Getty Images y las puedes colocar en tu sitio web de manera gratuita y sin miedo a que te demanden por infringir algún copyright. Además, el material se actualiza contínuamente.

La imagen incluirá la descripción de la imagen, enlace la página y enlace a la galería de imágenes relacionadas de PicApp. Sí queremos podemos eliminar el enlace a la galería de PicApp, quitando del código HTML, correspondiente.

PicApp no requiere registro.

imágenes-photo-dropper Photo Dropper

La calidad de algunas imágenes de Photo Dropper es impresionante.

Estas imágenes están bajo licencia Creative Commons, lo que significa que cualquier persona puede utilizarlo en su propio sitio web, siempre y cuando el fotógrafo se diga el autor y un enlace.

Flickr, tiene millones de esas fotos que puedes buscar y usar.

Si tienes un blog de WordPress se puede descargar el plugin Photo Dropper, que te permite buscar imágenes de calidad de forma rápida y sencilla para enviar a tu propio sitio, con enlaces de atribución. Se han unido la potencia de Wordpress, Flickr y Creative Commons

Recientemente Google introdujo mejoras en la búsqueda de imágenes:

Estas mejoras nos hacen más fácil la tarea de encontrar las imágenes que necesitamos:

Podemos introducir el término de búsqueda y filtrar los resultados por tamaños, por tipos de contenidos o incluso por colores dominantes, utilizando dos buscadores de imágenes similares. Google Image Swirl y Google Similar Images.

google imágenes swirl Google Image Swirl

Agrupa los resultados de la búsqueda en grupos de imágenes similares, relacionadas tanto por su apariencia como por la semántica de sus etiquetas, usando la tecnología de Picasa.

Al pulsar sobre una imagen, todas las imágenes de ese grupo se despliegan en forma de mapa conceptual acercándose más a las características de la imagen seleccionada.

El resultado es visualmente muy atractivo y elimina la ambigüedad en los resultados anteriores. Si no lo has probado te lo recomiendo.

google imágenes swirl Google Similar Images

Este buscador de imágenes similares, debajo de cada resultado, nos permite ver imágenes muy parecidas a la mostrada. Las imágenes se parecen mucho, cumpliendo casi los mismos patrones, e incluso en algunas de estas imágenes nos permitirán volver a buscar imágenes similares.

Aquí te dejo unos buenos enlaces a sitios relacionados con la búsqueda de imágenes gratis para tu blog:

Imágenes gratis para tu blog

Banco de Imágenes Gratis

32 sitios para descargar imágenes gratis

Si quieres dejar un comentario o compartir esta entrada te quedaré muy agradecida.
También puedes suscribirte: RSSfeed rss: suscríbete / Subscribe in a reader O vía email Y gracias por venir..!!
Juana Corbalán de Corbax

 

Disfruta compartiendo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong
  • StumbleUpon
  • Technorati
  • Bitacoras.com
  • Diigo
  • Meneame
  • Twitter
  • Reddit
  • Netvibes
  • email
  • Print
  • Wikio IT

Consejos para hacer el contenido más adecuado para el SEO.

    contenido adecuado para SEO: bombilla ok

  1. Uso adecuado de las palabras clave.
  2. Pruebas invisibles a los buscadores. Analiza el sitio con las herramientas de rastreo antes de publicarlo.
  3. Usabilidad y accesibilidad. Dos principios que facilitan la conversión de usuarios en clientes, aumentan el grado de indexabilidad del sitio y una mayor responsabilidad con las minorías.
  4. Contenido creado para los usuarios y optimizado para los buscadores (SEO).
  5. Dar a cada página su propio enfoque.
  6. Títulos únicos para cada página.
  7. Palabra clave en el título, descripción, encabezados, cuerpo, enlaces…
  8. Metaetiqueta Description adecuada, precisa y atractiva: que invite a pulsar.
  9. Contenido fresco, bien redactado y útil, con enlaces pertinentes.
  10. Relacionar los artículos en Wordpress.
  11. Situar el contenido indexable lo más arriba posible en el código fuente.
  12. Situar el código javaScript y CSS en archivos externos. ( Ayuda a lo anterior).
  13. Incluir navegación fácil para los robots. (Menús CSS, migas de pan..).
  14. Código limpio y bien estructurado, correcto semánticamente.
  15. Texto alternativo (alt) en las imágens.
  16. Títulos (title) en los enalces y en las imágenes (con palabras clave, mejor).
  17. Evitar texto invisible o diminuto, enlaces escondidos, exceso de palabras clave.
  18. Densidad de palabras clave entre 3% y 5%.
  19. Documentos PDF optimizados.
  20. Usar tablas sólo en caso necesario y optimizadas para los buscadores.
  21. Evitar frames.
  22. Evitar ID de sesión.
  23. No obligar a utilizar cookies.
  24. La página 404 personalizada puede ser una excelente fuente de información.
  25. La página de resultados de búsqueda personalizada también puede ser muy útil para el SEO.
  26. Validar el código XHTML con el validador XHTML del W3C
  27. Validar las hojas de estilo CSS con el Validador CSS del W3C

Estos pasos forman parte de una Lista de control SEO que utilizo de repaso para comprobar que no he olvidado nada importante sobre la optimización del posicionamiento en buscadores:

  1. 7 básicos para la optimización en buscadores: SEO.
  2. Contenido adecuado para el SEO.
  3. Uso adecuado de las palabras clave.
  4. Enlaces óptimos para SEO.
  5. Conseguir enlaces de calidad.
  6. Herramientas SEO.
  7. Bibliografía.

Espero que te sea de utilidad.

Si tu experiencia es distinta, crees que me he olvidado de algo o quieres decir algo, no dudes en dejar un comentario. Será bienvenido.

 

Disfruta compartiendo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong
  • StumbleUpon
  • Technorati
  • Bitacoras.com
  • Diigo
  • Meneame
  • Twitter
  • Reddit
  • Netvibes
  • email
  • Print
  • Wikio IT
secuencia de Fibonacci

el número áureo en la web

nautilus: web de oro

Tanto Euclides como Fibonacci nos han dejado en herencia recursos matemáticos muy útiles a la hora de conseguir diseños web equilibrados y estéticamente atractivos.

 

Puedes servirte del teorema del corte dorado de Euclides o de la serie de Fibonacci, para diseñar una retícula que te asegure una distribución armónica de todos los contenidos en tu diseño web.

Euclides descubrió que la división de planos y rectas más armónica para el ojo humano es la que guarda la el ratio dorado ( número áureo  o proporción áurea ), que sería una proporción 3:5.
Se trata de dividir un elemento en dos según las proporciones dadas por el número áureo, de manera que la longitud total es al mayor como la longitud mayor al menor: ratio aureo

El ratio dorado se consigue al dividir la longitud de una línea por 1,62 (en relidad el número es infinito), aquí un trocito para abrir boca:

1.61803398874989484820458683436563811772030917980576286213544862270526046281890 244970720720418939113748475408807538689175212663386222353693179318006076672635
4433389086595939582905638322661319928290267880675208766892501711696207…

Es un número algebraico irracional, una proporción, no una unidad.
Este número posee unas propiedades fascinantes ya que esta proporción se encuentra tanto en la geometría como en la música, en las matemáticas, en la naturaleza: la forma como las flores disponen sus pétalos, las galaxias, las caracolas…
Los renacentistas se servían de esta ratio dorado para estructurar sus obras de arquitectura, pintura y escultura. Los fotógrafos lo utilizan en sus composiciones y los diseñadores actuales también lo aplican a sus cuadrículas.

 

La serie de Fibonacci en la web

La serie de Fibonacci es una sucesión de números naturales que se suman cada uno con el anterior hasta el infinito. El cociente entre dos números consecutivos de esta serie tiene como límite el número áureo, y las distancias entre dos números seguidos de la serie, produce una imagen muy armónica y atractiva estéticamente.

0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181, …

Los números se pueden interpretar como distancias en píxeles o en centímetros para crear las retículas.

Si estructuras los bloques de contenido de un sitio web conforme a la serie de Fibonacci, la estructura global será visualmente mucho más armónica que si lo hacemos siguiendo una noción artísica, una necesidad o simplemente el azar. Un diseño web estructurado de este modo puede retener más tiempo a los visitantes en tu página web.

Si tenemos en cuenta estas enseñanzas matemáticas a la hora de diseñar nuestos sitios web haremos más agradable la vida de los internautas y contribuiremos a una mayor usabilidad de nuestro sitio web.

 

Una versión simplificada del corte dorado

rectangulos aureos

Una versión simplificada del corte dorado es la regla de los tercios:
Dividir una composición en tercios vertical y horizontalmente, es una forma sencilla de aplicar el corte dorado sin tener que hacer demasiados cálculos:

Divide un rectángulo en tres partes iguales horizontal y verticalmente, después divide el tercio superior de nuevo en tres partes, y finalmente divide cada una de sus columnas por la mitad para crear un poco más de una cuadrícula. Repite los pasos para tener unas cuantas reglas de cuadrículas de tercios donde disponer diferentes opciones de diseño.

 

Si te gusta el tema del número áureo puedes ampliar tu información visitando la Wikipedia, de donde son estas imágenes.

Disfruta compartiendo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong
  • StumbleUpon
  • Technorati
  • Bitacoras.com
  • Diigo
  • Meneame
  • Twitter
  • Reddit
  • Netvibes
  • email
  • Print
  • Wikio IT

Seguro que alguna vez te has preguntado de donde viene ese texto que aparece misteriosamente en muchas páginas en construcción, ejemplos, plantillas o en trozos de texto sueltos aleatoriamente y que comienza:
“Lorem ipsum dolor sit amet………”
y continúa así hasta ocupar los bloques destinados para texto que diseñadores gráficos y otros profesionales (juajuajua) crean, ya que viene por defecto en paquetes de autoedición y editores de páginas web.
Algunos lo conocísteis por las hojas de de tipografía “Letraset”, otros más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
El Lorem Ipsum se utilza en las pruebas con el fin de que el contenido del texto no desvíe la atención del lector del diseño, que es lo que en ese punto interesa mostrar: el texto Lorem Ipsum tiene una distribución más o menos normal de las letras. A esto hay que unir el hecho de que muchos paquetes de autoedición y editores de páginas web usan el Lorem Ipsum como su texto por defecto, y al hacer una búsqueda de “Lorem Ipsum” va a dar por resultado muchos sitios web que usan este texto si se encuentran en fase de desarrollo.

Este texto se ha utilizado de relleno en las imprentas y archivos de texto desde el año 1500.

¡El Lorem Ipsum tiene sentido, historia y generador!
Todo empezó cuando un impresor desconocido usó una galería de textos y los mezcló haciendo un libro de textos especimen.
Este texto ha llegado hasta nuestros días, apuntándose al carro de los textos digitales, sin sufrir apenas variaciones.

El texto de Lorem Ipsum no es simplemente texto aleatorio.
Tiene sus raices en una pieza clásica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latÌn, “consecteur”, en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latÌn, descubrió la fuente indudable. El texto estándar es del año 45 a. C. aproximadamente, una copia de la obra de Cicerón De finibus bonorum et malorum (Sobre los límites del bien y del mal) que comienza con:

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.

Pues bien, ese texto se genera con unas herramientas específicas: generadores de Lorem Ipsum, un recurso muy aconsejable para editores y diseñadores.
Una de estas herramientas la encontrarás en http://es.lipsum.com/
Se trata de un generador de Loren para lo que desees….. lo puedes pedir por párrafos, palabras, bytes o listas
El Lorem Ipsum generado por esta herramienta está libre de repeticiones, humor agregado o palabras no características del lenguaje. Usa un diccionario de mas de 200 palabras provenientes del latín, combinadas con estructuras muy útiles de sentencias, para generar texto de Lorem Ipsum que parezca razonable.

¡¡¡Y luego dicen que el Latín ha muerto!!!

pasage Lorem Ipsum usado desde 1500:

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”

Disfruta compartiendo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong
  • StumbleUpon
  • Technorati
  • Bitacoras.com
  • Diigo
  • Meneame
  • Twitter
  • Reddit
  • Netvibes
  • email
  • Print
  • Wikio IT