esteban22x

Buenas, luego de joder un tiempo en Yahoo! Respuestas, desde Octubre del 2010 encontré útil guardar muchos de los códigos que más use en la sección Diseño y Programación, habían muchísimos mas pero no los guarde. Estos fueron los únicos. 1. Lenguaje: PHP El código consiste en un vector de un número aleatorio de elementos numericos, ordenarlos de tal forma que queden en otro vector los números pares, y en otro los impares, a demás hallar el promedio de el vector de los pares y los impares, luego de todo eso sumar el valor de los vectores de los pares e impares. <?php $suma=0; $sumb=0; $x = array(20,15,3,4,7,9,17,21,76,79,80,32,45,75,25,0,1); for ($i=0;$i<=count($x);$i++){ if ($x[$i]%2==0){ $pares[]=$x[$i]; } elseif ($x[$i]%2!==0){ $impares[]=$x[$i]; } } for ($i=0;$i<=count($pares);$i++){ $suma+=$pares[$i]; } echo 'El Promedio de pares es '.round($suma/count($pares)).' y la suma de elementos dió '.$suma; for ($i=0;$i<=count($impares);$i++){ $sumb+=$impares[$i]; } echo '</p>El Promedio de impares es '.$sumb/count($impares).' y la suma de elementos dió '.$sumb; Explicación: Es muy simple, recorre con un for el vector principal y con condiciones almacena los elementos que resulten pares en el vector pares y en el vector impar los que no correspondan a los pares, es decir, que el residuo de su división entre 2 no de 0 (inexacta). Luego se vuelve a recorrer el array y se suma cada elemento en el array pares e impares, en el promedio se usa la función round() para que quede un entero y resulte más cómodo trabajar. 2. Lenguaje: PHP Es un complemento de el ejercicio anterior, consiste en hallar el número mayor y el promedio de dos vectores distintos y crear un nuevo vector que contenga los valores de los vectores anteriores, también sacandole su respectivo promedio y el número mayor total <?php $x = array(20,15,3,4,7,9,17,21,76,79); $y = array(3,6,9,12,15,18,21,24,27,30); for ($i=0;$i<=10;$i++){ $todos[]=$x[$i]; if ($i==10){ for ($a=0;$a<=10;$a++){ $todos[]=$y[$a]; } } } function promedio($array){ $suma=0; for ($i=0;$i<=count($array);$i++){ $suma+=$array[$i]; } return 'El Promedio del vector es '.$suma/count($array); } function mayor($array){ $mayor = $array[0]; for ($i=1;$i<=count($array);$i++){ if ($mayor < $array[$i]){ $mayor = $array[$i]; } } return 'El número mayor del vector es '.$mayor; } echo '<b>Respecto a el primer vector</b><p>'.promedio($x).'</br>'.mayor($x).'</p>'; echo '<b>Respecto a el segundo vector</b><p>'.promedio($y).'</br>'.mayor($y).'</p>'; echo '<b>Respecto a el ultimo vector</b><p>'.promedio($todos).'</br>'.mayor($todos); Explicación Acá como son varios vectores, para sacar el promedio y mayor más rápido se usan funciones y el for anidado de arriba es para cuando acabe de almacenar todos los valores de la primera matriz dentro de el vector que almacenará todos los valores de todos los vectores empiece con el otro. 3. Lenguaje: JavaScript Esta consiste en sacarle el área a un cuadrado,triangulo y un rectángulo según dos variables dadas. <script type="text/javascript"> function cuadrado(lado){ return lado*lado+"cm²"; } function rectangulo(l1,l2){ return l1*l2+"cm²"; } function triangulo(b,h){ return (b*h)/2+"cm²"; } var x,y; x=20; y=10; document.write("Con argumentos de "+x+" y "+y+" cm es así:</p>El area del triangulo es de: "+triangulo(x,y)+"</br>El area del cuadrado es de: "+cuadrado(x)+"</br>El area del rectangulo es de: "+rectangulo(x,y)+"<hr>"); </script> Explicación Acá ya preestablecí los valores pero se puede arreglar con prompt() o con inputs en HTML, lo hice así para demostrar que funcionaban las funciones solamente. 4. Lenguaje: PHP Es simplemente para sacar tablas de multiplicar, pero esta es editable, puedes configurar hasta cuanto quieres que multiplique, en este caso hasta 10 (como siempre) y que números quieres que multiplique <?php # la variable f , es hasta que numero se quiere multiplicar , por ejemplo, si tenemos la tabla #del 2 y f es 10 entonces multiplicara hasta 2x10 # la variable a, es cuantas tablas quieres, si a es 10 por ejemplo seguira hasta la tabla del 10 $f=10; $a=10; $x=0; for ($n=1;$n<=$a;$n++){ for ($i=$n;$i<=$n*$f;$i=$i+$n){ $x++; echo $n." por ".$x." es igual a ".$i."<br>"; if ($x==$f){ $x=0; echo "<hr>"; } } } 5. Lenguaje: PHP Son dos ejercicios, uno es dar 4 números y que saque los números pares, sumarlos y luego sacar el número mayor. El segundo es con la longitud del radio de un circulo sale la longitud de su circunferencia y el área del circulo. <html> <head> <title>Problema</title> </head> <body> <form method="POST" name="form1"> <label style="font-size:11px;" for="numbers">Escribe 4 números separados por una coma (,)</label> <input type="text" size="12" placeholder="1,2,3,4" name="numbers"/></br> <input type="submit" value="calcula" name="calcula"/> </form> <hr> <form method="POST" name="form2"> <label for="radio" style="font-size:11px">Escribe el Radio del Circulo</label> <input type="text" size="5" maxlenght="35" name="radio"/></br> <input type="submit" value="calcula" name="calcula2"/> </form> <?php if ($_POST['calcula'] ) { $x=explode(",",$_POST); if (count($x) < 4 ){ echo "Error: Hay Mas de 4 números"; exit(); } $mayor=$x[0]; for ($i=0;$i<=count($x);$i++){ if ($x[$i]%2==0){ $pares[]=$x[$i]; } if ($mayor < $x[$i]){ $mayor=$x[$i]; } } for ($i=0;$i<=count($pares);$i++){ $suma+=$pares[$i]; } echo "El mayor es ".$mayor."</br> La Suma de los pares es: ".$suma; } if ($_POST['calcula2'] && is_numeric($_POST['radio'])) { $r2=$_POST['radio']*$_POST['radio']; echo "La Longitud de La Circunferencia es: ".floor(2*pi()*$r2); echo "</br>El Area es: ".floor($r2*pi()); } ?> </body> </html> Explicación Pongo para mayor facilidad poner todos los números en un input sobre el primer ejercicio separados por una coma, luego en php los separo con explode() 7. Lenguaje: JavaScript Escribir un número de 1 a 7 y decir a que día de la semana es correspondiente. <html> <head> <title>Problema</title> </head> <body> <script language="javascript"> function calcula(){ var vector; var numero; numero = parseInt(document.form.num.value); if (numero > 7 || numero < 1){ document.write("Error de Validacion"); return false; } vector = new Array("null","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado","Domingo"); document.write("El día de la semana correspondiente a ese número es el "+vector); } </script> <form name="form" action="#"> <label for="num" style="font-size:12px;font-family:Arial,sans-serif;">Ingresa un número entre 1 y 7: </label><input type="text" size="2" maxlenght="2" name="num"/></br> <input type="button" value="Calcula" onclick="calcula();"/> </form> </body> </html> Explicación Como los arrays cuentan desde cero por eso le puse null. 8. Lenguaje: PHP Funciones para sacar promedio, combinación y permutación <?php function factorial($in) { $out=1; if (!is_int($in)){ return false; } if ($in==2 || $in==1){ return $out; } for ($i = 2; $i <= $in; $i++) { $out *= $i; } return $out; } function combinacion($N,$o){ if (!is_int($N) || !is_int($o)){ return false; exit(); } $segundo = factorial($N-$o)*factorial($o); return factorial($N)/$segundo; } function permutacion($N,$o){ if (!is_int($N) || !is_int($o)){ return false; exit(); } return factorial($N)/factorial($N-$o); } Explicación Esto no es por Yahoo! Respuestas, lo hice porque cuando estaba en el colegio en estadística me ponían muchos ejercicios de esto, y para ahorrar tiempo hice las funciones 9. Lenguaje: PHP Hacer un array con números aleatorios e imprimirlos en reversa <?php $x = array("8","7","1","9","2","6","3","4","5","0"); $n = count($x); // Numero de elementos del array x for ($i=$n;$i>=0;$i--){ print $x[$i].','; } 10. Lenguaje: JavaScript Pedirle al usuario que ingrese 10 números (se que en el script no pido 10) y sacar el mayor y el menor. Pero con vectores var numeros=new Array(); var mayor,menor; for (var i=0;i<=2;i++){ numeros = prompt('Ingrese un número positivo:',''); } mayor=numeros[0]; menor=numeros[0]; for (var a=1;a<=numeros.length;a++){ if (numeros > 0){ if (mayor < numeros){ mayor=numeros; } if (menor > numeros){ menor=numeros; } } } document.write("El Mayor Fue " + mayor + " mientras que el menor fue " + menor + "</br>"); PD: Solo tienen explicación los que tienen tips a tener en cuenta, y ratifico que los scripts son mios ya que los hice en base a pedidos de usuarios en Yahoo Respuestas desde mi registro

