Eliminar imágenes rotas con jQuery

 05/03/2010

En nuestros diseños, alguna que otra vez, es posible que hayamos referenciado imágenes situadas en servidores ajenos con lo que, si dicho servicio desapareciese o realizase cambios estructurales, las rutas correspondientes a nuestras imágenes se verían afectadas.

Gracias a RibosoMatic he llegado a un script en jQuery que realiza la siguiente tarea: busca todas las imágenes de nuestro diseño y, en caso de que no exista alguna de ellas, la elimina del DOM asociado a nuestro documento.

<script language="javascript">
   $(document).ready(function() {
      $('img').error(function() {
         $(this).remove();
      });
   });
</script>

» Vía: RibosoMatic


jQuery Grid Plugin

 01/03/2010

Después de este parón/abandono que ha sufrido este espacio debido a problemas personales, vuelvo a la carga con más plugins relacionados con el mundo de la programación en Javascript y, en especial, con jQuery.

Hoy es el turno de hablar del plugin en el que he estado inmerso estos últimos 8 meses: jqGrid o jQuery Grid. Pero, ¿qué es exactamente  y para qué sirve? jqGrid (desarrollado por el equipo de Trirand) es un conjunto de plugins destinados, básicamente, al tratamiento de tablas dinámicas mediante Ajax. Disponible actualmente en su versión 3.6.4, jqGrid intenta poner solución a toda una serie de operaciones que podemos realizar sobre una tabla de datos:

  • Consultar datos de una fila.
  • Añadir registros.
  • Eliminar registros.
  • Editar registros.
  • Buscar registros.
  • …

Una de las principales ventajas de este plugin es que puede integrarse con tecnologías tales como PHP, ASP, Servlets de Java, JSP, ColdFusion y Perl para realizar el tratamiento de la información en el lado del servidor. También contamos con una extensa documentación acerca de la utilización del grid (wiki), ejemplos de uso (demos) y un foro en el que consultar nuestras dudas. Aunque una de las partes más atractivas de este plugin es su combinación con jQuery UI: tenemos la posibilidad de formatear y personalizar nuestras tablas utilizando los themes y aspectos disponibles en la web de de jqueryui.com (que hablaremos más detenidamente otro día).

En el próximo post veremos cómo realizar nuestro primer grid utilizando los diferentes tipos de parseado que disponemos: JSON y XML. También puedes seguir mis acciones y quehaceres de este plugin a través de mi cuenta de Twitter: twitter.com/bitelemental.

» Página oficial de jqGrid.
» Documentación de jqGrid.
» Ejemplos y demostraciones.
» Foro de jqGrid.
» jQuery UI.


Recursos para el Webmaster (XVIII): +80 background patterns para tus diseños web

 28/10/2009

Esta vez es Noupe quien nos trae una extensa recopilación de patrones para utilizar como fondo en nuestros proyectos web. Cuando nuestra creatividad se ve mermada o cuando estemos exhaustos de tanto diseño, la utilización de backgrounds patterns es, sin duda, una solución bastante interesante.

background-patterns-bitelemental

» Enlace: 80 Stunning Background Patterns For Your Websites


Recursos para el Webmaster (XVII): Quartz Icon Pack

 26/10/2009

Bonito paquete de iconos creados por Andy Gongea y disponibles en Smashing Magazine. Su licencia es libre, tanto para uso comercial como personal.

quartz-icon-pack-bitelemental

»Descargar: Quartz Icon Pack


Aptana Studio, completo entorno de desarrollo web

 30/09/2009

bitelemental-logo-aptana-studioAptana Studio es, para mí, uno de los mejores entornos de diseño de aplicaciones web que he tenido el gusto de probar. Combina toda una serie de potentes herramientas de edición de HTML, CSS y JavaScript, junto con miles de plugins adicionales creados por la comunidad. Sus características principales son las siguientes:

  • Es una herramienta multi-plataforma.
  • De código abierto (opensource) y de uso libre.
  • Se puede instalar como aplicación independiente o como plugin de Eclipse.
  • Soporta las bibliotecas Javascript y Ajax (jQuery, Prototype, Mootools, YUI, Dojo…)  -esta opción me encanta-
  • Permite la adición de plugins para PHP, Python o Ruby on Rails.
  • Posibilidad de crear aplicaciones de escritorio con el plugin de Adobe AIR.
  • Multi-vistas previas de los diferentes navegadores.
  • Contiene herramientas adicionales para el tratamiento de bases de datos SQL.
  • Depurador Javascript.
  • …

Toda una serie de opciones que hacen de este entorno uno de los más completos dentro del mundo del diseño. ¿Qué entorno de desarrollo utilizáis o cuál es vuestra aplicación preferida para realizar trabajos de diseño?

