Accessible News Slider, Carrusel en Javascript con Jquery



Accessible News Slider es un plugin en javascript para la librería Jquery que nos permite hacer carruseles de contenidos con un diseño cuidado y un comportamiento suave.
Enlace: Accessible News Slider

Posted in diseño web, javascript, JqueryComments (0)

Precargar imagenes con CSS


Una buena (y accesible) opción siqueremos evitar sobrecargar el servidor con elementos javascript es la de añadir por medio del lenguaje CSS la precarga de aquellas imágenes que necesitemos para la página, normalmente para utilizarlas como reemplazos en el hover. Podríamos añadir un código como este a nuestro archivo CSS:


a { background: url(image_hover.gif); }
a:link { background: url(image_default.gif); }
a:hover,
a:focus { background: url(image_hover.gif); }

Y ya que hablamos de imágenes y CSS otra opción muy vistosa es la de utilizar una pequeña imagen para que se muestren mientras las imágenes se van cargando en la página, como por ejemplo esta:

Loading

Para ello sólo tenemos que añadir en nuetsro archivo CSS el siguente código y añadir la clase preload a las imagenes en las que queramos dar una sensación de ‘precarga’.


img.preload {
border: 1px solid #000; /* Borde opcional, si no lo queremos basta con borrar la linea o ponerlo a cero */
background: url("/ruta_de_la_imagen/loading.gif") no-repeat center center;
}

Posted in código, cssComments (1)

Una más de imágenes gratuitas y libres de derechos


imagenes libres de derechosA la hora de realizar diseños siempre es recomendable comenzar con una buena base de imágenes. Aaquí tenéis un par de enlaces donde conseguir imágenes de calidad y libres de derechos:

  • Public Domain Photos: Imágenes de calidad, algunas incluso con fondo recortado. Sin embargo estan en resolución media, así que servirán para diseños web pero dificilmente para trabajos de imprenta.
  • Open Media: una recopilación de páginas webs que ofrecen imágenes libres de derechos. Aquñi podemos encontrar desde imágenes de dominio público, patrones, cliparts…

Posted in <diseño>, gratisComments (2)

Internet Explorer developer Toolbar, el plugin que debe tener todo diseñador Web


microsoft-logo.jpgA la hora de realizar diseños web es imprescindible ir probando cómo se ven nuestras páginas en los navegadores y el funcionamiento de nuestros scripts, sobre todo si estamos trabajando con hojas de estilos CSS. En Mozilla Firefox tenemos disponible un plugin llamado Web Developer Toolbar, que nos añade una gran cantidad de herramientas para diseñadores web. Sin embargo también debemos comprobar cómo se visualizan las paginas en Internet Explorer, y muchas veces se echa en falta alguna ayuda adicional.

Para ayudar al depurado de las web en Internet Explorer tenemos disponible el plugin Internet Explorer Developer Toolbar que nos permite las siguientes operaciones:

  • Explorar y modificar el Modelo de Objeto de Documento (DOM) de una web.
  • Localizar y seleccionar elementos específicos en una pagina.
  • Deshabilitar selectivamente diversos parámetros de Internet Explorer.
  • Ver las clases de los objetos HTML, los ID, y detalles como las rutas de los enlaces y las teclas de acceso.
  • Marcar los bordes de las tablas, celdas, imágenes o etiquetas.
  • Muestra las dimensiones de las imágenes, su tamaño, la ruta y el texto alternativo (ALT).
  • Cambios de resolución del navegador.
  • Limpiar selectivamente la caché del navegador y las cookies.
  • Mostrar una regla de diseñador para alinear y medir los objetos en las páginas.
  • Encontrar las reglas de estilo usadas para un elemento
  • Ver el código fuente del HTML y el CSS formateado y coloreado.

Descargar Internet Explorer Developer Toolbar

Posted in <miscelánea>Comments (0)

Como utilizar la nueva Vista de Calle de Google Maps fuera de Estados Unidos


google-street-maps.jpgGoogle ha desarrollado un nuevo servicio que permite navegar por su callejero en Google Maps como si fueras un peatón, esto es, visualizando fotografías panorámicas en 3D. El servicio ahora mismo sólo funciona en algunas ciudades importantes de Estados Unidos y tiene un problema añadido: ni siquiera se puede visualizar si tu dirección IP no es de Estados Unidos.

Sin embargo existe una solucion para poder utilizar el servicio desde fuera de Estados Unidos. Tan sólo hay que añadir &gl=us a la URL de Google Maps. Para que podais comprobarlo os dejamos unas cuantas direcciones para que vayáis navegando.

Link de Prueba 1
Link de Prueba 2

Para poder visualizar calles es necesario colocar el muñequito sobre alguna de las calles marcadas en azul, que son las que tienen disponible esta característica.

Posted in googleComments (3)

La ICANN podría aprobar nuevos nombres de dominio en 2008


La ICANN ha confirmado varios nuevos dominios de primer nivel podrían estar disponibles para el verano de 2008, invitando a la comunidad a participar en los procedimientos para su creación.

Desde la implantación de los dominios .info y .biz para uso general en el año 2000 la ICANN sólo ha aprobado seis dominios regionales y específicos para industria, incluyendo el .asia, .museum y el .travel. Aunque la ICANN no especificó más detalles sobre los nuevos dominios, confirmó que trabajará para que el proceso sea más sencillo y los nuevos TLDs puedan ser creados más rápidamente en el futuro.
Por su parte la industria se ha quejado de que los nuevos dominios sólo servirán para acrecentar el cybersquatting, y se ha apuntado que los dominios .biz y .info no han tenido el éxito en la implantación que se había augurado.

Posted in <internet>, dominios, SEOComments (2)

See more articles in the archive