Cosas A tener en cuenta: El responsable de que el contenido del artículo de IBM esté en español soy yo La función split() de PHP ya es obsoleta, sin embargo, el post es solo una guía de el potencial de CLI PHP Los Beneficios de CLI PHP Por muchos años hasta ahora, he estado aplicando una doble definición de lo que significa ser un ingeniero. Según mi conocimiento, un ingeniero es alguien quien usa una herramienta para el propósito que originalmente fue hecha. Mientras que no siempre es una buena idea, cuando tu te pones a pensar en todo, de invención y de hecho, mas innovación todo viene de usar algo en una manera para la cual no era pensada usarlo antes. Imagina mi sorpresa, entonces, cuando me dio la idea de usarlo con mi viejo amigo PHP, el cual siempre ha sido de confianza en páginas web, como una línea de comandos. Difícilmente seré la primera persona en hacer esto, pero la idea era nueva para mi. Claro, solo el hecho de que puedes usar PHP en una línea de comandos no es necesariamente la mejor razón para hacerlo. Sin embargo, puedes encontrar rápidamente muchas agradables sorpresas cuando empiezas a experimentar con PHP de esta manera. Para empezar que debuggear scripts existentes se vuelve muchísimo mas simple. Programas que consisten básicamente en unos datos de salida con muy poca lógica son increíblemente simples de hacer en PHP. Sobre eso, puedes usar todo tu conocimiento de PHP para satisfacer tareas que no pensarías que podrías hacer antes. De hecho, no hay nada que te detenga de usar PHP como tu navaja suiza para casi cualquier proyecto de programación. Intrigado? Bueno, vamos a empezar a ver lo que puedes lograr usando PHP en la línea de comandos. Los Beneficios de CLI PHP La instalación es sencilla respecto a que ni siquiera es necesario instalar algo. Comienza con scripts simples de PHP en la línea de comandos. Puedes usar scripts existentes, o puedes usar el código de mas abajo. Este ejemplo es en Linux®, pero puedes aplicar los principios en otros sistemas. Primero, confirma la ubicación del ejecutable de PHP --En la mayoría de sistemas con Linux, la ubicación es en /usr/bin/php. Si tu no estás seguro, escribe which php y la respuesta es la ubicación de tu ejecutable de PHP. Segundo, escribe el código de abajo, asegurandote de reemplazar /usr/bin/php con la ubicación actual de tu ejecutable de PHP. #!/usr/bin/php -q Hola Mundo Guarda tu archivo y asegurate de que este marcado con privilegios de ejecución, en la mayoría de sistema, tu lo tendrás que hacer con chmod +x hola-mundo o algo similar. Luego, ejectuta el archivo PHP (escribiendo ./hola-mundo o , si es necesario php hola-mundo) y verifica si corre. Si lo hace, tu instalación de PHP incluye capacidades de la línea de comandos por defecto. Si el código no corrió bien,las cosas pueden estar algo peliagudas. Pueden ser muchas las causas. Si tienes un error de PHP relacionado (que no sea algo como "programa no encontrado", entonces tu problema está en la escritura del código. Si el ejecutable del PHP no lo encuentra, asegurate de haber usado la correcta ruta. Si no tienes un ejecutable llamado PHP, lo deberías conseguir. Tener un ejecutable de PHP puede tomar diferentes pasos dependiendo en que sistema te encuentras, pero no debería ser muy difícil tener el soporte que necesitas. Puedes comenzar rápidamente revisando la documentación de tu particular sistema operativo o distribución. Obviamente, si no tienes PHP instalado en tu sistema hasta ahora, instalar PHP es todo lo que necesitas en la mayoría de sistemas. Si necesitas mas, a veces arreglar este problema es tan simple como usar tu gestor de paquetes favorito (como apt-get o yum) para tener el paquete de PHP CLI. (El nombre puede variar) Si no puedes encontrar la línea de comandos para instalar PHP en el gestor de paquetes, el peor escenario es que tengas que recompilar PHP con --enable-cli . De hecho, hacer esto te da la ventaja de un sistema un poco mas optimizado y no sería una mala idea tampoco. De un modo u otro, no debería ser muy difícil tener el modo por el cual obtenerlo para empezar. Por ahora, tu deberías haber conseguido correr tu script de HolaMundo, y la salida es la que probablemente estabas adivinando que sería. No voy a dañar el funcionamiento de ese script todavía, pero la mayoría se estará familiarizando a esos quienes trabajan con shell scripting y PHP. Por qué el primer script está hasta ahora funcionando sin problemas (eso esperamos!). Tomaremos un pequeño desvió de las aplicaciones de la verdadera interfaz de línea de comandos (command-line interface CLI) para ver una de las grandes razones por las cuales PHP en la línea de comandos es genial para todos los programadores de PHP: Debuggear Debuggeando con PHP Quizas, soy solo yo, pero a menudo he encontrado que debuggear programas CLI puede llegar a una pesadilla, especialmente cuando estas tratando con script endebidos de HTML, como Microsoft® Active Server Pages (ASP) o PHP. Puede ser difícil distinguir que precisamente significa un error en especifico, al usuario le puede ser difícil reproducirlo, y todo esto generalmente te saca de casillas. Desafortunadamente, la mayoría de esto no es arreglado solo usando la línea de comandos, aunque un razonable e inteligente programador podría encontrar modo en los cuales CLI podría ayudar con esto (leyendo los datos de entrada de un archivo u otro programa) Sin embargo, CLI hace algo mucho mas fácil, encontrar los mensajes de error para que los puedas leer en primer lugar. Para ver el valor de debuggear usando líneas de comandos, vamos a empezar con un PHP mal hecho #!/usr/bin/php -q NN<o>programes<?php mientras bebes(); ?< Mientras algunos de los errores en este script son algo obvios con solo mirar el código, el código provee un buen ejemplo de la poca usabilidad de los mensajes de debugging en el navegador.Especificamente, no hacen un carajo, ejecutar el script en Apache simplemente no devolvería nada, Entonces, como puedes saber que ocurre en el caso de que el bug no sea tan obvio? El modo tradicional de resolver este problema sería mirar los logs de error. Por ejemplo, ejecutarías tail -f /var/log/httpd/error_log antes de cargar la página en un sistema de Linux corriendo Apache 2, el cual devolvería algo como esto: [client 127.0.0.1] PHP Parse error:  parse error, unexpected T_STRING, expecting      '(' in /var/www/html/no-programes-borracho.php on line 2 Probablemente estes de acuerdo conmigo al considerar está solución como poco factible. Por un lado, el archivo donde se guardan estos logs puede variar dependiendo tu sistema. Por otro, tienes que pasar a través de otros logs de eventos que no tienen nada que ver con lo que necesitas, lo cual puede ser una pesadilla en un live server Debes estar pensando en este momento: Debe haber un modo mejor Localizando y arreglando errores usando CLI El problema con el código puede ser fácilmente aislado ejecutando directamente el script en el CLI php no-programes-borracho.php y terminará devolviendo lo siguiente: PHP Parse error:  parse error, unexpected T_STRING, expecting      '(' in /var/www/html/no-programes-borracho.php on line 2 Content-type: text/html X-Powered-By: PHP/4.3.11 Mucho Mejor! El mensaje de error está aislado de otros datos, y puedes fácilmente revisar la página cuando hayas hecho un cambio. En este caso, es claro que está esperando un '(' en algún lugar de la línea. El lugar de la frase donde dice mientras parece un lugar razonable para esto, entonces puedes añadir un nuevo set de paréntesis para tener el siguiente script: #!/usr/bin/php -q NN<o>programes<?php mientras (bebes()); ?< Ahora, volviendo a ejecutar el script obtendremos: Content-type: text/html X-Powered-By: PHP/4.3.11 <o>codePHP Fatal error:  Call to undefined function:     bebes() in /var/www/html/no-programes-borracho.php on line 2 El script sigue lleno de problemas, pero al menos hemos hecho algo de progreso. Has sacado el mensaje de error que necesitabas con gran facilidad,permitiendo rápidamente arreglar el problema en el programa e ir al siguiente problema. Cualquiera que use PHP puede hacer buen uso de CLI PHP debuggeando de este modo. pero por qué no te extiendes un poco más a demás y haces scripts en PHP? . Anda y verás algunas de las posibilidades de usar PHP por simple -- o no tan simple -- shell scripting. PHP , Canales de E/S El objetivo principal de tu primer script en PHP es simple: crea un script que lea un archivo y "organice" las lineas en ese archivo. Está función puede ayudar mucho si estas con un m3u o algo similar. Hacer esto significa que debes saber leer desde archivos o datos de entrada y escribirlos a la terminal. Esto plantea un reto en general con PHP. PHP no fue originalmente diseñado para ser usado como entrada directa por teclado o salida de datos al usuario. Entender este diseño es critico por que si tu quieres tener algo hecho en la línea de comandos, debes saber comunicar al usuario. En programación tradicional lenguajes como C, tu usarías STDIN, STDOUT, y STDERR para satisfacer esto. Puedes usar los mismos canales en PHP para la entrada. STDOUT: echo, print, STDOUT, y php://stdout Aunque PHP fue diseñado para hacer outputs a un navegador antes que en CLI, crear un output de PHP es sencillo, solo toma un poco de tiempo en considerarlo. Recuerda que todo lo que este fuera de los tags de PHP saldrá directamente en el CLI, una de las razones por las que el HolaMundo de arriba fue tan fácil. No importa si lo pusiste con tags HTML, saldrá como lo escribiste, de hecho normalmente querras evitar el HTML para evitar esos inconvenientes. Puedes usar funciones basicas para mostrar data. Por ejemplo, los comandos print y echo son los estandares para datos de salida. #!/usr/bin/php -q Output #1. <?php echo "Output #2."; print "Output #3."?> Esto nos da: Output #1. Output #2.Output #3. Notese que la línea fuera de los tags de PHP también es mostrada pero no hay un echo o un print implicado, cualquier otra función de impresión de datos funcionará igual, #!/usr/bin/php -q <?php         $STDOUT = fopen("php://stdout", "w");         fwrite($STDOUT, "Output #1.");         fclose($STDOUT); ?> El código de arriba abre explicitamente php://stdout como canal de salida, y php://output generalmente actua de la misma manera que php://stdout . Recientes versiones de PHP usan como constante predefinida STDOUT en lugar de definir la variable $STDOUT como lo hice arriba. STDERR: STDERR y php://stderr STDERR cierra STDOUT paralelos. Todas las tecnicas que usaras para escribir en este canal se reflejaran en los STDOUT, la unica diferencia es que tu abres php://stderr en lugar de php://stdout o php://error STDIN: STDIN y php://stdin STDIN es el mas interesante cambio desde la programación por que permite que el usuario ingrese datos sin usar formularios u otros metodos browser-based. Intenta el siguiente comando: #!/usr/bin/php -q <?php         $file = file_get_contents("php://stdin", "r");         echo $file; ?> Esto tendría que devolver todo lo ingresado. Sin embargo, no acepta argumentos esta vez. Tu Primer Shell Script con PHP Ok, .. acá viene la parte interesante. Tomando el simple conocimiento que has adquirido, puedes hacer un útil script. Escribe el código de abajo en tu editor de textos preferido: #!/usr/bin/php -q <?php         $lineas= split("n", file_get_contents("php://stdin", "r"));         shuffle($lineas);         foreach ($lineas as $linea) {                 if ($linea !== "") {                         echo "$linean";                 }         } ?> Solo unas cosas a tener en cuenta para que este script funcione como debería: 1- Asegurate de que en la primera línea este ajustada la ubicación de tu ejecutable PHP 2- Guarda el archivo 3- Usa chmod para darle privilegios de ejecución 4-Ejecuta el programa El programa solo desorganiza las líneas escritas y las muestra obviamente en un diferente orden Ahora, solo queda una cosa mas: Argumentos en Línea de Comandos Verdaderos programas en líneas de comandos usaran argumentos. De nuevo, tal como en C y otros lenguajes similares, puede usar argv y argc para este proposito. Particularmente, argv es un array de argumentos para el programa, el primer argumento será el programa en si mismo. Usando esto, no será dificil hacer un programa que lea archivos o datos del usuario dependiendo de los argumentos dados. Por ejemplo, el siguiente código: #!/usr/bin/php -q <?php         array_shift($argv);         if (count($argv) == 0) {                 $argv[0] = "php://stdin";         }         foreach ($argv as $archivo) {                 $lineas = split("n", file_get_contents($archivo, "r"));                 shuffle($lineas);                 foreach ($lineas as $linea) {                         if ($linea !== "") {                                 echo "$linean";                         }                 }         } ?> Y alli lo tienen, un funcional script que lee o los datos ingresados por el usuario o una lista de archivos y desorganiza el relativo contenido de cada archivo. Conclusión Escoge la herramienta correcta para el trabajo, pero recuerda que la mejor herramienta a menudo no es la que esperabas. Dale una oportunidad a PHP en una interfaz de consola de comandos , y cuando menos lo esperes será tu herramienta favorita para trabajar con el shell-scripting. Te puede ahorrar muchas migrañas con tus servidores

