http://crazy-style.net/Crazy-Style.net, Novedades y d+esToRDeN
Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /home/s027f0de/public_html/cs/datos/sindicacion/rss.php:3) in /home/s027f0de/public_html/cs/contenidos/config_db.php on line 6

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/s027f0de/public_html/cs/datos/sindicacion/rss.php:3) in /home/s027f0de/public_html/cs/contenidos/config_db.php on line 6
http://www.crazy-style.net/articulos-coment-35.htm Quizás alguna vez, diseñando alguna web, a la hora de visualizarla en diferentes exploradores (o sistemas operativos), notabais pequeñas diferencias (espacios de más, capas que no se posicionan bien...). Si se ha hecho bien el código (teniendo en cuenta los hacks y problemas en diferentes navegadores), quizás la solución sea resetear los estilos. Para ello, Eric Meyer programó este reseteo, que quita los valores por defecto de los navegadores (principales causantes de muchos problemas de diseño). El código es el siguiente: [pre] /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } [/pre] Es probable que a la hora de implementarlo, si vuestra web se veía más o menos bien, deje de verse "tan bien". Es normal, lo mejor es adecuarla al reseteo y tendreis una web bien diseñada y construida. Fuente: [url=http://meyerweb.com/eric/tools/css/reset/]Web del autor[/url] http://crazy-style.net ToRDeN 2008-05-02 http://www.crazy-style.net/articulos-coment-34.htm Gracias a un email de Francisco (ya era hora eh? la próxima vez no tardes tanto en avisar! xD), he sabido que el sistema de comentarios [url=http://www.crazy-style.net/articulos-19-Arreglos-mejoras-en-la-web.htm]volvía a dar fallos[/url], y ya está arreglado :) Para más fallos y demás... webmaster @ crazy-style.net ;) http://crazy-style.net ToRDeN 2008-04-28 http://www.crazy-style.net/articulos-coment-33.htm No sé si a alguien más le habrá ocurrido, pero a mi me viene Firefox 3 beta 5 en inglés, y por más q he hecho, sigue en inglés, hasta que me encontré con [url=http://belinuxmyfriend.blogspot.com/2008/04/firefox-traduce-al-espaol-firefox-3.html]cierta página[/url] que comenta que sólo hace falta un plugin para poder tener nuestro zorrito en el idioma de Cervantes: [pre] Traducir Firefox 3 beta 4 (español-ESPAÑA): http://releases.mozilla.org/pub/mozilla.org/firefox/releases/3.0b4/linux-i686/xpi/es-ES.xpi Traducir Firefox 3 beta 5 (español-ESPAÑA): http://releases.mozilla.org/pub/mozilla.org/firefox/releases/3.0b5/linux-i686/xpi/es-ES.xpi [/pre] http://crazy-style.net ToRDeN 2008-04-25 http://www.crazy-style.net/articulos-coment-32.htm Hace poco que migré (nuevamente) a 8.04 (pero esta vez la versión final, y he de decir que [i]casi[/i] sin problemas, salvo por la webcam... pero ya me he acostumbrado). Y lo primero que me encuentro es que GMail (que lo tengo configurado en inglés de Inglaterra) no tiene chat ¿?. Me pongo a buscar por internet y no encuentro nada, nadie parece tener mi problema. Así que pruebo a buscar de nuevo, pero esta vez indicando que utilizo Firefox 3 Beta 5 (algo [url=http://www.google.es/search?hl=es&q=firefox+3+beta+5+chat+gmail&btnG=Buscar+con+Google&meta=]así[/url]) y me arroja muchos resultados... y en uno de ellos, un [url=http://groups.google.com/group/google-talk-help-uk/browse_thread/thread/9250833baa308abd/8a6685bfaa8da108?lnk=raot]grupo de noticias[/url] de google leo que parece ser que con el idioma británico hay problemas y no muestra el chat, así que hay que cambiar, en las preferencias de Gmail, el idioma a English US. Dicho y hecho, fue mano de santo :) http://crazy-style.net ToRDeN 2008-04-25 http://www.crazy-style.net/articulos-coment-31.htm Después de 1 fin de semana sin internet, aquí estoy de nuevo. ¿El motivo de mi ausencia? Los problemas con Ubuntu :S Todo empezó un jueves, por la noche, apagué el portátil (sin incidencias) como hago siempre y lo guardé en la maleta que uso para transportarlo. El viernes por la mañana, cojo el portátil, me voy al trabajo, lo enciendo y... [pre] /build/buildd/linux-ubuntu-modules-2.6.22-2.6.22/debian/build/build-generic/media/gspcav1/gspca_core.c: Failed to configure camera [/pre] Un mensaje similar a ese, se sucede casi 100 veces en pantalla (o más!). Cojo y reinicio, y nada, igual, tarda mucho en iniciar... Así 3 veces, hasta q inicia, pero me quedo un poco mosqueado y decido desinstalar e instalar Ubuntu de nuevo (tenía una 7.10 para 64bits e instalé, posteriormente, una 8.04RC de 32 bits). Durante el proceso de instalación, otra vez volvió a salir el mensajito dichoso :S, y yo más mosca aún... Consigue instalarse y veo que no tengo wifi, así que me conecto por cable (que iba a duras penas) y busco en google, y encuentro en un [url=https://bugs.launchpad.net/ubuntu/+bug/151684]bugtracker[/url] sobre ubuntu la forma de desactivar la cámara (que era lo que daba problemas): Abrimos con propiedades de root el fichero blacklist (con el gedit, para que sea más amena la modificación) [pre] $ sudo gedit /etc/modprobe.d/blacklist [/pre] E insertamos en la última linea lo siguiente [pre] # Los drivers de la webcam entran en conflicto con el sistema blacklist gspca [/pre] Reinicio y ya no hay rastro del fallo de la webcam pero el fallo del wifi sigue estando. Me pateo mil foros, y no dan con una solución clara. Unos proponen desactivar el cifrado wep (causante, en gran parte, del fallo del wifi), otros usar los drivers de windows (con ndiswrapper), otros reinstalar. Opto por esta última opción (que llego a realizar hasta 3 veces), pero nada arregla (respecto al wifi), así que decido volver con el rabo entre las piernas a Ubuntu Gutsy (7.10) pero, esta vez, en versión 32bits (más que escarmentado de los futuribles 64bits). Esta vez, pese a que sigue saliendo el mensaje de la cámara al inicio (y procedo a meterlo en blacklist), si que va el wifi. En resumen: No tengo ni p*t* idea de por qué, de la noche a la mañana, me aparece un conflicto con la webcam (si siempre ha ido bien). Por otro lado, la 8.04RC me dió más que problemas... esperemos que la versión final sea MÁS estable. [b][ACTUALIZACIÓN 23/04/2008]:[/b] He encontrado una posible solución al problema del wifi en 8.04 Hardy, actualizando los [url=http://linuxwireless.sipsolutions.net/en/users/Download]drivers del wifi[/url], he de probarlos, pero parece que puede corregir el problema (que, según el [url=https://bugs.launchpad.net/ubuntu/+source/linux-ubuntu-modules-2.6.24/+bug/200064]bugtracker[/url], es un problema del nuevo kernel, que no trae los drivers correctos) http://crazy-style.net ToRDeN 2008-04-21 http://www.crazy-style.net/articulos-coment-27.htm Haciendo uso de mod_rewrite [url=http://www.crazy-style.net/articulos-3-Uso-de-MOD_REWRITE.htm]de nuevo[/url], vamos a quitar las "www" de nuestras urls (en vez de www.crazy-style.net, cada vez que se ingresase "www.crazy-style.net" nos redireccionaría a crazy-style.net). [pre] RewriteEngine On RewriteCond %{HTTP_HOST} ^www.crazy-style.net$ [NC] RewriteRule ^(.*)$ http://crazy-style.net/$1 [R=301,L] [/pre] El 301 de la redirección indica que va a ser permanente (ayudará a los buscadores a hacer la migración), y el resto es bastante comprensible. Es una modificación bastante simple, pero que da un nuevo "look" a tu web :). http://crazy-style.net ToRDeN 2008-04-18 http://www.crazy-style.net/articulos-coment-26.htm Hay pocos visitantes, y menos aún que sean asiduos (yo y mi novia¿?), y si ni mi novia se dió cuenta del cambio en la web, menos se dará cuenta el resto :P... Pero así es, he estado mejorando la web (cambiando el diseño, dejando atrás el azul por tonos más negros y grises), cambiando el sistema de tabs, introduciendo mejoras en el código del sistema de artículos y comentarios, parcheando casi todo el código de la web (mejorando la eficacia de las conexiones con mysql), corrigiendo el sistema bbcode... Pero vamos, poca cosa, y aún queda bastante, lo siguiente será introducir sistema de trackbacks y pingbacks, más mejoras y optimizaciones en el código... http://crazy-style.net ToRDeN 2008-04-17 http://www.crazy-style.net/articulos-coment-25.htm Muchas webs (esta incluida) realizan inserciones de código en sus artículos, y para ello hacen uso de la etiqueta <pre>. Esta etiqueta muestra el texto tal cual se pega, es decir, dejará intactos los espacios y tabulaciones (cosa que viene genial a la hora de [i]pegar[/i] un código). Para implementar esto, hacen uso de los [url=http://es.wikipedia.org/wiki/BBCode]bbcode[/url], la función [url=http://es.php.net/manual/es/function.htmlspecialchars.php]htmlspecialchars[/url] y de [url=http://es.php.net/manual/es/function.nl2br.php]nl2br[/url], para poder reemplazar las etiquetas html <> por tags bbcode [], y que el navegador no las interprete (para poder [i]pegar[/i] el código correspondiente). El problema viene al pasar la función nl2br, ya que la etiqueta pre, como ya dije, respeta los espacios y tabulaciones, pero la función nl2br transformará esos saltos de linea en etiquetas <br>, por lo que quedarán espacios entre lineas de nuestros códigos insertados. Así que toca hacer uso de las expresiones regulares para poder solventar el problema, a continuación muestro un ejemplo de bbcode respetando los saltos de linea en las etiquetas <pre> [pre] function BBCode($t) { //array con los bbcode $bbc = array( '/\[i\](.*?)\[\/i\]/is', '/\[b\](.*?)\[\/b\]/is', '/\[u\](.*?)\[\/u\]/is", '/\[del\](.*?)\[\/del\]/is', '/\[script\](.*?)\[\/script\]/is', '/\[pre\](.*?)\[\/pre\]/is", '/\[img\](.*?)\[\/img\]/is", '/\[url=([^\\[]*)\]([^\\[]*)\[\/url\]/' ); //array con los reemplazos en html $html = array( '<span style="font-style: italic">\\1</span>', '<span style="font-weight: bold">\\1</span>', '<span style="text-decoration: underline">\\1</span>', '<span style="text-decoration: line-through">\\1</span>', '<pre>\\1</pre>', '<img src="\1\2" alt="Crazy-Style.NET" border="0"/>', '<a target="_blank" href="\\1\">\\2</a>' ); //realizamos el parseo $texto = preg_replace($bbc,$html,$t); //reemplazamos los saltos de linea por <br> $texto = nl2br($texto); //dado que usamos el tag <pre>, hay que eliminar los cambios efectuados por nl2br() en esta etiqueta $texto = preg_replace('/<pre>(.*?)<\/pre>/ise',"'<pre>' . preg_replace('/(<br \/?>)/is','','\\1') . '</pre>'",$texto); } [/pre] Como podeis ver, este ejemplo de bbcode está bastante completo y además, permitirá insertar código sin ningún problema, gracias a la siguiente linea [pre] $texto = preg_replace('/<pre>(.*?)<\/pre>/ise',"'<pre>' . preg_replace('/(<br \/?>)/is','','\\1') . '</pre>'",$texto); [/pre] Que buscará dentro de las etiquetas <pre>, la etiqueta <br> y la eliminará (o reemplazará por '') [b][u]EDITO:[/u][/b] Me he dado cuenta que a la hora de publicar el código hay un problema con las dobles comillas. Si vais a hacer uso de este código, aseguraos antes de que las '\' están correctas entre dobles comillas, es decir si hay un "\\1" debe ser "\\1" y no \"\\1\" (siempre que no esté englobado en un comillado doble) http://crazy-style.net ToRDeN 2008-04-15 http://www.crazy-style.net/articulos-coment-24.htm Hace poco tuve que crear un sistema para subir ficheros a un servidor (para una web de una empresa), y claro, como es normal, no pueden subirse los ficheros así sin más, y hay que aplicarles [i]cierta ofuscación[/i] para que no queden [i]al aire[/i]. Para eso pensé en generar una clave aleatoria y añadirla al final del nombre del fichero, tipo [url=http://imageshack.us]imageshack[/url]. Estaba claro que haría falta la función rand(), pero esta, por si sola, no es suficente ([b]en versiones inferiores a php 4.2.0[/b]), ya que no es del todo [i]aleatoria[/i] y hay que [i]alimentar[/i] su [i]aleatoriedad[/i] (creo que le estoy dando unas cuantas patadas al diccionario). Para generar aleatoriedad utilicé la siguiente función (extraída del manual de [url=http://es2.php.net/manual/es/function.srand.php]php.net[/url] (que repito [b]NO[/b] es necesario a partir de php 4.2.0) [pre] function randomizar() { list($usec, $sec) = explode(' ', microtime()); return (float) $sec + ((float) $usec * 100000); } [/pre] Y para finalizar, generé las claves con la siguiente función [pre] function RandomKey($long = 1) { $key = ''; srand(randomizar()); for ($i = 0; $i <= $long; $i++) { $r = rand(1,3); //Generamos más aleatoriedad, pudiendo insertar entre un número (1), una letra mayúscula (2) o una letra minúscula (3) switch ($r) { case 1: $key .= chr(rand(48,57)); // del 0 al 9 break; case 2: $key .= chr(rand(65,90)); // de la 'A' a la 'Z' break; case 3: $key .= chr(rand(97,122)); // de la 'a' a la 'z' break; } } return $key; } [/pre] Es bastante sencilla pero muy útil. La explicación de por qué un switch es bien simple: así es más aleatorio aún. Dado que primero elige aleatoriamente un valor del 1 al 3 (siendo 1 los números del 0 al 9, 2 las letras mayúsculas de la 'A' a la 'Z' y el 3 las minúsculas de la 'a' a la 'z'), y luego elige un valor aleatorio dentro de estas, basándose en el código ascii. http://crazy-style.net ToRDeN 2008-04-15 http://www.crazy-style.net/articulos-coment-23.htm Para todos los que quieran saber cuánto falta hasta la salida de Ubuntu 8.04, [url=http://ubuntu.com]ubuntu.com[/url] ha dispuesto de un contador para vuestras páginas webs: [center][script]http://www.ubuntu.com/files/countdown/display.js[/script][/center] El código es el siguiente [pre]<script type="text/javascript" src="http://www.ubuntu.com/files/countdown/display.js"></script> [/pre] http://crazy-style.net ToRDeN 2008-04-14