Artículos con la etiqueta 'Chrome'

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 ...

Internet Explorer: la mayor campaña viral jamás se ha hecho?

Los navegadores son ahora una herramienta indispensable y, muy posiblemente, la aplicación de software más conocidos disponibles. Donde una vez que se este registro para aplicaciones como Microsoft Word, el podio está ocupado ahora por la aplicación que ha revolucionado la informática, la comunicación, y posiblemente del mundo. Debido a su simplicidad, el navegador se ha extendido rápidamente y la capacidad de adaptación que pocas otras aplicaciones han sido capaces de demostrar: plataformas cruzadas (plataformas) y los dispositivos de cruz (multi-dispositivo).
Navegar por Internet es posible gracias a su navegador, lo podemos usar desde un PC, un Mac, una computadora de mano, los nuevos "teléfonos móviles".

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 ...

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 ...