Primero algo de Info sobre HTTPS (y no es copypaste de WikiPedia) Esta es una carta de un usuario de LifeHacker (fuente original) sobre HTTPS que complementa esto. Queridos LifeHacker; No soy un nerd, pero todo el mundo esta hablando sobre cambiar a HTTPS el Facebook porque es mucho mejor . ¿Porque es mejor y porque me debería importar? Sinceramente, Inseguro sobre HTTPS Querido Inseguro, HTTPS es una significativa versión mas segura de HTTP, el cual es el protocolo que generalmente usas para cargar tus páginas (así estes consciente o no). HTTP es significado de protocolo de transferencia de hipertexto  y HTTPS es lo mismo pero con la palabra seguro en el (Protocolo seguro de transferencia de hipertexto) . Esto es porque, como Wikipedia te lo dirá HTTPS es una "combinación del Protocolo de transferencia de hipertexto con el protocolo SSL/TSL para darte comunicación encriptada y una segura identificación hacia un servidor web". ¿Porque te debería importar? Ok, si lo entiendes: HTTPS te provee seguridad adicional, pero que realmente significa cuando estas navegando en la web cada día? Basicamente significa que estas protegiendo tu información privada de la gente que quiere robarla usando herramientas como FireSheep . Eso significa que cuando ingresas tu contraseña o tu número de teléfono o cualquier cosa personal en Facebook - u otros sitios ofreciendo HTTPS- esa información será encriptada al vuelo a través de grandes canales en la internet. Piensa en algo como esto: Estas teniendo una conversación privada con tu nueva novia o nuevo novio, y tu ex -sin saberlo- esta a pocos metros de allí escuchando cada palabra. Esa es la cantidad de riesgo que HTTP posee, es decir que HTTPS sería como si tu nuevo interés romántico estuviera hablando un nuevo idioma que solo ustedes dos pudieran entender. Para tu acosador@ o tu ex, esa información sonaría como en jeringonzo y a esa persona no le valdría de nada tratar de escucharlos. HTTPS es una nueva forma de intercambiar información con un sitio web de manera segura para que no tengas de que preocuparte si alguien mas esta espiando. Ok, Quiero HTTPS YA! Buena elección! Habilitar HTTPS en Facebook es muy sencillo. Solo visita la página de Configuración de tu cuenta , luego ve a la sección Seguridad situada a la izquierda y habilita la casilla Navegación Segura. Eso es todo lo que tienes que hacer. Bueno, bueno ,todo muy lindo de como habilitar mi información  pero que hay de los otros sitios que visito? Bueno, HTTPS esta habilitado por default en la mayoría de sitios que toman información de alta sensibilidad como tu tarjeta de crédito, entonces se te garantiza tu seguridad generalmente al comprar online. Cada navegador tiene su propia representación de si un sitio es seguro, pero generalmente tu veras un candado en la barra de direcciones. Hay varios grados de seguridad, sin embargo, eso cambia desde que algunas veces los emails tienen archivos adjuntos que vienen de sitios inseguros. SI tu quieres HTTPS en todas partes, Electronic Frontier Fundaion (EFF) hizo una aplicación que te da esa funcionalidad para Firefox. Ellos también recomiendan KB SSL Enforcer para los usuarios de Chrome. Ahora si, a hablar de la extensión. HTTPS Everywhere mantiene tu información Segura en más de 1400 Webs, ahora disponible para Firefox y Chrome. Chrome o Firefox: HTTPS Everywhere es una simple extensión que, con un solo click puede seriamente incrementar tu seguridad en mas de 1,400 webs encriptando tu conexión. Ya hemos hablado antes sobre HTTPS, que hace, y porque deberíamos usarlo. Muchos sitios, como GMail y Facebook , tienen la opción de dejarte navegar con HTTPS encendido, pero la extensión HTTPS Everywhere hace todo mas simple, en lugar de encender HTTPS para sitios individuales, HTTPS Everywhere automáticamente redirigirá toda tu información a través de una conexión segura en cualquiera de las 1,400 webs que soporta, manteniendo tu información segura y lejos de ojos chismosos, por ahora es una extensión que todo el mundo debería tener instalada. HTTPS Everywhere ha sido por mucho una aplicación favorita dentro de los usuarios de Firefox, pero hoy los usuarios de Chrome pueden unirse a la diversión, con una nueva versión beta que tranquilamente se pone en tu barra de direcciones y te cambia a HTTPS cuando sea posible. La versión de Firefox también ha sido actualizada a su versión 2.0, la cual añade una nueva característica llamada "Observatory Wich", que cuando esta encendida detecta encriptaciones débiles y te notificará cuando estés navegando en un sitio con seguridad vulnerable. Para saber más sobre la nueva versión de la extensión e instalarla en tu navegador, dale click al link de abajo. https://www.eff.org/https-everywhere La traducción y adaptación a un español comprendible con respecto a las abreviaciones y términos relacionados fueron de mi responsabilidad.

