Dec
09
2009

La herramienta de Google para Webmasters incorpora una nueva función experimental para ver la información sobre la velocidad de respuesta de nuestros sitios, y a su vez nos ofrece sugerencias para hacerlo mas rápido.

Rendimiento del Sitio

Con el objetivo de hacer la web mas veloz, para llegar a un aumento en la actividad de los sitios y conseguir mas visitas, y a su vez reducir costos. Esta herramienta nos mostrara la evolución en el tiempo de nuestro sitio, comparación de tu sitio con otros sitios.

También incorporan un plugin para Firefox/Firebug llamado “Page Speed“, el cual ayudara a evaluar el rendimiento de las páginas web y obtener sugerencias sobre cómo mejorarlas.

Fuente: El Blog del Webmaster de Google

Compartir:
  • Google Bookmarks
  • LinkedIn
  • del.icio.us
  • Facebook
  • Twitter
  • MySpace
  • Live
  • Digg
  • Meneame
0 Comentarios
Dec
07
2009

InnerFade es un pequeño plugin de la libreria javascript jQuery, esta desarrollado para hacer slide de multiples contenidos de cualquier elemento(imagenes, list-items, divs, etc.) dentro de un contenedor.

innerfade

La implementacion es muy simple

Javascript:

$(document).ready( function(){

$(‘#portfolio’).innerfade({

speed: ‘slow’,
timeout: 4000,
type: ‘sequence’,
containerheight: ’220px’

});

HTML:

<ul id="portfolio">

<li>

<a href="~#good_guy__bad_guy">

<img src="images/ggbg.gif" alt="Good Guy bad Guy" />

</a>

</li>
<li>

<a href="#whizzkids">

<img src="images/whizzkids.gif" alt="Whizzkids" />

</a>

</li>
<li>

<a href="#koenigin_mutter">

<img src="images/km.jpg" alt="Königin Mutter" />

</a>

</li>
<li>

<a href="#hybride_archivierung">

<img src="images/rt_arch.jpg" alt="RT Hybride Archivierung" />

</a>

</li>
<li>

<a href="#tuev_sued_gruppe">

<img src="images/tuev.jpg" alt="TÜV SÜD Gruppe" />

</a>

</li>

</ul>

Parametros:
animationtype: ‘fade’ (Default)
(string) Es el tipo de animacion. Valores: fade o slide

speed: ‘normal’ (Default)
(string o int) La velocidad del slide o Fade. Valores: ‘normal’, ‘slow’, ‘fast’ o numerico en milisegundos

timeout: ’2000′ (Default)
(int) Tiempo en milisegundos entre cada fade o slide

type: ‘sequence’ (Default)
(string) Tipo de slide: ‘sequence’, ‘random’ o ‘random_start’

containerheight:
‘auto’ (Default)
(string) height del elemento container

runningclass: ‘innerfade’ (Default)
(string) CSS class del contenedor

children:: null (Default)
(string) opcional

Pueden probar el Demo

Descargar jquery.innerfade.zip

Compartir:
  • Google Bookmarks
  • LinkedIn
  • del.icio.us
  • Facebook
  • Twitter
  • MySpace
  • Live
  • Digg
  • Meneame
0 Comentarios
Dec
02
2009

Un ingeniero comunicador de Google dijo formalmente que los links con nofollow se comportan como siempre, evitando que Googlebot siga ese link teoricamente, pero deja fluir el PageRank, por lo que todos los links con nofollow ahora seran tenidos en cuenta para el PageRank, parece que el mundo del SEO a tomado nuevamente otro rumbo, se puede pensar en volver a viejas tecnicas o tal vez encontrar nuevas formas para reemplazar el nofollow.

google_nofollow

De todas maneras esto hara que muchos tengan que cambiar toda la estructura de sus sitios que estaba basada en una estrategia de Herencia de PageRank o de nofollow incorrecta.

Compartir:
  • Google Bookmarks
  • LinkedIn
  • del.icio.us
  • Facebook
  • Twitter
  • MySpace
  • Live
  • Digg
  • Meneame
0 Comentarios
Nov
26
2009

Muchas veces tenemos que presentar cierta cantidad de contenido y no contamos con el espacio suficiente para que este sea accesible, vistoso y dinamico para el usuario. Una de las formas mas utilizadas en estos tiempos es a travez de slides scrolleables. Definitivamente esta no es la unica manera de mostrar el contenido, pero es muy funcional, facil de implementar y tiene multiples usos, desde mostrar un porfolio, generar una galería de imagenes, o simplemente distribuir el contenido del sitio en multiples slides.

mb.scrollable

La implementación es muy simple

Javascript:

$(“#slideScrolleable”).mbScrollable({

width:700,
elementsInPage:1,
elementMargin:2,
shadow:”#999 2px 2px 2px”,
height:”auto”,
controls:”#controls”,
slideTimer:600,
autoscroll:true,
scrollTimer:4000

});

