Volviendo!!!

 Despues de muchos años voy a retomar este espacio, para sumar contendio e ir contando todas las actualizaciones del mundo digital!

10 años!!! Wow!!

Desarrollo con WebMatrix

Webmatrix es un conjunto de herramientas que permite empezar de forma rápida en el mundo del desarrollo web. En esencia agrupa software que normalmente utilizamos de forma independiente en Windows en un solo paquete de instalación y los integra de forma que no tenemos que preocuparnos por cada herramienta de forma individual. Así pues Webmatrix incluye IIS Developer Express (el servidor Web que permite desplegar nuestras aplicaciones), ASP.NET (El subconjunto de .Net orientado al desarrollo web), una versión compacta de SQL Server (el motor de base de datos) y un editor de código con poderosas funciones de autocompletado muy útiles. Adicionalmente se contempla la interoperabilidad, así que olvídate de instalar Linux para utilizar PHP y MySQL para desarrollar, Webmatrix integra de forma perfecta este poderoso lenguaje.

fuente: Microsoft Virtual Academy

Adobe Edge. Animaciones en HTML5 sin programar.

 una nueva herramienta que va a revolucionar el uso de las animaciones en la web.

gentileza: Carlos Jara

INTRODUCCIÓN A jQuery Mobile

JQuery Mobile es un framework para desarrollo de aplicaciones y sitios web optimizados para smartphones y tablets.

Es el framework que estamos utilizando en Facultia para el desarrollo de la versión móvil de la aplicación.

¿Por qué utilizarlo?

Con el lema “write less, do more” podemos desarrollar una sola aplicación que funcione en las plataformas más populares de smarthphones y tablets, en vez de tener que escribir aplicaciones nativas para cada dispositivo móvil o sistema operativo, siempre teniendo en cuenta las limitaciones del navegador utilizado.

Plataformas Soportadas:

Además, no es necesario que el programador reciba formación específica como en el caso de Objective-C para iOS/iPhone o Java para Android y únicamente sabiendo HTML puede realizar el trabajo.

Para definir el grado de compatibilidad con los dispositivos, jQueryMobile nos ofrece el siguiente sistema de clasificación:

Sistema completo o de grado-A, con animaciones entre transiciones de páginas basado en Ajax.

Sistema completo menos Ajax o de grado-B.

Sistema básico o de grado-C, para smartphones antiguos.

Sistema no soportado oficialmente. Funciona en el dispositivo aunque no está testeado.

Versión actual

Actualmente está en versión beta 1.0b2.
Para utilizar el framework podemos descargar todos los ficheros a nuestro servidor o utilizar uno de los CDN que hay disponibles.

Ejemplo

Veamos un ejemplo sencillo que contiene dos páginas:

Home: contiene un header con dos botones (un enlace externo al blog y otro al login), un content con un listview de grupos que nos permite introducir un filtro y unfooter con una navbar con posición fija.

Login: un formulario de login con header y footer básicos (en el header, a la derecha, podemos ver un botón sin texto que nos permite ir al home).

fuente: facultia.com

CSS 3 trae grandes novedades para el diseño web

El objetivo inicial de CSS, separar el contenido de la forma, se cumplió ya con las primeras especificaciones del lenguaje. Sin embargo, el objetivo de ofrecer un control total a los diseñadores sobre los elementos de la página ha sido más difícil de cubrir. Las especificaciones anteriores del lenguaje tenían muchas utilidades para aplicar estilos a las webs, pero los desarrolladores aun continúan usando trucos diversos para conseguir efectos tan comunes o tan deseados como los bordes redondeados o el sombreado de elementos en la página.

CSS 1 ya significó un avance considerable a la hora de diseñar páginas web, aportando mucho mayor control de los elementos de la página. Pero como todavía quedaron muchas otras cosas que los diseñadores deseaban hacer, pero que CSS no permitía especificar, éstos debían hacer uso de trucos para el diseño. Lo peor de esos trucos es que muchas veces implica alterar el contenido de la página para incorporar nuevas etiquetas HTML que permitan aplicar estilos de una manera más elaborada. Dada la necesidad de cambiar el contenido, para alterar al diseño y hacer cosas que CSS no permitía, se estaba dando al traste con alguno de los objetivos para los que CSS fue creado, que era el separar por completo el contenido de la forma.

CSS 2 incorporó algunas novedades interesantes, que hoy ya utilizamos habitualmente, pero CSS 3 todavía avanza un poco más en la dirección, de aportar más control sobre los elementos de la página.

Así pues, la novedad más importante que aporta CSS 3, de cara a los desarrolladores de webs, consiste en la incorporación de nuevos mecanismos para mantener un mayor control sobre el estilo con el que se muestran los elementos de las páginas, sin tener que recurrir a trucos o hacks, que a menudo complicaban el código de las web.

Propiedades nuevas en CSS 3

He aquí una lista de las principales propiedades que son novedad en CSS3.

Bordes

• ·         border-color
• ·         border-image
• ·         border-radius
• ·         box-shadow

Fondos

• ·         background-origin
• ·         background-clip
• ·         background-size
• ·         hacer capas con múltiples imágenes de fondo

Color

• ·         colores HSL
• ·         colores HSLA
• ·         colores RGBA
• ·         Opacidad

Texto