Apuesto muchos han visto buscando por diversos resultados en Google o en Google Noticias cosas como estas: Bueno, es una manera muy útil y estetica de dar a conocer el autor de un blog o de una web en general, una foto puede dar el conocimiento que requieres a tus clientes y/o usuarios para conocer tu trayectoria a través de tu portafolio web o demás proyectos anexos a tus blog o web propia. Este reconocimiento social es importante para que la gente conozca mas de vos y se interese por lo que haces. Se necesita algo de ayuda de Google+ ¿Saben Algo? Yo no veo a Google+ solo como una red social, es una herramienta de actualización y de información al usuario, a lo blogging, tipo Twitter pero con una infraestructura solida a través de los servicios que nos ofrece Google como Webmasters para promocionar una web correctamente, con un buen SEO, en este caso es como un puente directo que nos ofrece Google para un contacto mas ameno con nuestros clientes/usuarios. Cosas que vamos a necesitar: Una cuenta en Google+ (es requerida para empezar, si no la tienes registrate ) Una vez con tu cuenta una foto donde se te pueda ver y notar la cara, recuerda que se te va a miniaturizar, para ello se necesita ocupar un buen enfoque. Entonces, nada de arte abstracta, nada de objetos o caricaturas, solo y nada mas que tu cara. Método a Usar: Hay muchas maneras pero la mas sencilla de hacer y que te da mas garantías es esta: Ahora, se que allí dice "Google+ Profile Page" eso es porque normalmente se usan páginas para representar de manera mas efectiva una empresa o compañia pero si quieren representarse a si mismos con su propio perfil también basta. Otra cosa es obviamente tener control del HTML del sitio y que aparezca tu web o blog en los resultados de Google 1- En la página debes tener un link a tu perfil o página en Google+, no necesariamente tiene que ser en texto plano como el ejemplo pero con tal de que enlaces el perfil o página es suficiente. Sería mas o menos así: <a href="[profile_url]?rel=author">Google</a> Donde dice, [profile_url] debe ir el link a perfil o página de Google+. Así <a href="https://plus.google.com/109412257237874861202? rel=author">Google</a> OJO, noten ese ?rel=author, es supremamente indispensable para ser reconocido por Google en los resultados de búsqueda. 2- Añadir esa página o blog de manera reciproca a tu perfil o página en Google+ En tu perfil o página de Google+ hay una sección en "Sobre Mi" que dice "Colaborador en", allí tienes que poner tu web o blog donde quieres que aparezca tu foto , nombre enlazandolos a tu perfil o página en Google+ Para editarla haz click acá Te aparecerá un botón azul para añadir un link, ese link va a ser el de la página o blog que le añadiras tu foto para los resultados de Google. Luego, guardas los resultados y luego a "Finalizar Edición" 3 - Para ver los datos que apareceran si buscan tu página o blog en Google pon el HTML o el link acá Eso es todo. ADVERTENCIA: No es 100% garantizado que funcione, todo depende de tu SEO en Google y que también puede llegar a tomar tiempo. PD: El Post es mio, los recursos y anexos usados son pertenencientes a las fuentes

