elWebmaster.com

Con un plugin de jQuery podremos lograr la misma funcionalidad que utiliza Twitter en sus cajas de texto, alertando (con cada modificación del texto ingresado) la cantidad de caracteres restantes.

Imagina que al escribir un mensaje, de pronto, se terminan los caracteres disponibles. Si lo hubieses sabido antes habrías sido más sintético. Aprende cómo mejorar la usabilidad en este aspecto. Seguir leyendo

La configuración del archivo .htaccess de Apache (hypertext access) puede ser una herramienta muy ponderosa en el desarrollo web si se utiliza de la forma adecuada.

Mediante .htaccess podremos realizar redirecciones, proteger archivos y directorios con contraseña, prevenir el hotlinking y el robo de ancho de banda, comprimir archivos y mucho, mucho más. Entérate cómo. Seguir leyendo

A veces, con poco, hacemos mucho. Optimizaciones que no llevan más 5 minutos son muchas veces las que llevan a nuestro sitio al siguiente nivel, mejorando increíblemente la usabilidad y accesibilidad para nuestros usuarios.

Podemos hacer ajustes en el backend (optimizando consultas a la base de datos, por ejemplo), en el HTML, el Javascript o usando sprites. Esta vez concentrémonos en los estilos CSS con 7 tips súper importantes. Seguir leyendo

Cuando se trata de un diseño basado en lo pictórico, en el estilo “grunge” o en el collage fotográfico, los dibujos “a mano” quedan mucho mejor que los vectoriales. Pero estos últimos son los que más abundan ahora que la web 2.0 está en auge y parece tener un estilo de diseño bien definido.

Por eso resulta útil tener recursos como este set de íconos creado a partir de un dibujo con lapicera de tinta sobre papel, cuyo tema son las redes sociales más actuales. Seguir leyendo

Theme Demo Bar es un plugin muy pero muy original para quienes ofrecen themes de WordPress en su sitio. Permite agregar una barra superior donde los visitantes puedan elegir el tema que quieren previsualizar, antes de descargarlo o comprarlo.

Esta funcionalidad está muy difundida en los sitios profesionales de venta de themes, lo que hace de este plugin una descarga obligada para muchos. Seguir leyendo

Al testear nuestros diseños en varios navegadores, llega un punto que para que todo quede “pixel-perfect” debemos recurrir a los famosos hacks.

Los hacks para Internet Explorer suelen aislarse dentro de tags conticionales para mayor prolijidad, pero lo que muchos no hacen es separar también los hacks para Safari y Chrome. Esto nos permite conservar una hoja de estilos limpia y fácil de actualizar. Seguir leyendo

Hoy en día muchos usuarios utilizan el bloqueador automático de popups en su navegador, y otro tanto lo tienen configurado por default sin siquiera saberlo.

Si necesitas usar un pop-up en tu sitio porque no te queda otra, te recomiendo primero chequear por Javascript si el navegador del usuario tiene habilitado el bloqueador y, en caso de ser así, realizar alguna otra maniobra para avisarle que permita esa ventana emergente. Seguir leyendo

Hace exactamente un minuto me entero por el Twitter de jQuery que acaban de lanzar la súper-mega-archi esperada versión 1.4 ^_^

Esta nueva versión de la librería de Javascript más popular del mundo incluye numerosas mejoras tanto en la performance como en la flexibilidad a la hora de programar. Como es usual, puedes descargarla desde el sitio oficial en versión minificada y normal.

Tal vez no sepas que Facebook ahora te permite contestar mensajes directamente desde tu correo electrónico particular (gmail, hotmail, yahoo, etc).

Esto se anunció ayer via el blog institucional, ahora puedes responder a las notificaciones por mail y automáticamente aparecerá una respuesta en el muro de Facebook ¡y sin necesidad de estar logueado! Seguir leyendo

Si te sirvieron los snippets de javascript y jQuery que posteé anteriormente, aquí tienes una segunda entrega para ahorrar tiempo en tus desarrollos en el frontend.

Esta vez con snippets para chequear cookies, tildar/destildar varios checkboxes, validar una fecha de nacimiento, centrar elementos en la pantalla, obtener urls y saber si el usuario presiona una tecla en especial. Seguir leyendo