elWebmaster.com

Hay muchos efectos que podemos aplicar por medio de CSS a las imágenes de nuestro sitio, pero la mayoría no son compatibles con todos los navegadores. Sin embargo, a veces lo mejor suele ser lo más sencillo, y por medio de CSS liso y llano podemos lograr un buen diseño que sea multiplataforma.

Por ejemplo, podemos agregar un borde de un color a una imagen, ponerle otro color de fondo y por medio del padding generaremos el efecto de “borde doble”. Luego, para una mejor experiencia de usuario, podemos usar este efecto sólo en hover, de manera que al pasar el mouse por encima se resalte la imagen. Seguir leyendo

Desde el sitio de Internet The Daily Inspired nos traen un interesante efecto para añadir a nuestras páginas que nos permitirá crear una especie de marquesina con noticias que irán cambiando rotativamente.

Consiste en un script de Javascript listo para usar que puede ser añadido fácil y rápidamente en nuestros proyectos web.
Seguir leyendo

¿El código HTML de tu sitio web es un desorden y necesitas deshacerte de tags y estilos innecesarios? Desde Make use Of nos traen WordOff, una pequeña aplicación online gratuita que nos puede ayudar en esta engorrosa tarea.

Esta herramienta se encarga de remover todos los atributos de estilo de nuestro código que están de más, formateándolo con tan sólo un clic y preservando simplemente el formato básico. Seguir leyendo

Para todos los desarrolladores web existe una utilidad que puede resultar muy práctica a la hora de testear el funcionamiento de nuestra web. Weblight es un software diseñado especialmente para ayudarnos en la  administración de un sitio web desde la perspectiva del código HTML.

Esta aplicación nos de la posibilidad de analizar cada línea de nuestro código HTML para saber si cumple con el HTML estándar y para depurar nuestra página web de posibles errores o enlaces rotos; logrando así que nuestro sitio se encuentre en condiciones impecables.
Seguir leyendo

A la hora de presentar en una web imágenes muy grandes, de alta resolución, muchas veces uno no está muy seguro de cuál es la mejor forma de hacerlo sin que las mismas pierdan calidad o desentonen en nuestro diseño y sin que sea necesario abrirlas en una ventana aparte. Una posible solución a nuestro problema es utilizar ShiftZoom.js

Este Script nos permite muy fácilmente presentar la imagen en un tamaño reducido, y sin nunca modificar ese tamaño, realizar un zoom sobre distintos sectores de la misma, pudiendo desplazarse por el área ampliada. Seguir leyendo

CopyRightParser es un servicio online gratuito que está completamente en contra de los “avivados” que copian código Javascript y lo utilizan en sus propios proyectos, o peor, que lo venden a sus clientes.

CopyRightParser inserta un string de aviso de copyright junto con una línea de código ofuscado que dificulta que terceros lo usen fuera del dominio de tu sitio web. Para usarlo puedes subir un zip con el código o pegarlo en el editor online. CopyRightParser te lo devolverá con los agregados de copyright. ¡Muy bueno para evitar plagios!

Revisar si un usuario esta logueado, agregar un captcha a tu sitio, convertir un JPG a ASCII o algo tan simple como validar si una dirección de email tiene un formato correcto son algunas de las muchísimas funciones que encontraremos en PHP Snippets y podremos usar sin esfuerzo.

Un snippet es una porción de código escrita previamente, ya que por su uso frecuente es común tener almacenada, para utilizar con un simple copiar y pegar. De esta forma tan sólo debemos abrir el que precisamos y ya encontraremos todo lo que necesitamos listo para usar.
Seguir leyendo

En distintos sitios web habrás visto en las tablas que al pasar el ratón por encima de una fila, toda la fila se remarca.  Gracias a Dhtml Goddies podrás crear una tabla con ese efecto y, también, con la posibilidad de que al hacer clic cobre una de las filas esta quede remarcada permanentemente.

Puedes ver una demostración del resultado final aquí. Como habrás observado allí se cambian tanto el color de fondo de la fila como el de la letra. En realidad puedes modificar cualquier atributo que permita CSS. Por ejemplo es posible agregar subrayado o cambiar la fuente. Seguir leyendo

Ya mencioné alguna vez la importancia de mantener el código de nuestro sitio limpio y ordenado para poder revisarlo sin mayores inconvenientes. La web CSS Redundancy Checker puede sernos de mucha ayuda en esta tarea.

CSS Redundancy Checker es una aplicación online que nos permitirá conocer cuáles son los selectores CSS de nuestro código que no están siendo utilizados por ningún archivo HTML y que, por lo tanto, son precisamente redundantes.
Seguir leyendo

Luego de pasarnos horas diseñando y maquetando un formulario con nuestras herramientas favoritas seguramente nos quedará como queríamos y se verá muy bien. Sin embargo todavía nos falta algo. Hacer que funcione.

Si no conocemos ningún lenguaje de programación o deseamos ahorrarnos trabajo podemos usar  Web Form Factory. Esta herramienta es un generador de código PHP para formularios que nos lo enlazará automáticamente a una base de datos MySQL o lo dejará apto para el envío de e-mails.
Seguir leyendo