por Omar Benyakhlef | CSS, Diseño Web, jQuery
Buscador elástico con jQuery y CSS
Seguramente más de uno se habrá fijado en el buscador de Apple. Nada más pinchar sobre él se hace más ancho para dar mayor cabida al texto de búsqueda, pocas cosas hay que haga Apple que luego no marquen tendencia en el diseño web y en todo tipo de diseños.
Hoy os dejo un buscador que hace lo mismo, se expande y además incorpora la famosa «x» que también podemos ver en los buscadores de iPhone o iPad.
Me ha parecido muy interesante, visualmente me parece extraordinario, pero luego además la CSS es muy completa, usa degradados e incorpora también la integración de fuentes externas a las de sistema.
Os dejo aquí la dirección para poder ver la demo y descargaros los archivos.
MÁS EJEMPLOS JQUERY EN BOXTUFFS.COM
Una vez que entréis en Boxtuffs, os aconsejo que echéis un vistazo a todos el material que os ofrece, hay cosas realmente útiles y vistosas.
por Omar Benyakhlef | Diseño de páginas web
Buscador de iconos Gratis
Todos sabemos cómo ayudan unos buenos iconos en nuestros diseños web y lo complejo que es a menudo crear un icono que represente correctamente su función en un tamaño tan pequeño.
Un buen icono puede mejorar sin duda además del diseño de la página, la navegación y cuando por cualquier motivo, no podemos o no tenemos el tiempo de hacer nuestro propio diseño, nos encontramos con la dificultad de encontrar el icono adecuado y sobre todo, saber si está o no libre de derechos.
Icon Finder, es un buscador de iconos gratuito con una base de datos (en el momento de escribir este post) de más de 167.000 iconos. Podemos encontrar lo que buscamos bien por palabra clave o por paquetes temáticos. Icon Finder es una dirección indispensable para todos, así que añadidla ya a vuestros favoritos, merece la pena.
Y MÁS DE 290.000 ICONOS GRATIS CAMBIANDO DE ORDEN LAS PALABRAS…
Pues si, resulta que al día siguiente de subir este post, un amigo (Carlos Delgado) me comenta que si en lugar de Icon Finder, entro en FindIcons.com me encuentro con otro buscador de iconos igual de bueno que el anterior, que presume de tener la base de datos de iconos gratuitos más grande del Mundo, así que aquí lo os lo dejo, ya me contaréis cual os ha parecido más completo.
por Omar Benyakhlef | Google, SEO
¿Cómo ven los buscadores nuestras webs?
En este blog de diseño web, podréis encontrar numerosas utilidades para posicionar mejor vuestra web. Hoy traemos una herramienta muy útil, se trata de una web que nos analiza cómo ven los buscadores nuestras páginas.
Como ya sabemos, cada buscador tiene su propio robot, el cual, cada x tiempo lee nuestra página para incorporar o modificar datos a su base de datos.
La primera visión que nos muestra esta herramienta, es el texto que lee el buscador al entrar en nuestra página. Tenemos además un «modo avanzado» que nos permite además seleccionar distintos robots, las dos últimas versiones del Googlebot (Google), Msnbot (Msn), Yahoo Slurp (Yahoo), Ask Jeeves/Teoma (Ask),… incluso el robot de Windows Mobile.
SEO-browser nos indica además entre otras cosas la densidad de palabra, el tiempo de carga, los tipos de enlaces (externos, internos o no-fallow).
Se trata pues de una herramienta muy útil para conocer las carencias de nuestro código o reforzar en mayor medida aquellos aspectos que queremos destacar.
Un ejemplo son los keywords. Podemos ver cómo el robot detecta las 15 primeras palabras y coloca en rojo las restantes.
Analizar tu web con SEO-Browser.
