Publicidad

RSS Navegadores

Comet fácil con Atmosphere Framework

4 Comentarios
Comet fácil con Atmosphere Framework

Seguramente has sentido nombrar la técnica de comet o técnica de push que permite que el servidor envíe peticiones sin que el browser o cliente lo solicite. Voy a dar un ejemplo, si debemos implementar un chat, en el modelo tradicional el cliente debe preguntar cada cierto tiempo si hay un nuevo mensaje para él porque el servidor no puede notificar al cliente sin un pedido de éste.

El enfoque comet difiere del modelo original de la web, en el que un navegador solicita una página web completa o trozos de datos para actualizar una página web. En cambio, el servidor puede notificar al cliente sin que él haya hecho un pedido, pero esto es solo en teoría porque en la práctica hay diferentes formas de implementar comet, una muy extendida es que el cliente haga pedidos largos y el servidor solo conteste cuando tenga algo que notificar, otro modo es utilizar WebSocket si utilizamos HTML 5.

Atmosphere es un framework java/javascript para la construcción de aplicaciones Web asincrónicas usando Groovy, Scala y Java. El objetivo del framework es permitir a los desarrolladores escribir una aplicación y dejar que éste descubra el mejor canal de comunicación entre el cliente y el servidor, de forma transparente. Por ejemplo, con atmophere una aplicación puede utilizar webSockets cuando el servidor y el browser lo permitan pero éste framework usara otra técnica si esto no esta soportado.

Leer más »

CSS3 Animaciones y Frameworks

4 Comentarios
CSS3 Animaciones y Frameworks

CSS3 ha supuesto una verdadera revolución para los diseñadores web y también para los desarrolladores. Poco a poco el soporte entre los navegadores va en aumento y aunque hoy en día todavía tengamos que usar para muchas propiedades de CSS3 los típicos prefijos de "moz" o "-webkit" la situación esta mejorando. Una de las cosas que más me ha gustado por parte de CSS3 es la posibilidad de trabajar con animaciones y transiciones. Las transiciones nos permiten realizar animaciones cortas muy similares a las capacidades que tiene JQuery como framework de Javascript. Eso sí mucho más encajadas dentro de la filosofía de CSS y con una sintaxis amigable. Vamos a ver un ejemplo sencillo del uso de la opacidad utilizando links y un cuadrado azul.

Leer más »
Publicidad

ECMAScript 6 - nuevas variables en JavaScript: let y const

10 Comentarios
ECMAScript 6 - nuevas variables en JavaScript: let y const

ECMAScript 6 o dicho de otra forma: la nueva versión de JavaScript, que actualmente están empezando a implementar algunos navegadores. Firefox tiene un amplio soporte para esta nueva versión de JavaScript y Chrome, tiene algo de soporte (aunque se puede extender habilitando alguna flag).

Pero sin más preámbulos vamos a conocer los nuevos tipos de variables que acompañan a ya clásico var, como es let (para controlar el ámbito de la variable) o const (que por fin nos trae las constantes en JavaScript).

Leer más »

Mozilla se ve obligado a implementar el DRM en Firefox

2 Comentarios
Mozilla se ve obligado a implementar el DRM en Firefox

El DRM (Digital Restrictions Management) no es algo nuevo en los navegadores, es algo que siempre ha existido mediante plugins o extensiones. Algo que además ha dado mucho que hablar por la presión que han hecho grandes empresas para crear un estándar de DRM en HTML5.

Firefox ha sido el último en unirse al DRM, sin más opciones si quiere ofrecer un navegador de calidad a sus usuarios y no quedarse atrás, ya que es el único de los grandes que aún no lo implementaba.

Leer más »

Ahorra peso a una web usando pictografías en lugar de imágenes

6 Comentarios
Ahorra peso a una web usando pictografías en lugar de imágenes

En el diseño es algo habitual usar imágenes, pero es cierto que muchas veces su uso puede ralentizar la carga de una web o app y finalmente engordar la cantidad de datos transmitidos. Para solucionar este problema podemos optar por el uso de sprites cuando queremos añadir iconos similares o pequeños detalles en una web, pero desde hace tiempo disponemos de las pictografías, que son fuentes tipográficas que contienen iconos y podemos usar de forma simple como si de letras normales se tratasen (pero muestran diferentes iconos).