10 Funciones en PHP que Probablemente jamas usaste Cuando estamos codeando en PHP, amenudo nos limitamos a una cierta cantidad de funciones: las comunes, como print(), header(), define(), isset(), htmlspecialchars(), etc. Si alguna funcion que necesitemos no existe, a menudo la codeamos haciendo uso de estos basicos componentes que tenemos en mente. el API de PHP de hecho ofrece muchisimas funciones, algunas inutiles como otras de vital importancia, bueno.. y otras rara vez usadas, He estado buscando a travez de las funciones disponibles y fue interesante encontrar algunas realmente geniales que deberias saber acerca de ellas.Aqui, comparto mis investigaciones. 1. sys_getloadavg() sys_getloadavg es una funcion que regresa tres muestras de "carga media" de un sistema, carga es el numero de procesos en cola en el sistema. Los 3 elementos en el array son la carga promedio de los últimos 1, 5 y 15 minutos. El Manual de PHP muestra excelentes usos de esto. <? $load = sys_getloadavg(); if ($load[0] > 80) { header('HTTP/1.1 503 Demasiado Ocupado. Intentelo de Nuevo'); die('Servidor Ocupado. Refresque la Pagina en unos minutos.'); } ?> En vez de que el servidor se haga demasiado pesado y dejarlo sin disponibilidad de uso, muestras un punto donde el servidor excede carga maxima (die). Esto permitira unos requests y denegara otros. No disponible para Windows. 2.Pack Bueno, de hecho yo uso pack() muy amenudo para volver variables hexadecimales de 32 bytes por medio de md5() , en variables binarias de 16 bytes. <? $pass_hash = pack("H*", md5("my-pass")); $pass_hash = md5("my-pas", true); // el equivalente (PHP 5+) ?> muy utl para almacenamiento de datos en una db para guardar espacio (en el caso de empaquetar strings hexadecimales en strings binarias). 3.cal_days_in_month() cal_days_in_month() devuelve el numero de dias de un mes dado <? $days = cal_days_in_month(CAL_GREGORIAN, date("m"), date("Y")); // 31 echo ( $days - date("d") + 1 ) . " dias hasta " . date("F", mktime(0, 0, 0, date("m") + 1, 1, 1970)); ?> 4._() si has trabajado en wordpress, tu de seguro sabras acerca de _() y _e(). Para hacer software i18n-able. Puedes usar gettext() (o tambien _() que es su alias), junto con otras funciones para lograr la misma funcionalidad , sea en wordpress o no.Este ejemplo fue tomado del manual de PHP. <?php // Configurar idioma en Alemán putenv('LC_ALL=de_DE'); setlocale(LC_ALL, 'de_DE'); // Especifica la ubicación de la tabla de traducciones bindtextdomain("myPHPApp", "./locale"); // Seleccionar dominio textdomain("myPHPApp"); // Ahora las traducciones se encuentran en ./locale/de_DE/LC_MESSAGES/myPHPApp.mo // Imprimir un mensaje de prueba echo gettext("Bienvenido a mi aplicación en PHP"); // O use un alias _() para gettext() echo _("¡Qué tenga un buen día!"); ?> Para hacer PHP compatible con esta funcion necesitaras instalarla para hacer tu server con soporte gettext: https://launchpad.net/php-gettext/ 5.getbrowser() No seria genial averiguar por las capacidades de el navegador del usuario?, Bueno, lo puedes hacer con getbrowser(). Necesitaras el php_browscap.ini y dirigir las directivas browscap al archivo.Tu puedes tener algo como esto: <? $browser = get_browser(null, true); if(!$browser["frames"] || !$browser["cookies"]) echo "Por favor descarguese un navegador de verdad. el que tiene no soporta algunas secciones del sitio, en pocas palabras su navegador es una bosta. Gracias"; ?> Esto no va a detectar configuraciones individuales del navegador, sin embardo puedes ver cosas como , si el navegador tiene activado el JavaScript, o tambien para detectar los perfiles de los usuarios, es decir, su navegador y plataforma. 6.debug_print_backtrace() Puede ser dificil revisar tu codigo manualmente, peculiarmente buscando errores logicos, despues de todo tu escribiste lo que te parece logico. debug_print_backtrace() puede sacarte de una dificil situacion. Aqui la funcion esta siendo usada para una secuencia de comandos que no tienen sentido: <? $a = 0; function iterate() { global $a; if( $a < 10 ) recur(); echo $a . ", "; } function recur() { global $a; $a++; // how did I get here? echo "nnn"; debug_print_backtrace(); if( $a < 10 ) iterate(); } iterate(); # Salida: #0 recur() called at [C:htdocsphp_stuffindex.php:8] #1 iterate() called at [C:htdocsphp_stuffindex.php:25] #0 recur() called at [C:htdocsphp_stuffindex.php:8] #1 iterate() called at [C:htdocsphp_stuffindex.php:21] #2 recur() called at [C:htdocsphp_stuffindex.php:8] #3 iterate() called at [C:htdocsphp_stuffindex.php:25] #0 recur() called at [C:htdocsphp_stuffindex.php:8] #1 iterate() called at [C:htdocsphp_stuffindex.php:21] #2 recur() called at [C:htdocsphp_stuffindex.php:8] #3 iterate() called at [C:htdocsphp_stuffindex.php:21] #4 recur() called at [C:htdocsphp_stuffindex.php:8] #5 iterate() called at [C:htdocsphp_stuffindex.php:25] [...] ?> 7.metaphone() metaphone crea la misma clave para palabras que suenan parecido. Es más precisa que soundex() ya que conoce las reglas básicas de la pronunciación del inglés. Las claves generadas por metaphone son de longitud variable. (extraido del manual PHP) <? echo metaphone("train") . "n"; // TRN echo metaphone("terrain") . "n"; // TRN echo metaphone("not a train") . "n"; // NTTRN echo soundex("train") . "n"; // T650 echo soundex("terrain") . "n"; // T650 echo soundex("not a train"); // N336 ?> Bueno, esta funcion es diseñada exclusivamente para el idioma ingles pero un tipo re-loco se hizo la funcion para español, pueden ver como el primer comentario visible en la pagina de la funcion y puede ser encontrada la funcion aca. Llaman con un require() o include() y tienen joya la funcion. 8.natsort() natsort() es una funcion que filtra los elementos de un array naturalmente. Es decir lo que le pareceria logico a una persona, mas que todo es tomado por calificar por valores ordinales. Tomemos por ejemplo: <? $array1 = $array2 = array("img12.png", "img10.png", "img2.png", "img1.png"); asort($array1); echo "Ordenación estándarn"; print_r($array1); #Array #( # [3] => img1.png # [1] => img10.png # [0] => img12.png # [2] => img2.png #) natsort($array2); echo "nOrdenación de orden naturaln"; print_r($array2); #Array #( # [3] => img1.png # [2] => img2.png # [1] => img10.png # [0] => img12.png #) ?> 9.levenshtein() levenshtein() es una funcion que te dice la similut de las palabras, la funcion regresara el minimo de replaces, inserts y deletes para transformar una palabra en otra. toma por ejemplo este code: <? $dictionary = array( "php", "javascript", "css" ); $word = "japhp"; $best_match = $dictionary[0]; $match_value = levenshtein($dictionary[0], $word); foreach($dictionary as $w) { $value = levenshtein($word, $w); if( $value < $match_value ) { $best_match = $w; $match_value = $value; } } echo "Quizas no quisiste decir la categoria '$best_match'?"; ?> En este caso el usuario ha sido cuestionado por el nombre de una categoria. El escribio "japhp", lo cual es invalida. Pero podria ser un simple error de escritura, por eso el code le sugiere "Quizas no quisiste decir la categoria php?" 10. glob() glob() hara que te sientas estupido usando opendir(),readdir() y closedir() para buscar un archivo, es asi de simple: <? foreach (glob("*.php") as $file) echo "$filen"; ?> Algo mas? Hay muchisimas mas funciones de alta utilidad alla afuera, si no tuviste suficiente http_build_query(), register_shutdown_function() y pspell_suggest son funciones de las cuales vale la pena mencionar. Cual de todas es tu favorita? F! La Nota dijo:Comentarios irrelevantes al post seran eliminados. Gracias