HTML:

<div id=”slideScrolleable”>

<div style=”background-color:#9999ff”>1</div>
<div style=”background-color:#cc9900″>2</div>
<div style=”background-color:#660066″>3</div>
<div style=”background-color:#009966″>4</div>
<div style=”background-color:#6600ff”>5</div>
<div style=”background-color:#9999ff”>6</div>
<div style=”background-color:#33cc00″>7</div>
<div style=”background-color:#cc00cc”>8</div>

</div>

<div id=”controls”>
<div>primero</div><div>anterior</div>
<div>siguiente</div><div>último</div>
<div></div>
<div>play</div><div>stop</div>
</div>

Parametros:

width:700
(int) El ancho del area visible.

dir: “horizontal”
(string) o “vertical”; La direccion del scroll de los componentes.

elementsInPage:3
(int) Cuantos elementos deben estar visibles por cada slide.

elementMargin:2
(int) El espacio entre cada elemento

shadow:
”#999 2px 2px 2px”
(string o “false”) El estilo css para la sombra de cada elemento (no funciona en IE)

height:”auto”
(int o “auto”) El alto de cada elemento en el scroller

controls:”#controls”
(string) el ID de los elementos que contienen los controles

slideTimer:600
(int) El tiempo en milisegundo que tarda en hacer cada slide

autoscroll:true
(boolean) si empieza el scroller automaticamente o no

scrollTimer:4000
(int) el tiempo en milisegundos entre un slide y el otro
Una vez que le damos el ancho al area visible, el script define el ancho de cada elemento de acuerdo con los paramentros “elementsInPage” y “elementMargin”.

Once you give the width of the visible area, the plugin define the with for the single element according with the elementsInPage and the elementMargin parameter;
Loscontroles puede ser configurado como quieras, Todos los controles estan compuestos de:
first | prev | pageIndex |next | last | start | stop.

Pueden probar el Demo

Pagina del proyecto jQuery: http://plugins.jquery.com/project/mbscrollable
Documentación: http://code.google.com/p/mbideasproject/wiki/mbScrollable
Descargar jquery mb.scrollable

Compartir:
  • Google Bookmarks
  • LinkedIn
  • del.icio.us
  • Facebook
  • Twitter
  • MySpace
  • Live
  • Digg
  • Meneame
4 Comentarios
Oct
06
2009

Turner Fine Art es una galería de arte a la que le ofrecimos el servicio de diseño de Logotipo, diseño y desarrollo de su página web, diseño de papelería y asesoramiento de imagen en la galería.

tfa copia

El sitio web www.turnerfineart.com.ar incluye una presentación en flash con música como introducción, y una vez dentro del sitio web, también ambientado musicalmente, podemos encontrar las obras que tienen en exposición con una galería de imagenes moderna y atractiva, una sección donde se muestran fotos la galería de arte, la sección de servicios que ofrecen, como Limpieza y Restauración, Importación y Exportación de Obras entre otros, y por último una sección en la que se van a presentar los remates de la galería.

Las tecnologías aplicadas al desarrollo del sitio fueron:

  • XHTML
  • CSS 3
  • PHP
  • Ajax
  • Spry Library
  • Prototype
  • Flash

Así la empresa concluyó satisfactoriamente con el trabajo encomendado cumpliendo las expectativas del cliente en cuestión.

Para ver nuestros servicios ingresa a nuestra web: www.disenioydesarrollo.com

Compartir:
  • Google Bookmarks
  • LinkedIn
  • del.icio.us
  • Facebook
  • Twitter
  • MySpace
  • Live
  • Digg
  • Meneame
0 Comentarios
Oct
06
2009

Una de las antiguas técnicas para posicionar un sitio web en el buscador mas popular de los últimos tiempos, creo que todos sabemos que es Google, como lo son los meta tags de palabras claves, a sido descartada para en el ranking de resultados de búsqueda.

google resultado
Por el momento, Matt Cutts(Search Quality Team) a través del blog de webmasters de Google confirmo que no se tienen en cuenta para una búsqueda común en Google, debido a que a lo largo de los años han abusado de las palabras claves que no tenían relación con el contenido original que ofrecía el sitio.

De todas maneras siguen contemplando otros meta tags, como el de “descriptions” que muchas veces se utiliza en el resultado de una búsqueda para mostrar la descripciones de los sitios, pero tampoco se tienen en cuenta para el ranking de resultados.

Fuente: Google Webmaster Central Blog

Compartir:
  • Google Bookmarks
  • LinkedIn
  • del.icio.us
  • Facebook
  • Twitter
  • MySpace
  • Live
  • Digg
  • Meneame
0 Comentarios
Publicaciones Anteriores »