quinqui bitacorita

Hola a todos, después de mucho tiempo. Este tip que compartiré hoy no es nada extraño para los expertos en CSS, pero para los que empiezan, siento que les será de mucha ayuda (al menos yo no lo conocí sino hasta casi una década después de programar en web...). Se trata de la función calc() para uso en CSS. Esta función permite realizar operaciones aritméticas simples para obtener valores numéricos de forma dinámica en nuestra definición de estilos. Esto es de muchísima utilidad cuando necesitas precisión al pixel de tu layout; o bien cuando necesitas obtener una posición que es relativa al contenedor, y no es siempre fija. Te dejo algunos ejemplos en los que yo he utilizado esta maravillosa función, salvándome la vida: EJEMPLO 1: .miEstilo {   width : calc(100% - 30px) ;   margin : 5px 15px ; } En este ejemplo, lo que hacemos es que el elemento html al que se asigne la clase "miEstilo", tendrá un ancho del 100% dentro de su Contenedor, pero además, a este 100% se le rest...

Hola a todos! Ha pasado mucho de la última vez que escribí aquí, jijiji! Esta vez les traigo un nuevo tip. Se trata del uso de la función PHP htmlentities . Como recordarán, esta función retorna una cadena de texto, con los caracteres especiales convertidos a su forma HTML, vale decir, convierte letras tildadas y otros signos a sus respectivos códigos HTML. Esto permite que el navegador interprete nuestra página HTML como corresponde, y no se quede pillada al encontrarse con extraños símbolos que no entiende. Ahora bien, desde cierta versión de PHP, la forma de usar esta función cambió un poco. Ya no bastaba con llamarla, sino que hay que indicarle ciertos parámetros para que funcione bien. Antes: $cadena = "Hola, ¡cómo estás?" ; $cadena_html = htmlentities ( $cadena ); print $cadena_html ; // A nivel de código, obteníamos: Hola, ¡cómo estás? Ahora: $cadena = "Hola, ¡cómo estás?" ; $cadena_html = htmlentities ( $ca...

Holas a todos. Estaba buscando una manera rápida de averiguar si un texto era código HTML, y tras una breve indagación googleana, les presento la solución que encontré. Se usa la función nativa de PHP strip_tags() , que lo que hace es limpiar una cadena de toda etiqueta HTML que encuentre, devolviéndonos dicha cadena "limpia". Ya que al usar esta función sobre una cadena que efectivamente tiene etiquetas dentro, nos retornará una cadena totalmente distinta, lo que hacemos es averiguar el resultado de comparar la cadena original con la procesada. /** ---------------------------------------- @author Carolina Casanova García @date 11/06/2013 @return boolean */ function is_html($fval) {   // si las cadenas son distintas, entonces se trata efectivamente   // de una cadena con etiquetas HTML dentro   return (strip_tags($fval) != $fval); } // acá un ejemplo de uso: $cadena = '<u><b>¡Hola!</b></u>' ; print "<p>La cade...

Holas a todos. Hoy he querido compartir con ustedes una función Javascript que he logrado crear con el fin de realizar la tarea de ajustar la posición de un grupo de capas, de modo que queden todas pegadas, con un valor de margen determinado entre ellas. Esta característica la quería aplicar en mis sitios web desde hacía tiempo, y lo había intentado aplicando la propiedad float:left al CSS de las capas, pero no era suficiente. Si bien en los primeros elementos se veía bastante bien la cosa, luego, cuando debían bajar, pues venía el desorden. En otro intento por acercarme al efecto deseado sin usar programación extra, le asigné a cada capa el mismo alto, de modo que al menos se vieran ordenadas hacia abajo. Pero esto no me convencía, y me di a la tarea de ver la manera de hacerlo con Javascript. Y he aquí el resultado :D Antes:  Después: Pueden ver el código fuente para lograr este efecto en los siguientes enlaces: pero antes, por favor, ¡no borren los créditos! No e...