La Aclaracion dijo:EL sufijo o propiedad webkit es el responsable de la nueva personaliizacion en CSS3 de los scrollbars , lo hace solo compatible con Google Chrome y Safari /Derivado obvio chromium Existen Propiedades en CSS para IE (Internet Explorer) como scrollbar-base-color que permiten personalizar la barra de desplazamiento o scrollbar totalmente para el body pero solo fue para la version 5.5 y IE dejo eso. En estos dias la personalizacion del scrollbar esta devuelta, pero es hora de Webkit. Es un poco mejor ahora ya que estan prefijadas para webkit y usan el shadow-DOM , esto ha sido hace un par de años, David Hyatt lo bloggeo y puso junto unos ejemplos de las combinaciones posibles que se podrian hacer: Lo Bueno Las Diferentes Piezas Estos son los mismos pseudo-elementos. Las partes que componen verdaderamente al scrollbar ::-webkit-scrollbar              { /* 1 */ } ::-webkit-scrollbar-button       { /* 2 */ } ::-webkit-scrollbar-track        { /* 3 */ } ::-webkit-scrollbar-track-piece  { /* 4 */ } ::-webkit-scrollbar-thumb        { /* 5 */ } ::-webkit-scrollbar-corner       { /* 6 */ } ::-webkit-resizer                { /* 7 */ } Los Diferentes Estados Estos son las clases de los pseudo selectores. Ellos permiten una seleccion mas especifica de las partes del scrollbar, como cuando el scrollbar se encuentra en diferentes estados :horizontal :vertical :decrement :increment :start :end :double-button :single-button :no-button :corner-present :window-inactive Voy a robar la siguiente parte del Blog de David sobre el webkit scrollbar por que lo explica muy bien :horizontal – La pseudo-clase horizontal aplica a cualquier parte del scrollbar con orientacion horizontal :vertical – La pseudo-clase vertical aplica a cualquier parte del scrollbar con orientacion vertical para mas leanlo en el blog de el capo David . tuve dificultades con la traduccion Todo Junto Ahora Los pseudo elemento y pseudo selectores trabajan juntos. Aqui unos ejemplos aleatorios ::-webkit-scrollbar-track-piece:start {    /* Selecciona la mitad del scroll individualmente */ } ::-webkit-scrollbar-thumb:window-inactive {    /*Selecciona la barra de desplazamiento cuando no se esta enfocado (focus) el navegador*/ } ::-webkit-scrollbar-button:horizontal:decrement:hover {    /*Selecciona la parte baja del scroll cuando esta siendo pasado el mouse (hover)*/ } Simple Ejemplo Para hacer realmente simple la personalizacion de un scrollbar podriamos hacer esto ::-webkit-scrollbar {     width: 12px; } ::-webkit-scrollbar-track {     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);     border-radius: 10px; } ::-webkit-scrollbar-thumb {     border-radius: 10px;     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } Tendremos de resultado algo asi: Ejemplos reales Miren este sutil y lindo ejemplo del scrollbar personalizado Maxvoltar Lo particularmente agradable de este ejemplo es que el scrollbar aplica a todo el body de la pagina, sin embargo aplica a toda la web y no atasta el efecto en las esquinas con scrollbars por default, simplemente se omiten. Intente ver y copiar este ejemplo en un demo para ver como quedaba: Ver Demo En Forrst tambien se aplican efectos con scrollbars solo que aqui es en la parte de los scripts y hacen el efecto lo mas sencillo posible haciendo poca diferencia para los que no tienen navegadores con webkit