• ·         text-shadow
• ·         text-overflow
• ·         Rotura de palabras largas
• ·         Web Fonts
• ·         Interfaz
• ·         box-sizing
• ·         resize
• ·         outline
• ·         nav-top, nav-right, nav-bottom, nav-left

Selectores

• ·         Selectores por atributos
• ·         Modelo de caja básico
• ·         overflow-x, overflow-y

Degradados CSS3

• ·         Degradados lineales
• ·         Degradados radiales
• ·         Degradados lineales de repetición
• ·         Degradados radiales de repetición

Otros

• ·         media queries
• ·         creación de múltiples columnas de texto
• ·         propiedades orientadas a discurso o lectura automática de páginas web
• ·         animaciones CSS3

Parte de este listado de nuevas propiedades de CSS 3 lo he sacado de: http://www.css3.info/preview/. Es un sitio en inglés, pero puede estar bien visitar para ir conociendo más detalles sobre CSS 3.

HTML5: ¿Qué es? Y ¿Cómo usarlo?

Sin lugar a dudas, el Hypertext Markup Language es la base del internet como la conocemos hoy en día. Es un lenguaje en constante evolución, que va mejorando versión a versión. Ahora con la recién publicada versión, la 5ª, veremos un gran cambio en la manera de escribir el código base de nuestras páginas web.

¿Qué es HTML5?

HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el explorador de internet y la manera de interactuar con ella.
HTML5 está siendo desarrollado por Ian Hickson de Google Inc. y David Hyatt de Apple Inc. junto con todas las personas que participan en Web Hypertext Application Technology Working Group.

¿Por qué utilizar HTML5?

HTML5 nos permite una mayor interacción entre nuestras páginas web y contenido media(video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.

Esta nueva versión se basó en el diseño más común de las páginas web alrededor del mundo para llegar a un estándar de etiquetas que realicen las mismas tareas de manera más rápida y eficiente, he aquí algunos ejemplos:

Un nuevo diseño para páginas web, reflejado en las etiquetas header, footer, nav, section, article las cuales están destinadas a remplazar la necesidad de tener una div para cada parte de la página, y en cambio, tener etiquetas específicas para ello.

La nueva etiqueta video para insertar un reproductor de video, mejorando el reproductor antiguo utilizado por la etiqueta embed y evitándonos la pena de insertar el código de object, así como eliminar la necesidad del Flash Player para reproducir videos (lo que nos lleva a un ahorro en la cantidad de memoria utilizada).

Una nueva tag audio para insertar audio en nuestro sitio web, remplazando la vieja etiqueta embed con las mismas cualidades de la etiqueta anterior.

Una etiqueta canvas para manejo de gráficos en internet, sea para dibujar vectores o hacer animaciones.

¿Cómo utilizar HTML5?

Basta con volver a definir nuestras primeras líneas de un archivo HTML para comenzar a usar la nueva versión. De la siguiente manera:

Conclusiones

La nueva versión de HTML contiene elementos dedicados ampliamente a mejorar la experiencia del usuario en nuestra página web, haciendo más fácil al diseñador poder agregar elementos de audio, video y en general del web 2.0 así como organizar sus contenidos utilizando menos código.
La nueva versión es más eficiente y ocupa menos recursos en la computadora del cliente, en particular mediante el uso del nuevo reproductor que no requiere flash o adobe player para utilizarse, y siendo el HTML5 compatible con las versiones anteriores de HTML, utilizar la nueva versión en una página ya diseñada implica un menor trabajo que si fuera una colección completamente nueva.
Por el contrario, HTML5 radica fuertemente en las capacidades del explorador, por lo que en estos momentos no todos los exploradores lo soportan (actualmente sólo Chrome, Safari, Firefox y Opera soportan la mayoría de las características).

GOOGLE+FACEBOOK

La app permite a los usuarios de Google+ ver sus comentarios y actualizar su estado en facebook. “Es una red dentro de otra red”, dijo uno de los desarrolladores

La función, llamada Google+Facebook, fue desarrollada por Crossrider, cuyo negocio principal se centra en añadidos a los navegadores de internet.

Ya tuvo más de 100 mil descargas, según Koby Menachemi, uno de los fundadores y presidente ejecutivo de Crossrider.

"Es algo que creamos en menos de un día", dijo Menachemi a Reuters. "El producto no es perfecto, pero puedes ver tus comentarios (de facebook) y actualizar tu estado mientras utilizas Google+", añadió.

Tras varios fallos previos, Google apuesta por que Google+, que ya tiene más de 10 millones de usuarios, compita directamente con facebook, que tiene más de 750 millones de inscritos en su red social.

Si bien muchos preferirían simplemente importar los amigos, fotos y otra información personal de facebook a Google+, eso viola los términos del servicio de facebook.

La aplicación de Crossrider, que es gratuita, tan sólo añade un ícono a Google+, en el que los usuarios pueden ver sus páginas de facebook.

"Es una red dentro de otra red", dijo Menachemi, y añadió que la compañía se preocuparía por implementar mejoras. "Si los usuarios quieren poder actualizar ambas redes, lo haremos. Si quieren comentar en su muro de facebook, lo haremos", añadió.

Menachemi señaló que la popularidad de la aplicación Google+Facebook había sido mayor de la esperada.

"No hicimos nada de publicidad. Simplemente dejamos un tweet y un comentario en facebook y la gente lo adoptó", dijo.

Fuente: Infobae.com