Archive | diseño web

Tags: , , , ,

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)

Quitar los bordes automáticos al hacer clic en un enlace


Seguramente os habréis fijado que a algunos elementos al funcionar como enlace dejan un nada atractivo reborde punteado tras hacer click. Se trata de un problema que afecta sobre todo a enlaces sobre imágenes.

Para solucionar esto podemos recurrir al siguiente código en nuestra hoja de estilos css:

a {outline:0;}

Sin embargo este truco no funciona bien en Internet Explorer, por lo que para este navegador podemos especificar una regla general que deje los bordes a 0.

Via: Anieto2k

Posted in código, css, diseño webComments (1)

Pinceles gratis para Photoshop


Muchas veces la diferencia entre un diseño soso y un diseño más animado reside en la adición de elementos decorativos. Si queremos disponer de un buen catálogo de pinceles gratis para Photoshop podemos acudir a PSbrushes, donde los tienen muy bien organizados para su descarga.

Enlace: PSbrushes

Posted in <diseño>, diseño web, inspiración, pincelesComments (5)

Autodiscovery: Enviar a los buscadores el Sitemap de la página web mediante el robots.txt


Hace ya tiempo que los archivos sitemap se han postulado como una de las mejores formas de indicar a los buscadores el contenido exacto de nuestras páginas, aunque con la pega de que había que enviarlos a mano. Sin embargo ahora es posible indicar a los 4 principales buscadores (Google, Yahoo!, MSN Live Search y Ask.com) la ubicación de tu archivo sitemap mediante el archivo robots.txt añadiendo la siguiente línea con los datos de tu web:

Sitemap: http://www.ponaquituweb.com/sitemap.xml

Por una vez los buscadores se han puesto de acuerdo en aplicar un ‘estandar’ que facilite la vida a los desarrolladores web y SEOs.

Posted in buscadores, código, diseño web, google, posicionamiento, SEOComments (0)

Sparkl, el buscador para webmasters


sparkl, buscador para desarrollo webEl sistema Google Co-op de búsquedas personalizadas esta promoviendo proyectos muy interesantes. Entre ellos me ha llamado la atención Sparkl, un buscador especializado en diseño web. Cuando se hace una búsqueda en Sparkl el motor indaga entre más de 1400 sitios relacionados con el desarrollo web para ofrecer los resultados.

Enlace: Sparkl

Posted in Blogs, diseño webComments (0)

La forma correcta y usable de abrir los enlaces en una ventana nueva


Hace algún tiempo comentamos la forma de abrir los enlaces en una nueva ventana sin utilizar el atributo target=”_blank”. Sin embargo esa opción nos planteaba algunos inconvenientes, como la imposibilidad de especificar el tamaño de la ventana o la inefectividad en aquellos casos en los que el usuario no tiene javascript activado en su navegador.

Para lanzar enlaces en una ventana nueva de forma usable, fácilmente indexable por Google, podemos utilizar el siguiente código:

<a href="/index.htm" target="_blank"
onClick="window.open(this.href, this.target, 'width=300,height=400');
return false;">
Lanzar correctamente</a>

De esta forma podemos especificar el tamaño de la nueva ventana. Además se sigue utilizando el atributo target, con lo que el popup seguirá funcionando aunque el navegador no tenga el lenguage javascript activado.

EDITADO: Si queréis especificar que la nueva ventana lleve barras de desplaamiento teneis que añadir el siguiente parámetro “scrollbars=yes”. En el siguiente ejemplo podeis ver como sería un enlace usable con barras de desplazamiento:

<a href="/index.htm" target="_blank"
onClick="window.open(this.href, this.target, 'scrollbars=yes;,width=300,height=400');
return false;">
Lanzar correctamente</a>

VIA: Nosolousabilidad.com

Posted in código, diseño web, javascript, SEO, tutoriales, XHTMLComments (1)

Favourite Website Awards, las mejores webs en flash


Favourite Website Awards, espectaculares sitios web en flashSi estás buscando inspiración para un proyecto y tienes en mente un sitio espectacular en flash Favourite Website Awards es lo que estás buscando. Se trata de una recopilación de páginas web con un diseño realmente innovador, generalmente basadas en flash. En FWA es fácil ver como desaparecen los límites a la creatividad cuando se utilizan las herramientas apropiadas.

Enlace: Favourite Website Awards

Posted in diseño web, flash, inspiraciónComments (0)

Comprobar links rotos en páginas web con Xenu’s Link Sleuth


Una vez que se ha terminado una página web es conveniente realizar ciertas tareas complementarias que nos ayudarán en el posionamiento en buscadores. Una de esas tareas es la comprobación de links rotos, tanto internos como externos. Ya que comprobar los enlaces a mano puede ser una tarea harto tediosa podemos contar con herramientas de gran potencia como las Herramientas de Google para Webmasters, o una algo más clásica y que voy a tratar aquí: Xenu’s Link Sleuth

Xenu’s Link Sleuth analiza páginas web en búsqueda de enlaces rotos, verificando tanto enlaces normales como imágenes, marcos, plug-ins, fondos, mapas de imágenes locales, hojas de estilos, scripts y applets de java, algo por lo que no destacan las Herramientas de Google para Webmasters. Tras la comprobación el programa muestra un informe que puede subirse directamente a la web por medio de ftp o bien ser comprobado directamente.

Entre otras características interesantes del programa podemos encontrar la limpieza de su interfaz, la recomprobación de links rotos en caso de problema de red, formato simple de informes que pueden ser enviados por e-mail, soporte de sitios SSL, comprobación parcial de ftps y sitios en gopher, detección e informes sobre las URLs redireccionadas y la posibilidad de crear un mapa del sitio automáticamente en formato HTML para ser introducido posteriormente en nuestra web.

Descarga Xenu’s Link Sleuth

Posted in <miscelánea>, diseño web, SEOComments (0)