La Nota dijo:Post editado y mejorado para la version 5 de Taringa. Los usuarios con la version 5 se preguntaran, ¿pero que tiene de especial? , la simplicidad hace juego en la v5 Tener el script correcto en el momento adecuado puede ser un salvavidas para muchos desarrolladores. Hoy he compilado 10 scripts que espero puedan ser utiles en su evolucion como desarrolladores web. Simple Sistema de Almacenamiento de Caché Cuando tu proyecto web no esta basado en un CMS o en un framework, puede ser una buena idea implementar un sistema de almacenamiento de caché en tus paginas. El codigo es muy simple pero sirve para webs pequeñas. <?php     // Define la ruta y nombre del archivo que se almacenara el cache     $cachefile = 'cached-files/'.date('M-d-Y').'.php';     // define el tiempo que queremos esperar el archivo en segundos.Yo puse el mio en 5 horas.     $cachetime = 18000;     // Revisa si el cache sigue fresco (activo). En el caso de que si lo incluye y sale     if (file_exists($cachefile) && time() - $cachetime < filemtime($cachefile)) {     include($cachefile);         exit;     }     // Si no hay archivo o es demasiado viejo. Renderiza la pagina y muestra el HTML     ob_start(); ?>     <html>         todo tu html aca     </html> <?php     // Listo!. Guardamos el cache en un archivo     $fp = fopen($cachefile, 'w');     fwrite($fp, ob_get_contents());     fclose($fp);     // finalmente se lo enviamos al navegador     ob_end_flush(); ?> Calcula Distancias en PHP Aqui hay una funcion muy util que calcula distancias de un punto A a un punto B usando latitudes y longitudes. La funcion puede regresar distancias en millas, kilometros o millas nauticas <? function distance($lat1, $lon1, $lat2, $lon2, $unit) {    $theta = $lon1 - $lon2;   $dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) +  cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));   $dist = acos($dist);   $dist = rad2deg($dist);   $miles = $dist * 60 * 1.1515;   $unit = strtoupper($unit);   if ($unit == "K") {     return ($miles * 1.609344);   } else if ($unit == "N") {       return ($miles * 0.8684);     } else {         return $miles;       } } ?> Forma de uso  <? echo distance(32.9697, -96.80322, 29.46786, -98.53506, "k")." kilometros"; ?> Fuente Convierte segundos a tiempo (años,meses,dias,horas...) Util funcion que convertira segundos facilmente en años,meses,dias,horas y etc. <?php function Sec2Time($time){   if(is_numeric($time)){     $value = array(       "years" => 0, "days" => 0, "hours" => 0,       "minutes" => 0, "seconds" => 0,     );     if($time >= 31556926){       $value["years"] = floor($time/31556926);       $time = ($time%31556926);     }     if($time >= 86400){       $value["days"] = floor($time/86400);       $time = ($time%86400);     }     if($time >= 3600){       $value["hours"] = floor($time/3600);       $time = ($time%3600);     }     if($time >= 60){       $value["minutes"] = floor($time/60);       $time = ($time%60);     }     $value["seconds"] = floor($time);     return (array) $value;   }else{     return (bool) FALSE;   } } ?> Fuente Forzar un archivo a descargar Muchos formatos como el mp3, se reproducen directamente a traves del navegador, pero si prefieres que sean descargados directamente, el siguiente script te facilitara mucho el trabajo <? function downloadFile($file){         $file_name = $file;         $mime = 'application/force-download';     header('Pragma: public');     // required     header('Expires: 0');        // no cache     header('Cache-Control: must-revalidate, post-check=0, pre-check=0');     header('Cache-Control: private',false);     header('Content-Type: '.$mime);     header('Content-Disposition: attachment; filename="'.basename($file_name).'"');     header('Content-Transfer-Encoding: binary');     header('Connection: close');     readfile($file_name);        // push it out     exit(); } ?> Fuente Obtener el clima actual con el API de google Quieres saber el clima de hoy? Este script te lo hara saber, en tan solo 3 lineas de codigo, lo unico que tienes que hacer es cambiar DIRECCION por la direccion deseada <? $xml = simplexml_load_file('http://www.google.com/ig/api?weather=DIRECCION');   $information = $xml->xpath("/xml_api_reply/weather/current_conditions/condition");   echo $information[0]->attributes(); ?> Fuente whois basico con PHP Whois es un servicio muy util para saber informacion basica acerca de un dominio: nombre del propietario,fecha de creacion, etc. Usando php y el comando whois de unix es muy facil hacer un script basico de whois en PHP. Por favor note que el comando whois debe estar instalado en el servidor antes de usarlo <? $domains = array('home.pl', 'w3c.org'); function creation_date($domain) {     $lines = explode("n", `whois $domain`);     foreach($lines as $line) {         if(strpos(strtolower($line), 'created') !== false) {             return $line;         }     }     return false; } foreach($domains as $d) {     echo creation_date($d) . "n"; } ?> Fuente Obtener Latitud y Longitud de Una Direccion Con la popularidad del API de google maps,los desarrolladores a menudo necesitaran saber sobre la longitud y latitud de determinado lugar. Esta util funcion tomara una direccion como parametro y devolvera en un array ambos datos: Longitud y latitud. <? function getLatLong($address){     if (!is_string($address))die("Todas las direcciones se validaran como srtings");     $_url = sprintf('http://maps.google.com/maps?output=js&q=%s',rawurlencode($address));     $_result = false;     if($_result = file_get_contents($_url)) {         if(strpos($_result,'errortips') > 1 || strpos($_result,'Did you mean:') !== false) return false;         preg_match('!center:s*{lat:s*(-?d+.d+),lng:s*(-?d+.d+)}!U', $_result, $_match);         $_coords['lat'] = $_match[1];         $_coords['long'] = $_match[2];     }     return $_coords; } ?> Fuente Obtener el dominio del FavIcon usando PHP y Google En estos dias muchos websites o WebApps estan robando favicons de otras webs. Mostrar un favicon en tu sitio es muy facil con php y ayuda de Google <? function get_favicon($url){   $url = str_replace("http://",'',$url);   return "http://www.google.com/s2/favicons?domain=".$url; } ?> Fuente Acortando URL's usando bit.ly Esta es una util funcion en php que te ayudara a acortar URL's con la ayuda del API de bit.ly , con tu apikey y tu nombre de usuario simplemente tendras acceso a este servicio <? function bitly($url) {     $content = file_get_contents("http://api.bit.ly/v3/shorten?login=TUUSER&apiKey=TUAPIKEY&longUrl=".$url."&format=xml");     $element = new SimpleXmlElement($content);     $bitly = $element->data->url;     if($bitly){         return $bitly;     } else {         return '0';     } } ?> Forma de Uso: <? echo bitly("http://www.taringa.net"); ?> Fuente

Ya se que habia hecho un tema con lo mismo en DPW pero esta vez retomo con "estilo" (css) , es decir como aconstumbramos ver un blog un boton , imagen o texto que nos lleva a la parte de arriba de la web pero si bajamos considerablemente, en el tema anterior lo habia hecho este div en la parte mas baja de la web como lo hace taringa. (Demo) Diseño y CSS Se declara el div #back-top con position fixed, para que permanezca estatico mientras se baje a traves de la pagina. El tag span es opcional. Yo puse el span para poner la imagen de una flecha simbolizando la subida al tope de la web. Tambien añadi transitions : transition:1s (1s = 1 segundo) para crear un efecto Fade al evento MouseOver. Veamos el demo hasta aca. Claro sin Jquery #back-top { position: fixed; bottom: 30px; margin-left: -150px; } #back-top a { width: 108px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* icono de la flecha(span tag) */ #back-top span { width: 108px; height: 108px; display: block; margin-bottom: 7px; background: #ddd url(up-arrow.png) no-repeat center center; /* esquinas redondeadas */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: #777; } Les paso la imagen de el up-arrow.png para que la tengan a mano, es tecnicamente transparente por su color blanco asi que dejo el link JQuery Debajo esta el codigo del JQuery que puedes pegar en cualquier parte de tu pagina respetando tags javascript, basicamente esconde el div #back-top , revisa si la posicion del scrollbar respecto a la ventana es mayor a 100 (ScrollBarTop), entonces aparece con un efecto Fade, si no se cumple la condicion se esconde con efecto FadeOut. Otro ajuste es el evento click, que al darle click al #back-top vuelve el ScrollTop a posicion 0. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script> $(document).ready(function(){ // por defecto #back-top permanecera oculto $("#back-top").hide(); // aparece #back-top si la posicion es mayor a 100 $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); // vuelve a posicion 0 en la web $('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> Nota: Se puede observar que esta el link local #top al principio de la pagina pero no es necesario. Tecnicamente el JQuery se encarga subiendo o bajando a cualquier posicion de la web. Pero es bueno incluirlo de reserva por si el navegador no soporta JavaScript. F!