La principal ventaja de las pictografías es que son vectores y nos permiten añadir iconos redimensionables que no perderán la resolución en ningún momento, además de poder cambiar el color y añadirle efectos, al igual que hacemos con la letra de una web.

Leer más »

El borrador de la segunda versión de HTTP revela una gran mejora de rendimiento del protocolo

19 Comentarios
El borrador de la segunda versión de HTTP revela una gran mejora de rendimiento del protocolo

El ya conocido protocolo de transferencia de hipertexto (HTTP) como ya sabemos está algo anticuado, ya que desde su primera definición solo se ha hecho una mejora, pensada para mejorar la accesibilidad del protocolo y no para el rendimiento (en la versión HTTP1.1). Pero este nuevo borrador deja ver el enfoque del diseño de HTTP2, totalmente pensado para mejorar las comunicaciones en las que haya muchas solicitudes, donde se encargará de multiplexar una sola petición TCP para eliminar el resto de peticiones que no eran necesarias.

Leer más »
Publicidad

Virtualizando online cualquier navegador y haz pruebas de diseño, ejecución o seguridad

6 Comentarios
Virtualizando online cualquier navegador y haz pruebas de diseño, ejecución o seguridad

Spoon es una plataforma que nos permite virtualizar multitud de aplicaciones de forma rápida y sencilla (no solo navegadores, sino una lista enorme de herramientas de ofimática, herramientas de desarrollo, IDEs, juegos...). El servicio funciona a través de una aplicación que tenemos que instalar que es la encargada de ejecutar el programa seleccionado, que podemos abrirlo cómodamente desde el navegador.

Leer más »

Hacer aplicaciones web instalables en Firefox OS y Android

7 Comentarios
Hacer aplicaciones web instalables en Firefox OS y Android

Tras entrar de lleno en las bases del desarrollo de Firefox OS toca convertir las aplicaciones web en aplicaciones instalables para Firefox OS, Firefox para Android o Firefox de escritorio.

Y es que estas aplicaciones también se pueden instalar en nuestro móvil con Android o nuestro Escritorio igual que lo hacemos en Firefox OS, simplemente tenemos que poner en uso el manifest.webapp y la API para la instalación de aplicaciones web de Mozilla.

Leer más »

Empezando a diseñar en Firefox OS, pautas básicas y uso de la UI

10 Comentarios
Empezando a diseñar en Firefox OS, pautas básicas y uso de la UI

Diseñar en Firefox OS es muy simple, teniendo en cuenta que las aplicaciones están hechas con HTML5 y CSS3, la única diferencia es que disponemos de una UI que nos recomiendan usar y que podemos establecer el logo de la aplicación, en este aspecto se asemeja a las apps de Chrome.

Mozilla ha puesto a nuestro disposición todos los bloques de la UI de Firefox OS, que incluyen botones, interruptores, cabeceras, menús y algunas cosas más, que pueden ser usadas en cualquier proyecto (no depende de Firefox OS) y vamos a poner en práctica.

Leer más »

Cómo empezar a desarrollar para Firefox OS

5 Comentarios
Cómo empezar a desarrollar para Firefox OS

Desde que llegaron las primeras noticias sobre Firefox OS este nuevo sistema basado en HTML5 querían dejar claro lo fácil que era desarrollar sobre esta plataforma y también destacaba por su arquitectura simple (basada en un núcleo Linux y el motor de renderizado Gecko) y ahora ya está todo lo necesario para empezar a desarrollar accesible para cualquiera que se quiera aventurar con Firefox OS.

Desarrollar para Firefox OS no es solo hacer una página web, por lo que para empezar veremos como probar las funciones que solo podemos usar en móviles con Firefox para Android o con el simulador, como configurar el archivo manifest.webapp en un momento y ver que requisitos de seguridad nos exigen desde Mozilla para las aplicaciones de su nuevo sistema.

Leer más »
Publicidad

Ver más artículos