Artículos con la etiqueta 'firefox'


Truco muy breve: registro de objetos JavaScript

Si usted va a desarrollar en un ambiente donde es imposible utilizar las herramientas de depuración, como Firebug , como el simulador de iPhone de Apple en Xcode, que puede llegar a ser frustrante para encontrar problemas, incluyendo el acceso incorrecto a todas las propiedades de un objeto. Aquí es que la utilización de obras alert() es fundamental!

Continuación ...

Firefox 3.5.7: cómo solucionar el defecto de los bordes redondeados de una imagen

A veces sólo hay que mover un elemento, cambiar el punto de vista, para resolver un problema parece insuperable. Cuando uno tiene que ver con la compatibilidad entre navegadores y CSS, inventando soluciones "espectaculares" (dobles diría) está en la agenda. , per Safari e Google Chrome. Lo que yo te mostraré una manera fácil de aplicar a las imágenes de esquinas redondeadas con -moz-border-radius , que está disponible para Mozilla Firefox y -webkit-border-radius Safari y Google Chrome.

Continuación ...

5 extensiones para FireFox que se han dedicado a Web Developer

Una de las grandes ventajas de Mozilla Firefox , en comparación con otros navegadores, que era, lo sigue siendo, a poseer una gran cantidad de extensiones gratuitas que te permiten personalizar y ampliar la aplicación. Como desarrollador web no puedo - ahora - que hacer sin algunas extensiones útiles que me ayudan en la construcción, inspección y mantenimiento de páginas Web

Continuación ...

Como IE6 soportar y vivir feliz

Yo siempre encuentro algún "mal" al abordar el tema "la compatibilidad entre navegadores." Además, y aún no he de entender que la verdadera razón, de todos los navegadores que más saben "molesto" lo sigue siendo: Microsoft Internet Explorer 6! Desafortunadamente, el lanzamiento de IE 6 se encuentra todavía en circulación y hay frecuentes informes de problemas al visualizar las páginas.

Continuación ...

jQuery: bordes redondeados en las imágenes se superponen

Debido a la prestación diferentes a través de navegadores, Microsoft Internet Explorer definitivamente veo eso en mente, siempre hay que recurrir a trucos para aplicar efectos especiales que ahora debería ser una norma. El premio discutido bordes redondeados son un ejemplo clásico de "desastre" producido por la total incapacidad para hacer una grave las normas de representación de páginas HTML / CSS. , etc… Hay muchas soluciones que permiten a la red para obtener los "efectos" (efectos de la exención de HTML existentes como los bordes redondeados y de sombras, reflejos, etc ...) con manchas en las hojas de estilos, trucos especiales con el uso de div injertados, las bibliotecas JavaScript, el uso de canvas , etc ...
En una enseñanza puramente técnico me gustaría explicar con más detalle (cross-browser) para aplicar los bordes redondeados de las imágenes:

Demostración y la fuente

Continuación ...

Creación de aplicaciones de escritorio con Google Chrome y Firefox?

Google Chrome te permite crear aplicaciones de escritorio desde una página Web? De hecho, como se muestra en el elemento de menú, simplemente se les permite crear un acceso directo a un enlace que - a su vez - abrir una ventana sin barra de direcciones y sin todos los "extras" del navegador. Esto no quiere decir que hemos creado una aplicación de escritorio, sólo hemos creado un enlace a la misma Google Chrome modo - por así decirlo-cromo-menos.

Simle característica, pero más ambiciosa, ya había sido propuesto por la Fundación Mozilla en el año 2007, a través del Proyecto Prisma . Este es, sin duda el más versátil y articular, acompañado por una útil extensión que te permite crear aplicaciones de escritorio menú de Firefox, al igual que Google Chrome .

Sin embargo, ambas soluciones están muy lejos de la tecnología de Adobe AIR . Antes de que alguien confunde debe tenerse en cuenta las diferencias sustanciales entre un acceso directo del escritorio que se abre una ventana sin menú, y una aplicación de escritorio real.
Adobe AIR , de hecho, a diferencia de las soluciones ofrecidas por Google Chrome y Prisma le permite:

Continuación ...

FireFox: gestión de perfiles

Mozilla Firefox le permite gestionar varios perfiles , lo cual es útil para aquellos que, como yo, desarrolla sitios web y requiere una serie de extensiones dedicadas a la depuración y análisis de páginas Web mediante el uso de perfiles que se pueden configurar distintas opciones FireFox:

Firefox guarda tu información personal, como marcadores, contraseñas y preferencias en un archivo llamado grupo de perfil que se encuentra en una posición diferente en comparación con los archivos de programa Firefox.

En Windows Vista ( ver aquí para otros sistemas operativos) puede acceder a la gestión de perfiles desde el comando Esegui con:

1
firefox-ProfileManager

Perfil de administración

Una de las ventajas en el uso de los perfiles es que se puede tener un Firefox para navegar sin la barra de herramientas y todas las extensiones de Firefox para la depuración y desarrollar, acompañada de FireBug y todas las otras herramientas de desarrollo.

Continuación ...

CSS3: ¿alguien ha visto el Internet Explorer?

Sólo que no ...

1
2
3
4
5
6
7
8
9
{P
/ * Esquinas redondeadas * /
; /* CSS 3 */ border-radius: 9px; / CSS * 3 * /
; /* Opera */ -O-border-radius: 9px; / * Opera * /
; /* iCab */ -ICAB-border-radius: 9px; / * iCab * /
; /* Konqueror */ -KHTML-border-radius: 9px; / * Konqueror * /
; /* Firefox */ -Moz-border-radius: 9px; / * Firefox * /
; /* Safari */ -Webkit-border-radius: 9px; / * Safari * /
}

Continuación ...

jQuery contra todos: un punto de referencia con 5 navegador

imagen Un buen desarrollador no tiene ningún problema para pasar de un lenguaje de programación a otro. La decisión de centrarse en un entorno particular idioma, marco o desarrollo, y obedece más a la disponibilidad de tiempo y el tipo de trabajo que se lleva a cabo. Sin embargo, un factor importante que puede influir en la elección de los "marcos" como es la simpatía y el afecto que pueden madurar con el tiempo.
En concreto, quería analizar algunos - ciertamente no todos - los marcos de JavaScript disponibles en la actualidad, ya que incluso le "aconsejó" a echar un vistazo sobre todo en jQuery .
Los creadores de mootools (uno de los frameworks de JavaScript más populares) han puesto a disposición una herramienta para ejecutar una prueba de velocidad y la validez de los cinco conocidos frameworks de JavaScript: Slickspeed . Esta prueba, el resultado no es descontado a todos, es importante para funcionar como marcos de Javascript del lado del cliente, que son ejecutados por el navegador. Es precisamente por esta razón que algunos encuentran Safari más rápido que Internet Explorer o Google Chrome más rápido que Firefox . Sin embargo, esto a menudo depende del tipo de página que está viendo. En efecto, bien puede ocurrir que un sitio en particular es realmente más "rápido" cuando se ve en Safari, pero esto no quiere decir que "todos los sitios" será más rápida con Safari! Obviamente esto es cierto para cualquier otro navegador.

El índice de referencia

En la prueba que hice con Slickspeed he comparado los navegadores disponibles en mi equipo (Windows Vista de 64 bits Utilmate - Intel Core 2 Quad 2,4 GHz con 8 GB de RAM).
Desafortunadamente, las pruebas no son capaces de correr con Internet Explorer 7, ya que el coche se estrelló, incluso yendo fuera de escala con los resultados! Una vez más, felicitaciones Microsoft.
Yo crercato para mantener el mismo estatus de la PC durante la prueba, abrir el navegador y no de forma individual mediante el envío de ningún otro proceso en marcha.

Nota: Si usted siente que también se ejecutan uno o más de estas pruebas, se puede comentar este post en el caso de los resultados de "curioso" y varios.

imagen

Google Chrome es muy rápido los resultados, con un valor de 68 (promedio) en el ensayo con jQuery . El más lento, sin embargo, fue Flock , a pesar de venir de la misma "madre" de Mozilla. Este pobre desempeño de Flock es realmente curioso como las redes sociales de corte, ya que es precisamente la web 2.0 redes sociales para tomar ventaja de los marcos de JavaScript disponibles, a fin de proporcionar una experiencia de navegación verdaderamente innovador y la interacción.
Sorprendentemente latidos Firefox y Opera también tiene un "pequeño y agradable, logrando incluso un 74 en el desempeño de Dojo ! FireFox y Safari, en general, son similares, con Safari más rápido en las pruebas con Mootools y jQuery.

¿Qué marco de elegir?

Si no te importa que prueba la velocidad de ejecución y no se preocupe por el tamaño normal en Kbytes del mismo marco, la respuesta podría ser "lo que te gusta" o, si se quiere, "lo que usted sabe mejor o es más armoniosa con su estilo de programación. "
En última instancia, estos marcos se verá un poco 'todos (véase por ejemplo el uso de $), a pesar de algunas diferencias importantes y sustanciales que pueden saltar a los ojos de un experto o realmente empujó el uso de una biblioteca en particular. En principio, de hecho, todo lo que se puede hacer con jQuery, por ejemplo, que usted puede hacer muy bien con mootools o prototipo! Si jQuery tiene una sintaxis muy compacto, ya que todos los métodos siempre devuelven el objeto jQuery base, creando así interminables filas de oggetto.metodo().metodo().metodo()... se dice que todo esto es los costos de una fortaleza, especialmente para aquellos que se han de depurar!
Las bibliotecas como prototype.js pecado, quizá en la ausencia de efectos, incluso simple, obligando a los desarrolladores a implementar como un spin-off scriptaculous.js , pesado y muy lejos de la elección de la primera biblioteca.