Como desarrollador web encuentro muy utiles estas herramientas , las herramientas online especialmente hacen que trabajar en programacion web sea una tarea facil y sencilla. Esta vez miraremos y compartiremos nuevas e interesantes herramientas. Nota: Para Ir a la Web Especifica dale Click al subtitulo de la pagina correspondiente Solo escribe algunas palabras, y lo veras en diferentes fuentes (con el directorio de fuentes de google), tienes un menu desplegable abajo que te permite ver el css para agregar ese texto a tu web. Color Explorer es una herramienta online que te permite trabajar con diversas paletas de colores, con Colorexplorer es facil y sencillo administrar,manipular y editar colores para diseño grafico, diseño web, layouts y mucho mas. SpriteBox es una herramienta tipo WYSIWYG que nos ayuda a ubicar y accesar imagenes unicas dentro de un sprite mediante css , con ayuda de identificadores esta tool nos dara el code online es para crear grids facilmente a formato png, con las medidas que especifiques, muy util ya que es algo que PhotoShop no puede hacer Markup te deja dibujar a travez de una variedad de tecnicas, que facilitan la formacion de figuras, tienes herramientas para poderlas predifinirlas, puedes guardarlo en tus marcadores y usar tus dibujos cuando desees Una Herramienta gratuita para diseñadores y desarrolladores que permite que filtres tu codigo css directamente o desde un link externo, codificando a base 64 las propiedades del codigo. el numero de request http decrese significativamente, haciendo que este tipo de compresion de codigo sea una buena tecnica a aplicar en tus scripts (compresion gzip-compression). Deja tu codigo CSS exactamente como quieres. Se le da el poder para convertir tu CSS en algo visualmente más atractivo, y con un mínimo de esfuerzo en ello Una buena forma de compartir informacion de todo tipo, ademas de que es rapido y sencillo, solo arrastra los archivos de tu ordenador y sueltalos en el area marcada. Gran Pagina para copiar y pegar caracteres especiales, solo le das click al caracter y queda en tu PortaPapeles, solo das Ctrl+V en el lugar donde desees usarlo. Quieres revisar la disponibilidad de tu nombre de usuario en redes sociales o paginas de determinada relevancia en internet?, si la respuesta fue si , esta es tu pagina, donde con solo ingresar tu username verificara la disponibilidad simultaneamente en varias paginas de ese nombre de usuario. Si la respuesta fue no , anda a cagar (? Convierte tu email en un corto, seguro y lindo link para compartir en la red, en Twitter, foros,CraigList, (en taringa no por que seria spam), o en cualquier lugar que evite poner tu mail para evitar spam. F! Si no leiste un carajo (abstenerce a comentar): La Post-Datadijo:Dudo que este post tenga mas de 5 comentarios #foreveralone .Pero igual el bardo no esta permitido La Otra Post-Datadijo:No lo Pongo en Categoria Links dado que dice que tengo links de descarga cuando no es asi (tal vez lo de las fuentes), por eso esta en esta categoria que cumple por que informo de herramientas utiles para fomentar un buen trabajo en el campo del desarrollo web

Remover Automaticamente Tags HTML de un String En el procesamiento de formularios, tu querras eliminar esos molestos tags html. Hacerlo es facil con la funcion strip_tags(): <? $text = strip_tags($input, ""); ?> Fuente http://phpbuilder.com/columns/Jason_Gilmore060210.php3?page=2 Encontrar texto entre $comienzo y $final Este es el tipo de code que todo desarrollador deberia tener en su caja de herramientas para un futuro uso: darle a un string un principio y un final, y devolver lo contenido en ese espacio: <? function entreestos($contenido,$comienzo,$final){ $r = explode($comienzo, $contenido); if (isset($r[1])){ $r = explode($final, $r[1]); return $r[0]; } return ''; } ?> Fuente http://www.jonasjohn.de/snippets/php/get-between.htm Convertir URL en hipervinculos Si tu dejas un comentario en un blog Wordpress y pones un link, este se convertira automaticamente en hipervinculo. Si deseas hacer lo mismo en tu propia web o app podras hacer lo siguiente: <? $url = "Yo tenia un gatito llamado misifus y te lo muestro (http://www.taringa.net)"; $url = preg_replace("#http://([A-z0-9./-]+)#", '<a href="$1">$0</a>', $url); ?> Fuente http://phpbuilder.com/columns/Jason_Gilmore060210.php3?page=2 Dividir texto a 140 caracteres para Twitter Como tu sabras twitter acepta solo mensajes de 140 caracteres o menos. Si tu quieres interactuar con esta popular sitio de mensajeria, tu disfrutaras de esta funcion de seguro, que permite filtrar mensajes de 140 caracteres. <? function split_to_chunks($to,$text){ $total_length = (140 - strlen($to)); $text_arr = explode(" ",$text); $i=0; $message[0]=""; foreach ($text_arr as $word){ if ( strlen($message[$i] . $word . ' ') <= $total_length ){ if ($text_arr[count($text_arr)-1] == $word){ $message[$i] .= $word; } else { $message[$i] .= $word . ' '; } } else { $i++; if ($text_arr[count($text_arr)-1] == $word){ $message[$i] = $word; } else { $message[$i] = $word . ' '; } } } return $message; } ?> Fuente http://www.phpsnippets.info/split-text-up-into-140-char-array-for-twitter Remover URL's de un string Cuando veo personas que dejan sus links en mi blog para simplemente obtener visitas y/o trafico me digo que definitivamente deberia usar esta funcion $string = preg_replace('/b(https?|ftp|file)://[-A-Z0-9+&@#/%?=~_|$!:,.;]*[A-Z0-9+&@#/%=~_|$]/i', '', $string); Fuente http://snipplr.com/view.php?codeview&id=15236 Convertir Strings a Slugs Necesitas generar slugs (permalinks) que sean amigables a un buen posicionamiento web (SEO). La siguiente funcion toma una variable como parametro y devuelve un slug amigable a SEO.Simple y eficiente <? function slug($str){ $str = strtolower(trim($str)); $str = preg_replace('/[^a-z0-9-]/', '-', $str); $str = preg_replace('/-+/', "-", $str); return $str; } ?> Fuente http://snipplr.com/view.php?codeview&id=2809 Parsear Archivos CSV Los archivos CSV (Coma separated values) son una buena manera de almacenamiento de datos y parsearlos usando solo PHP es muy facil. No me crees? , simplemente usa el siguiente code y creelo tu mismo: <? $fh = fopen("contacts.csv", "r"); while($line = fgetcsv($fh, 1000, ",")) { echo "Contact: {$line[1]}"; } ?> Fuente http://phpbuilder.com/columns/Jason_Gilmore060210.php3?page=1 Buscar string dentro de otro string Si un string esta contenido dentro de otro de string , y necesitas buscarlo , hay una buena manera para hacerlo. <? function contains($str, $content, $ignorecase=true){ if ($ignorecase){ $str = strtolower($str); $content = strtolower($content); } return strpos($content,$str) ? true : false; } ?> Fuente http://www.jonasjohn.de/snippets/php/contains.htm Revisar si un string coincide con un patron En Javascritpt hay metodos y funciones que permiten saber sobre coincidencias con un determinado patron. Desafortunadamente PHP no tiene una funcion similar precompiliada . Bueno lo que sea, podemos usar una funcion muy simple: <? function String_Begins_With($needle, $haystack { return (substr($haystack, 0, strlen($needle))==$needle); } ?> Fuente http://snipplr.com/view.php?codeview&id=2143 Extraer Mails de Un String Alguna vez te has preguntado como los spammers obtienen tantos mails? ,Pues es simple,, van a sitios donde abundan los mails como cadenas de mails y parsean el html sacando los mails. Este codigo toma un string como parametro e imprimira todos los mails contenidos alli. Por favor no use este codigo para hacer spam <? function extract_emails($str){ // Esta expresion regular extrae todos los mails en el string $regexp = '/([a-z0-9_.-])+@(([a-z0-9-])+.)+([a-z0-9]{2,4})+/i'; preg_match_all($regexp, $str, $m); return isset($m[0]) ? $m[0] : array(); } $test_string = 'esto es un test. test1@example.org test en diferentes formatos test2@example.org; <a href="test3@example.org">foobar</a> <test4@example.org> strange formats: test5@example.org test6example.org test7@example.net.org.com test8@ example.org test9@!foo!.org foobar '; print_r(extract_emails($test_string)); ?> Fuente http://www.jonasjohn.de/snippets/php/extract-emails.htm F! Comentarios Irrelevantes al Post seran eliminados. Gracias