Artículos
-
CSSComo crear un placeholder como el de Facebook cuando está cargando con CSS
Seguramente te has dado cuenta de que, cuando abres Facebook, antes de que se carguen los datos, carga un placeholder simulando la colocación de textos e imágenes de los paneles de la red social. Son a modo de cuadrados grises, en plan mockup, los cuales indican al usuario que el contenido ha d...
-
CSSCómo hacer un footer fijo sin morir en el intento
A la hora de hacer el diseño de una web, en cierto punto es posible que te hayas topado con esto. Este error de diseño se debe a que el footer está posicionado estáticamente al final del body, pero la página no tiene mucho contenido. No existe nada que empuje el footer lo suficiente y por el...
-
JavascriptCómo crear una página de Próximamente... con una cuenta atrás
Si estás planeando lanzar un nuevo producto, un proyecto online, o simplemente un blog, publicar una página de "Próximamente..." con una cuenta atrás informará a tus visitantes de cuándo se lanzará, así como también se le notificará que el proyecto se sigue desarrollando. Puedes incluir...
-
CSSIntroducción a los contadores de CSS
Como desarrolladores web, representar la información de forma adecuada es muy importante. Una forma de mostrar correctamente la información es denotar la jerarquía, respondiendo a la pregunta de "¿quién va primero?".
-
Javascript10 librerías de Javascript y CSS para este noviembre
Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que consider...
-
JavascriptCómo crear un formulario de validación de tarjetas de crédito sencillo
En este tutorial veremos cómo crear un formulario para introducir los datos de una tarjeta de crédito. Lo haremos todo desde cero, ayudándonos un poco con Bootstrap 3 para la interfaz, y con Payform.js para la validación del propio formulario en la parte del cliente. Ojo, almacenar datos de t...
-
Javascript5 snippets de jQuery para tu comercio electrónico
jQuery es una librería de Javascript muy popular que es utilizada en muchas aplicaciones web, como por ejemplo, en el archiconocido CMS, WordPress. Con jQuery, escribimos menos código, codificar funciones es menos complejo y cuenta con un montón de plugins que puedes utilizar sin gastarte ni u...
-
JavascriptCómo mostrar una ventana modal pasado un tiempo dado
En el siguiente artículo, os mostraré cómo abrir una ventana modal en una página web después de un corto espacio de tiempo. Esto puede ser muy útil a la hora de resaltar una llamada a la acción específica, como suscribirse a un newsletter u obtener likes de Facebook. Algunos sitios utiliz...
-
JavascriptCómo recompensar a los usuarios que han visto un vídeo mediante AJAX
En este artículo, vamos a ver cómo recompensar a los usuarios que ven vídeos en nuestro sitio web. Estos solamente serían recompensados por ver el vídeo completo. No se contemplará que le hayan dado para adelante, ni que se hayan saltado partes. Además, solo se les recompensará una vez pa...
-
JavascriptCómo personalizar el motor de búsqueda personalizado de Google manualmente
Los propietarios de sitios web a menudo deciden utilizar el motor de búsqueda personalizado de Google (GCSE) para buscar en su propio contenido en lugar de utilizar un buscador integrado a medida. La razón es simple, lleva mucho menos trabajo integrarlo y funciona a la perfección. Si no necesi...