»Descargar: Aptana Studio


Recursos para el Webmaster (XVI): 70 packs de iconos tematizados

 22/09/2009

Cuantas veces hemos necesitado de un buen pack de iconos para nuestros diseños? Personalmente, no me gusta tener que ir colocando iconos de aquí y de allá, me gusta que todo diseño esté unificado, con un mismo estilo.

Gracias a PuntoGeek he encontrado esta página que recopila 70 paquetes de iconos tematizados para todo aquello que necesitemos . Como en todos los recursos, se recomienda atender a sus licencias de uso.

bitelemental-pinvoke-icons

» Enlace: 70+ Awesome Free Icon Sets and Icon Collections for Web Designers


Recursos para el Webmaster (XV): spray brushes para Photoshop

 17/06/2009

Más recursos para utilizar en nuestros proyectos de la mano de Webdesigner Depot. En este caso, una recopilación de 30 pinceles de sprays en alta definición, de uso gratuito tanto en trabajos personales como en comerciales. Ideales para diseños web empleando ideas grunge.

30-drippy-sprays-bitelemental

Descarga » 30 Spray Brushes en alta definición (10.2 MB)

Enlace » 30 Photoshop Brushes: “Drippy Sprays”


Recursos para el Webmaster (XIV): Adobe Illustrator Brushes

 11/06/2009

Navegando en busca de buenos recursos para seguir con mis proyectos ilustrativos, he llegado a WebSiteTips, web que recopila una gran fuente de tutoriales, trucos y recursos para diseñadores gráficos/web.

En especial quiero hacer mención de una serie de enlaces  a páginas en las que se pueden descargar brushes o librerías vectoriales para Adobe Illustrator de forma totalmente gratuita. La lista es la siguiente:

adobe-illustrator-brushes-bitelemental

¿Conoces alguna otra web donde encontrar recursos vectoriales? Compártela con nosotros.


Recursos para el Webmaster (XIII): 50 packs de iconos para tus diseños

 09/06/2009

Otra ronda de recursos para aquellos involucrados en el mundo del diseño. De la mano de Smashing Magazine nos llega una colección de 50 sets de iconos que podremos utilizar en nuestros proyectos personales y/o profesionales. Todos los iconos son de uso gratuito, pero se aconseja leer las licencias a la que están ligados.

icon-set-smashing-magazine-bitelemental

Enlace: 50 Fresh Useful Icon Sets For Your Next Design


Google Trends: palabras clave más utilizadas en buscadores

 28/05/2009

Cuando iniciamos un proyecto web o deseamos optimizar uno, las palabras clave o keywords son un aspecto fundamental a la hora de posicionar nuestra web en los buscadores más populares. Saber qué palabras elegir es una cuestión compleja, puesto que debemos condensar todo el contenido de nuestro sitio utilizando entre 10 y 15 keywords. Conseguir rankings altos no es nada fácil (nadie dice que lo sea), pero si adoptamos modelos o realizamos algunas prácticas podremos situar nuestras páginas entre las primeras, siendo ese el objetivo de cualquier empresario (y webmaster).

Internet es un basto mundo en el que podemos encontrar herramientas que permiten saber las palabras más utilizadas por lo usuarios en los buscadores (wordtrackers o seguidores de palabras de búsqueda). La herramienta de la que os voy a hablar hoy es Google Trends, gratuita y que cumple la función anteriormente mencionada.

Google Trends nos muestra un gráfico comparativo (y temporal) de las palabras clave buscadas por los usuarios, de forma que podamos filtrar aquellas palabras que definan mejor nuestro sitio web. A todo esto hay que sumar el factor de la localización: la herramienta muestra resultados dependiendo de la zona geográfica, sabiendo las palabras que se buscan más en cada región.

Imaginemos que nuestra intención es crear un sitio web de venta de neumáticos en España, pero sólo de una marca exclusiva. Nuestra primera tarea SEO a realizar sería conocer las palabras clave más buscadas en Google y adaptarlas a nuestra web e-commerce. En la imagen siguiente queda demostrada la tendencia de los usuarios en cuanto a utilización de ruedas se refiere.

google-trends-seo-bitelemental

Como conclusión: las palabras buscadas por los usuarios son muy importantes para elevar nuestra posición en los buscadores. Aprovéchate de las herramientas que ayuden a mejorar tu ranking en los buscadores y afina en la elección de tus keywords. Con el tiempo, tu esfuerzo se verá recompensado.


Este blog funciona gracias a WordPress con el theme GimpStyle
© bitelemental. Todos los derechos reservados.