Códigos html para insertar los enlaces para compartir «a pelo» de las principales redes sociales (Twitter, Facebook, Google+, Digg, Reddit, Linkedin, Pinterest, StumbleUpon) directamente desde el href, sin cargar las librerías de cada uno. <!– Twitter –> <a href="http://twitter.com/share?url=https://bufa.es&text=Bufa Webmaster" […]
La forma más sencilla de hacer responsive los vídeos de youtube o vimeo en nuestras webs con CSS. Basta con insertar el iframe dentro de un elemento contenedor con las siguientes 2 clases css: .video-responsive { position: relative; margin-bottom: 20px; […]
La función disk_free_space() de php devuelve el espacio disponible (en bytes) de un directorio que le pasamos como parámetro. A continuación un ejemplo de uso, mostrando el resultado en MB: $bytes = disk_free_space("/"); $base = 1024; $libre = ($bytes/$base)/$base; // […]
Un sencillo mini-tutorial para crear un efecto parallax a pelo con jQuery, sin utilizar plugins. Primero crearemos una clase css (en este caso «parallax») para los elementos que queremos crear el efecto, junto con un atributo data que he llamado […]
Por defecto Prestashop añade el Nombre de la Tienda al final de la etiqueta «<title>» separado por un guión medio. Esto puede que no nos interese si queremos personalizar algunas páginas como la home para SEO. Por defecto prestashop genera […]
Una forma sencilla de refrescar o actualizar la página cada vez que esta cambia de tamaño utilizando el evento resize de jQuery: $(window).resize(function(){ location.reload(); });
Una función muy útil que comprueba mediante una expresión regular si una determinada cadena tiene el prefijo «http://», y si no lo tiene se lo añade al comienzo de la cadena. function insertaHTTP($url) { if (!preg_match("~^(?:f|ht)tps?://~i", $url)) { $url = […]
Método en php para guardar en una sola sesión todos los campos y sus valores al procesar un formulario. Por ejemplo, un simple formulario de registro: <form method="post" action=""> <input type="text" name="name" placeholder="Nombre" /> <input type="text" name="email" placeholder="Email" /> <input […]
Script jQuery para averiguar si el usuario hace o no scroll (desde o sin las barras de desplazamiento del navegador web) en una pagina web. $(window).scroll(function() { console.log('SI, estas haciendo scroll'); clearTimeout( $.data( this, "TestScroll" ) ); $.data( this, "TestScroll", […]
Vamos a ver con un ejemplo sencillo para conocer bien las diferencias entre estas 2 pseudo-clases de css, y saber utilizarlas correctamente. Antes una corta definición: :nth-child selecciona el elemento que es el secundario de su elemento primario. :nth-of-type selecciona […]