¿A quién no le gustan los huevos de pascua?
- about:
- about:buildconfig
- about:config
- about:plugins
- about:credits
- about:mozilla
- about:robots
- about:cache
Para los despistados: escribes esas frases en la barra de direcciones de Firefox y ves lo que describo en seguida
“about:” no es más que el cuadro que aparece cuando haces click en ‘Ayuda>>Acerca de Mozilla Firefox’.
“about:buildconfig” muestra información de compilación de Firefox que usas (compilador, plataforma y argumentos de compilación).
“about:config” muestra la configuración en forma tabulada de Firefox, digamos que es el ‘centro de mando’ del navegador, donde puedes modificar todas las opciones en forma… no tan gráfica.
“about:plugins” muestra información tabulada de los plugins (no add-ons, solo plugins) instalados en Firefox, no puedes modificar nada.
“about:credits” muestra la información de los que participan en el proyecto. Es un documento muy largo ordenado por alfabeto.
“about:mozilla” muestra el mítico texto extraido de ‘El Libro de Mozilla’.
“about:robots” es incluido a partir de Firefox 3 y muestra un saludo de parte de los robots… me parece un insulto que contradigan a Bender aquí.
“about:cache” muestra información de… caché ^^ todo lo que guarda el navegador para no recargarlo cada vez que entras a una página que ya visitaste, está ahi, con detalles.
Información para Frikis, muy divertida para los más frikis como yo.
Visto en ‘Mi Camino en la Red‘
Generalmente no sigo este tipo de ‘cadenitas’ tipo ‘10 consejos para mejorar tu blog’, ‘como ser un blogger exitoso’ y cosas así, pero siendo que esto viene de la fuente, o sea de google, pues amerita un post: los diez principios de diseño de Google:
1. Enfócate en la gente - su vida, trabajo, sus sueños.
2. Cada milisegundo cuenta.
3. La simpleza [minimalismo] es poderosa.
4. Atrapa a los principiantes y atrae a los expertos.
5. Atrévete a innovar.
6. Diseña para el mundo.
7. Planea para negocios de hoy y de mañana.
8. Deleita el ojo sin distraer la mente.
9. Preocúpate de la confianza de la gente.
10. Añade un “toque humano”.
No dudo de que los buenos diseñadores tengan presente estos principios (y más) aún sin tener que recurrir a google para saberlo, pero segúramente a principiantes les será útil. Más tarde busco algunos ejemplos donde podemos ver estos principios.
Cuando no te acostumbras a trabajar con arreglos en PHP, un problema muy recurrente es que intentes accesar al valor de un arreglo de base numérica sin tomar en cuenta el cero.
Un arreglo puede ser:
$miArray = array(1,2,3,4);
Los valores de la variable $miArray serían ordenados de la siguiente manera:
$miArray[0] = 1;
$miArray[1] = 2;
$miArray[2] = 3;
$miArray[3] = 4;
Por tanto, para acceder al primer elemento tendriamos que usar $miArray[0], sería confuso si su valor es 1 ¿no?
Leyendo la biblia de php me encontré que se puede empezar desde una base diferente en un arreglo, usando el operador =>, así, para que el anterior arreglo empezara desde el 1, tendríamos que definirlo así:
$miArray = array(1=>1,2,3,4);
Entonces el resultado sería:
$miArray[1] = 1;
$miArray[2] = 2;
$miArray[3] = 3;
$miArray[4] = 4;
Aunque, para mí es más fácil trabajar con nombres para cada elemento del arreglo:
$miArray = array('uno'=>1,'dos'=>2,'tres'=>3,'cuatro'=>4);
O bien:
$miArray['uno'] = 1;
$miArray['dos'] = 2;
$miArray['tres'] = 3;
$miArray['cuatro'] = 4;
Hace unos días se lanzó una beta de Leopard Admin para WordPress, un tema para la administración de WordPress, que solo funcionaba para WordPress 2.3-.
Estuve revisando a ver si había una actualización en estos días y no vi nada hasta hoy, que veo que ya está disponible para WordPress 2.5.
No es por echarle tierra al rediseño de la interfaz de administración de WordPress 2.5, cada uno tendrá su propia opinión, pero al menos aquí ya te presentamos varias opciones para hacer el cambio y que tengas mejor experiencia al escribir en tu blog.
Si al igual que a mi, el panel de adminsitración de WordPress 2.5 no te parece ‘el mejor’ (por no decir que me parece malo), aqui te van algunos tips para modificar la administración de wp2.5, todos compatibles con dicha versión.
Fluency Admin es probablemente el primer tema para el panel de wp2.5, a mí no me gustó, es parecido al WP-Tiger Administration en la estructuración del contenido. Está bien si quieres algo diferente y estás desesperado.
JP Admin - Stylish Blue, no es un tema en sí, sino una nueva paleta de colores, además de las dos que vienen incluidas (en la sección de tu perfil). Este es el “tema” que estoy usando actualmente, me gustó bastante.
Además lo combiné con Admin Drop Down Menu que reordena el menú de navegación del CMS, los pone todos en la parte superior (incluyendo el link ‘Tablero’) y para evitar las cargas de página, pone todas las opciones en dicho menú en modo desplegable (dropdown).
No está de más el plugin Dashboard Widget Manager, no lo probé pero se ve interesante pues te permite reordenar qué y cómo se muestran los datos en el dashboard de WordPress, mediante widgets.
Si la interfaz de administración de WordPress 2.5 te parece patética, nada usable, mal distribuida y lo peor de todo, se alinea a la izquierda, David Carrero ha preparado un paquete zip con los archivos necesarios para regresar al anterior diseño del panel. Probablemente no sean muchas diferencias en general, lo más notorio es en la página para escribir nuevo post y lo más notable es que toda la estructura ya se adapta al ancho de la ventana.
Ayer estaba buscando los logos de Visa y Mastercard y me encontré con Credit Card Logos & Images, algo friki porque la página entera está dedicada solo a proporcionar las imagenes de Visa, Mastercard, American Express, PayPal Discover y algunos otros logos, con el código HTML para implementarlos en tu página.
Algunos formatos se ven pixeleados, pero hay muchos muy buenos, de hecho no los he contado pero son muchísimos diseños…
El atributo nofollow para la propiedad rel en HTML permite hacerle saber a los buscadores que dicho enlace no tiene relevancia, es decir, buscadores no indexan enlaces con este atributo.
Se le armó una polémica por allá del 2005, pues WordPress y otros CMS empezó a utilizarlo por default en todos los enlaces salientes que se publicaban en un blog. Tiempo después la opción fue deshabilitada pues la gran comunidad de bloggers, desarrolladores web, SEOs, etc; estaban en desacuerdo.
Sin embargo, este atribudo puede ser útil sobre todo para blogs o páginas con enlaces repetidos (como en los tipo ‘publica tu comentario’ que usamos aquí). La idea es proporcionar al buscador lo que efectívamente sea útil para los usuarios y no hacerles indexar todos los enlaces que tenemos en la página.
Share This
Quieran admitirlo o no, ShareThis no tiene utilidad. Sobre todo si es un blog, la mayoría de las noticias son recicladas y si hay alguna tuya que sea interesante para las redes sociales, pues le agregas los links singularmente.
Metadatos en el título (categorías, comentarios, fecha, etc)
El navegante no necesita esos datos, si alguien llega buscando por autos eléctricos, facilitale la tarea y dale la información que busca lo más rápido posible, recuerda que solo tienes 50 milisegundos para llamar la atención 
Hablando del título… ¿tan grande?
Es bueno hacerle entender al lector la importancia del título del artículo… pero, en serio… ¿es necesario poner títulos tan grandes? creo que no.
Conversor de texto a audio del contenido
Sin palabras… ok mejor sí… con palabras. Si un usuario con discapacidad visual visita tu página, tendrá las herramientas necesarias para que tu página sea entendible (siempre y cuando trabajes apegado a la semántica). Si no las tiene, segúramente alguien le estará leyendo tu página. Tu trabajo como desarrollador es crear un documento semántico, bien formado, estándar o como quieras llamarle, que el navegador -sea del tipo que sea- se encargue de interpretarlo.
Publicidad bajo el titulo el post
Al menos no tan exagerada, la separación entre el título y el contenido puede causar confusión. ¡Piensa en el lector!
Lista de artículos relacionados en la página principal
La lista de artículos relacionados puede ser útil para efectos de mantener al usuario navegando en nuestras páginas, igual que los metadatos, si los quieres incluir hazlo de forma mesurada.
Probablemente se me pasó uno pero los iré agregando…
Copipeistiando un artículo de Pro Blog Design, donde está el código para hacer que la lista de meses (el archivo pues) de WordPress aparezca en un menú desplegable (y no en forma de links como está por default en los themes).
El código es el siguiente (se cambia por la función normal wp_get_archives o similar):
<select name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;’>
<option value=”"><?php echo attribute_escape(__(’Select Month’)); ?></option>
<?php wp_get_archives(’type=monthly&format=option&show_post_count=1′); ?> </select>
El problema es que la lista de links en el archivo puede ser muy larga y es poco usable para los usuarios -pocos usuarios entran y navegan por mes, al menos en este blog.
Hay que recordar que en la función wp_get_archives(); se pueden cambiar los parámetros (por ejemplo, ese show_post_cont=1 hace que se muestre la cantidad de artículos al lado del mes, ¡¡eso no srive!!)
Hay un interesante tutorial para hacer un menú desplazable en HTML Dog, en el cual se emplea HTML+CSS+JavaScript.
Ojo, que es JavaScript no intrusivo, en realidad el script se utiliza solo para asignar una clase en Internet Explorer 6 (dado que este no soporta las propiedades y selectores recomendados por la W3, como la selector :hover para elementos que no sean anchors).
He visto que algunas personas logran ese efecto usando solo javascript, lo cual no es muy confiable, mientras que otros encierran listas enteras (<ul>) entre anchors (<a>) y bueno, si quieres realizar un trabajo semántico, usable y accesible, toma en cuenta este tutorial.
Link: Son of Suckerfis Dropdowns - HTML Dog
Apple y Microsoft tienen algunos buenos documentos para desarrolladores web:
En general, las dos bases de datos de estas compañías son interesantes y tienen buenos artículos, aunque cada una está enfocada a su plataforma (MacOS y Windows).
Cada día me voy acoplando mejor a la plataforma Linux, hasta ahora el sistema tiene todo lo que necesito solo a unos clicks de distancia. Entre los programas que necesito, solo he instalado Macromedia Fireworks 8, que funciona de maravilla con Wine.
También tenía que instalar algunas fuentes y, navegando por algunos sitios encontré varias formas de instalar fuentes en Ubuntu, para ello, solo tenemos que saber donde está la carpeta de fuentes, en Ubuntu 7.10 está en /usr/share/fonts/truetype/, así que usaremos la consola para mover nuestras fuentes a esa carpeta.
sudo mv miFuente.ttf /usr/share/fonts/truetype/
Ya que estén copiadas, tenemos que actualizar el índice de fuentes (el caché pues) con el siguiente comando:
fc-cache -f
La opción -f obliga a regenerar el indexado aunque esté actualizado.
Si he de ser sincero, no recuerdo qué fuente utilizaba en Windows para programar, pero en Ubuntu estoy usando una que se llama Andale Mono…
Está muy agradable, pero si tienen otra sugerencia se los agradecería.
Google, a través de sus servicios para Webmasters, ha lanzado una nueva herramienta que te permite ver un listado de páginas que te enlazan. En la lista puedes ver los enlaces internos y externos.
Anteriormente usabas el operador link: (por ejemplo, para saber quiénes te enlazan, usabas link:http://www.512megas.com) al buscar en Google, ahora, con la introducción de esta nueva herramienta, es mucho más fácil. Así, ahora me doy cuenta que me enlazan algunos blogs que no había visitado y por alguna razón tenía que visitar.
Si eres Webmsater y ya agregaste tu(s) sitio(s) en Google Webmaster Tools, solo tienes que hacer click en la pestaña ‘Link’ y ahí encuentras el listado completo.
Para sacarle el mejor provecho a esta herramienta, lee el post acerca de esto en el blog oficial de Google Webmaster Central.
Vía | Official Google Blog
Tags: [tag]Webmasters[/tag], [tag]Tips[/tag]
Y bueno, ya que ando en eso de JavaScript, pues les paso este plugin para firefox que viene recomendado en el libro que estoy leyendo: JavaScript Debugger.
El JavaScript Debugger es eso, un depurador de javaScript XD un editor pues, con el cual puedes ver el código fuente de las páginas que has visitado y corregir los problemas que puedas tener.
Tags: [tag]JavaScript[/tag], [tag]Firefox[/tag], [tag]Navegadores[/tag], [tag]Plugins[/tag], [tag]Tips[/tag]
Algo que me pareció muy molesto desde el primer día de lanzamiento de Firefox 2.0 fueron los nuevos botones de ‘cerrar’ en cada pestaña. Me parece que son innecesarios y poco usables (para cerrar una pestaña, prefiero CTRL+W).
El navegador automáticamente oculta estos botones en las pestañas inactivas, pero las activa al pasar el ratón sobre esa zona.
Bueno, si te sientes igual de defraudado y sientes que el mundo se va a acabar por esta cuestión, abre una nueva pestaña y ve a la configuración de Firefox (tecleando about:config en la barra de direcciones).
En seguida, en el campo ‘Filter’ escribe closeButtons, te aparecerá solo un resultado: browser.tabs.closeButtons.
Ahí debes cambiar el valor dependiendo de tu necesidad:
- 0 - Si quieres que el botón aparezca solo en la pestaña activa (aunque pases el ratón sobre esa zona, no aparecerán).
- 1 - (default)
- 2 - el botón desaparece COMPLETAMENTE
- 3 - el botón desaparece en las pestañas, pero aparece a la derecha en la misma barra de pestañas, se ve muy feo, así que te recomiendo usar la opción 2
Para cambiar el valor (no sé si hace falta aclarar, pero no está de más), solo haces doble click y escribes el número de opción que desees.
Tags: [tag]Firefox[/tag], [tag]Tips[/tag], [tag]Pestañas[/tag]
Desde que instalé la primera Release Candidate de la zorra de fuego 2.0 no he podido utilizar las quick-tags de WordPress.
Las quicktags en WordPress son los comandos del teclado con el que puedes presionar los botones de formato sobre la caja donde escribes el post (y así escribir más rápido). Estos botones se activan con la tecla ALT+[tecla de la quicktag]
No soy el único al que le pasa esto y no ocurre solo en WordPress (en Maestros del Web tampoco funcionan las access-keys)ya hay una solución: presionar (además de ALT) la tecla SHIFT… es decir: ALT+SHIFT+[access-key].
Espero esto sea temporal… o ¿tendré que acostumbrarme?… será dificil.
Tags: [tag]Firefox[/tag], [tag]Tips[/tag], [tag]Mozilla[/tag]
Otro post más acerca de tips para hacer Firefox un poco más ligero. No descubren el hilo negro de la situación, sin embargo los tips te ayudan a reducir algunos megas en el consumo de memoria, a mí me fue bien, FF estaba consumiendo al rededor de 70MB y me lo dejó en 50MB.
Tags: [tag]Firefox[/tag], [tag]Tips[/tag], [tag]Navegadores[/tag]
Links del tipo <a href=”#”;>Click aqui</a> son parte del pasado. Usa como texto el título de la página, nombre de archivo o palabras clave, esto ayuda a la página que estás enlazando y le ayuda a tus lectores, así se entiende mejor un enlace.
También puedes usar la propiedad title, asignádole como valor una pequeña descripción de lo que se trata el destino.
Un enlace correcto sería el siguiente:
<a href=”http://wordpress.com” title=”Servidor de blogs gratuitos”>WordPress.com</a>
<voz timbre=”fresa”>o sea, hello, web 2.0</voz>
Tags: [tag]XHTML[/tag], [tag]Semántica[/tag], [tag]Tips[/tag]
1. Ir al menú Herramientas
2. Hacer click en Opciones
3. En el campo Página de Inicio, escribe las direcciones separadas por la barra vertical: |. Por ejemplo:
http://www.google.com|http://www.512megas.com
Tags: [tag]Firefox[/tag], [tag]Tips[/tag], [tag]Navegadores[/tag]
Si usas Firefox pero todavía es lento, ahí te va un consejo para acelerarlo:
1. Escribe about:config en la barra de direcciones.
2. En donde dice Filter escribe: network.http.pipelining. Te aparecerán varios resultados.
3. Haz doble click sobre network.http.pipelining para cambiarlo a true.
4. En la siguiente linea: network.http.pipelining.maxrequests haz doble click y cambia el valor que tiene (4) a 8. Puedes ponerle más, pero puedes ocasionar problemas en algún servidor.
5. Busca network.http.request.max-start-delay y cambia su valor de 10 a 0, para que el navegador muestre la página al recibir la información y no se retrase como suele hacerlo.
Vía | Microsiervos
Existe una interesante forma de decirle a los visitantes de tu sitio, que usen Firefox (o cualquier otro navegador, acá lo hago con Firefox), si se encuentran usando Internet Explorer.
El objetivo es mostrar un anuncio de Google recomendando Firefox, o bien, un link o banner hacia tu navegador favorito, usando php para detectar el navegador.
¿Cómo se hace?
Ahí les va el código:
———————
<?php
$navegador = strtolower( $_SERVER['HTTP_USER_AGENT'] );
if(stristr($navegador, “msie”)){
?>
INSERTA TU CÓDIGO, LINK O LO QUE QUIERAS QUE SE MUESTRE SOLO EN INTERNET EXPLORER
<?php
}
?>
———————
El código se muestra solo ’si la cadena que identifica al navegador, contiene la cadena msie (Microsoft Internet Explorer).
En realidad se puede hacer con JavaScript o incluso con el propio CSS, o combinando PHP+CSS o javascript+CSS, pero, para mí, esta es la forma más fácil y segura de hacerlo.
Por cierto, ¿será legal hacer esto?
Software | Jesús, Mayo 5, 2008 8:12 pm | 
Comentarios (4)