Un ejemplo

Esta última razón, por ejemplo, me llevó a sustituir el prototipo unido / Scriptaculous con jQuery para crear paneles interactivos / undolog.com animados aquí en la barra lateral. De hecho, incluso utilizando la API de Google para importar bibliotecas, que es un desperdicio para cargar todas las bibliotecas y scriptaculous un slideUp slideDown. Para más información y un ejemplo, aquí está el código Javascript, ya que fue junto con el prototipo / Scriptaculous:

1
2
3
4
5
6
7
8
9
10
11
12
13
/ / Prototipo / scriptaculous
) . each ( $ $ ('H2.dropdown "). Cada uno (
element ) { función (elemento) {
= "pointer" ; .. elemento de estilo cursor = "puntero";
'click' , elemento. observe ('click',
event ) { función (evento) {
this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; si (.. this. next () el estilo de visualización == "") Efecto nuevo BlindUp (this. next (), {duration: 0.5});.
Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; . Efectos más nuevo BlindDown (this. next (), {duration: 0.3});
event ) ; Detener Evento (evento).;
}
)
}
);

y ahora con jQuery:

1
2
3
4
5
6
7
8
9
10
/ / JQuery
) . each ( $ ('H2.dropdown "). Cada uno (
i ) { función (s) {
) . css ( 'cursor' , 'pointer' ) . click ( $ (This). Css ('cursor', 'puntero'). Haga clic en (
function () {
$ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; si (.. $ (this) siguiente () es (:) "ocultos") slideDown $ (this) al lado de () (); más $ (this) siguiente () slideUp ();....
}
);
}
);

En definitiva, una mirada más cercana, no creo que hay una gran diferencia! Pero como he dicho antes ... la pregunta es "también" de gusto personal.

Continuación ...

Flick y Flock

Si hay algo que Mozilla navegadores son conocidos por hacer bien!

Rebaño

Flock es un navegador con una gran variedad de funciones de redes sociales y blogs. Disponible para Mac, Linux y Windows ofrece una nueva experiencia de navegación para aquellos que, como yo, tener varias cuentas en sitios de redes sociales (Facebook, Twitter, YouTube, ...) y también quiere gestionar los feeds RSS tan suave y rápido.

Instalación

Si usted tiene FireFox (que no es necesario desinstalar) todos los ajustes se pueden transferir en Flock durante el uso de cookies en primer lugar, las contraseñas, marcadores, lo que sea. Después de utilizar Flock durante unos minutos, tuve la tentación de quitar el FeedReader gran utilidad, dada la excelente gestión de alimentar al rebaño es.

Características

Además de contar con muchas características similares a Firefox, que el acceso es directo, Flock le permite:

  • Blog Editor
    Editor simple pero eficaz para la publicación de post en nuestro blog. Es compatible tanto con plataformas de blogs personales, como WordPress, Blogger y Live Journal. Excelente las "notas", el Portapapeles de Web, se encuentran en varias secciones del navegador
  • Panel de personas
    Usando el simple arrastrar y soltar se puede compartir instantáneamente fotos y enlaces con nuestros contactos, se recuperó de Twitter, Facebook, YouTube o Flickr
  • Media Bar
    Flock es capaz de reconocer automáticamente muchas funciones al entrar en un sitio web (blog o red social). Por ejemplo, entrando en un YouTube o Flickr medios bar se abrirá en la parte superior donde se puede desplazar horizontalmente, lo que le permite enviar vídeos e imágenes o copiar el contenido de inmediato
  • Search Engine
    La gestión de la investigación es completamente personalizable (como ya sucede con Firefox Abrir búsqueda estándar), lo que permite agregar fácilmente una gran variedad de motores de búsqueda alternativos, tanto de una lista propuesta en el sitio de Flock está presente a través del reconocimiento automático un sitio
  • Plugins y extensiones
    Incluso Flock como FireFox ya tiene varias extensiones, un arma que ha demostrado su eficacia a causa de FireFox. Algunos son específicamente para el Rebaño, aunque se pueden encontrar algunos "portabilidad" de las extensiones conocidas para FireFox
  • Manejo de las fotos
    Gracias al Photo Uploader puede utilizar una aplicación interna de Flock para enviar rápidamente nuestras fotos a Flickr o Facebook.

Continuación ...