HTML5CL–Comunidad Chilena entorno a HTML5

image

Hola que tal?, te cuento que estamos armando una iniciativa de compartir información acerca de este nuevo estándar de la Web. La URL es:

http://html5cl.wordpress.com/

Como dice el sitio:

HTML5CL es un lugar de encuentro para que nosotros, los desarrolladores web compartamos información acerca de este nuevo estándar de la Web. Buscamos la manera de apoyarnos mutuamente fomentando el buen uso de las nuevas características mediante tutoriales, videos, aportes de todos. Entre todos hacemos este sitio!

Seguramente preguntas como puedo cooperar…

Puedes colaborar enviando tus aportes al correo electrónico contacto.html5cl@gmail.com, todo es bienvenido:

  • WebCast
  • ScreenCast
  • Artículos
  • Noticias
  • Código con ejemplo ( es importante que adjuntes el código, de manera que todos puedan probar tus aportes)

El reconocimiento del material, siempre será del autor, es por eso que puedes especificar tu correo, Facebook, twitter, la url de tu propio sitio web, etc.

Esperamos tener una buena llegada con los desarrolladores. La cara visible de esta comunidad es tu mismo, con tus aportes.

———

La idea es que todos cooperemos, en mi caso, fue un video sobre LocalStorage:

Espero que te animes a cooperar!
Saludos,
@chalalo

Slides App en HTML5, Los pilares de una Nueva Web–TechDays 2011

Hola, también les dejo los slides de la charla de HTML que dimos con el Maestro Miguel Ángel Sáez, agradezco a todos los buenos comentarios Sonrisa

Recuerden lo del diplomado en HTML5 y el hashtag #HTML5CL para comenzar a armar comunidad e intercambiar información!

http://blogs.msdn.com/b/rmugar/archive/2011/11/11/diplomado-microsoft-fundamentos-de-html5.aspx

Saludos,
@chalalo

Slides de Novedades de WebMatrix Beta 2–TechDays 2011

Hola, les comparto la presentación que utilicé para la charla de WebMatrix 2 en el TechDay 2011, recuerda que está disponible la academia MVA de WebMatrix en :

https://www.microsoftvirtualacademy.com/tracks/desarrollo-con-webmatrix

y que pueden descargar WebMatrix Beta 2 desde:

http://www.microsoft.com/web/webmatrix/next/

Las Slides!

Saludos!
@chalalo

Ajax Control Toolkit November 2011 Release

(Extracto del Blog de Stephen Walter)

Se lanzó un nuevo release del ya famoso Ajax Control Toolkit, esta vez se introduce un nuevo  control Ballon  Popup y mejoras en el ya existente Control Tab, incluyendo el soporte  de carga bajo demanda de cada pestaña y el soporte para navegación mediante teclado. Se ha solucionado los bugs más reportados en CodePlex.com

Puedes descargar este control desde el sitio de CodePlex.

http://AjaxControlToolkit.CodePlex.com

De manera alternativa y rápida se puede obtener esta versión del ACT utilizando  NuGet simplemente abriendo la consola del  Library Package Manager en Visual Studio 2010 y escribir:

image

Con el control ballonPopUpExtender puedes hacer lo siguiente ente otras cosas:

image

image

Con una configuración realmente fácil, especificando el TargetControlID al que se va a asignar el BallonPopUpExtender

image

Sobre las pestañas, mejor lo lees de la fuente, pero que puedes esperar? Antes el contenido de los tabs se cargaban al momento del redenrizar el control, lo que a toda vista puede generar un problema de performance o de vista de actualización de datos.

Revísalo en el blog de Sthepen Walther:

http://stephenwalther.com/blog/archive/2011/11/16/ajax-control-toolkit-november-2011-release.aspx

Actualmente ya hay bastantes plugins para JQuery que permiten utilizar efectos similares en nuestras páginas, sin embargo, si eres un programador WebForm te va a servir mucho esta nueva release.

Saludos!
@chalalo

Video del WebCast de Relación de ASP.NET con HTML5 y CSS3

Hola, acá les dejo el video del webcast de hoy sobre la relación de ASP.NET con  HTML5 y CSS3, no apuntaba a ser algo muy técnico, más bien una conversación acerca de lo que está haciendo el team ASP.NET en Webforms y MVC.

Ahh trata de verlo en HD , vas a distinguir mejor el código y te advierto, dura 1 hora 20 minutos, para rato!

Saludos!
@chalalo

[Tips] Activar Autocompletación de código JQuery en WebMatrix Beta 2

Hola que tal, una de las características que más me gustan en WebMatrix beta 2 son la autocompletación de código para PHP, funciones de WordPress y obviamente jQuery, pero la primera vez que lo baje, no me funcionó el intellisense de jQuery, pense que algo no estaba haciendo bien,y claro, hay que agregar la referencia al archivo de autocompletar. Creo que eso tiene lógica, debido a que este archivo, que es el mismo que se utiliza en Visual Studio, se puede actualizar tan rápido como versiones de jQuery están siendo liberadas, ( y están liberando versiones con mucha frecuencia!)

Primero que nada, descarga la versión de vsdoc desde http://www.asp.net/ajaxlibrary/cdn.ashx , en mi caso seleccione la 1.7.

image

Luego la agregar a tu proyecto, a continuación agregar la referencia al archivo en donde quieres que funcione la autocompletación:

/// <reference file="jquery-1.7-vsdoc.js" />

y listo, ya tienes Intellinsense para jQuery en WebMatrix Beta 2

Y si no tienes WebMatrix, descárgalo ya!
http://www.microsoft.com/web/webmatrix/next/

Saludos,
@chalalo

TechDays 2011- Chile : Agenda disponible!

Están abiertos los registros para el evento TechDays 2011, tengo el agrado de participar como orador, sobre temas de HTML5 y WebMatrix, espero que nos veamos allá Sonrisa

Regístrate en:http://www.techdays.cl/registro.html

Evento de la Mañana:Orientado a Profesionales (Infraestructura y Desarrollo) que trabajen en el área Informática dentro de una empresa. Abordará temas de Innovación, Entornos de Trabajo flexibles, Valor de negocios, Reducción de costos, Nuevas tendencias (computación en la nube, consumerización de TI, etc.).

Yo estoy a las 10:40 junto a Miguel Ángel Saez hablando de HTML5,CSS y Javascript

image

Evento de la tarde:Para Desarrolladores o Profesionales de TI independientes,  Emprendedores, o Estudiantes de informática interesados en temas de Desarrollo web, de Videojuegos, Desarrollo móvil, Computación en la nube, Virtualización, Administración y Soporte de equipos,etc.

Estoy a las 17:00 horas junto a Maximiliano Marín hablando sobre WebMatrix 2

image

Nos vemos!
Saludos,
Gonzalo

ASP.NET 4.5–Nueva característica de Agrupación y Minificación

Hola que tal, hoy voy a hablar sobre una muy buena característica que nos trae ASP.NET 4.5. Para situarnos en el contexto, hablemos de optimización, ASP.NET nos ha dado mecanismos de optimización en el front-end y back-end. Técnicas de agrupación y Minificación ya  eran posibles de aplicar en ASP.NET, sin embargo, no con la facilidad y flexibilidad que nos presenta ASP.NET 4.5 Developer Preview , la cual introduce bundling(Agrupación o combinación), que nos permite combinar múltiples archivos JavaScript para una carga más rápida al evitar request por cada uno de los archivos js, y aplicando minificación, que reduce considerablemente el tamaño de los archivos JavaScript y CSS removiendo los caracteres innecesarios.

Veamos como funciona, para esto veamos la estructura típica de un proyecto ASP.NET WebForm:

image

El archivo index.aspx está simplificado al máximo solo para efectos demostrativos, veamos el código:

image

Como ves, solo tenemos la carga de los CSS y los Scripts, al momento de ver las peticiones request de la página veremos:

image

Nos podemos dar cuenta de la forma de la carga de los archivos,  tenemos 9 peticiones y 137KB.

Veamos ahora la nueva característica de ASP. NET 4.5, que permite reducir el numero de request combinando los archivos JS en uno solo, al igual que los archivos CSS, los cuales son minimizados automáticamente.

Primero que nada debemos hacer referencia ahora a las carpetas en donde se encuentran los script y estilos:

<link href=”Styles/css” rel=”stylesheet” type=”text/css” />

<script src=”Scripts/js” type=”text/javascript”></script>

Y en el globlax.asax, agregar en el método Application_Start la combinación por Default (EnableDefaultBundles)

<%@ Import Namespace=”System.Web.Optimization” %>

Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs)

        BundleTable.Bundles.EnableDefaultBundles()

End Sub

Ahora en tiempo de ejecución automáticamente  se combinará y minimizarán los archivos JS y CSS, veamos:

image

Wow!!!, El CSS minimizado y el JS minimizado, él tamaño total del request es 80KB, pero una aclaración, debes  eliminar todos los archivos que nos vas a ocupar en producción, como por ejemplo, los ya minimizados, por que ahora ya no estas discriminando por archivo referenciado desde tu página, si no que es toda la carpeta Script, lo mismo para los CSS, además deben estar bien formateados o la minificación falla.

Para comprobar esto, podemos ver la respuesta del request al recurso CSS Minimizado

image

Ahora también puedes crear tu propio Bundling en el archivo globlal.asax, para CSS con CssMinify o para JavaScript JsMinify y agregrando los archivos que serán combinados y minimizados  con su ruta relativa.

  Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs)

        BundleTable.Bundles.EnableDefaultBundles()

        Dim cssBundle = New Bundle(“~/Content/css”, GetType(CssMinify))

        cssBundle.AddFile(“~/Styles/css1.css”)

        cssBundle.AddFile(“~/Styles/css2.css”)

        cssBundle.AddFile(“~/Styles/css3.css”)

        cssBundle.AddFile(“~/Styles/css3.css”)

        

  End Sub

Para hacer un resumen:
Antes  del aplicar esta característica:9 Peticiones, 137Kb
Después de aplicar combinación y minificación:3 peticiones, 80Kb.

Espero que te sirva Sonrisa
Saludos!

Webcast MSDN: Trabajando con ASP.NET 4.5 & HTML5 & CSS

image

Hola que tal, los quiero invitar a este WebCast que voy a dar el 14 de Noviembre, espero que puedan agendarlo Sonrisa

Url:
https://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032498442&Culture=es-AR

Si estas desarrollando un nuevo Sitio Web con ASP.NET o estas manteniendo uno existente, de seguro ya estarás escuchando las voces que hablan de HTML5.En esta sesión veremos cómo trabajar con HTML5 y CSS3 dentro de Visual Studio en proyectos ASP.NET. También veremos lo nuevo que nos trae JavaScript para el desarrollo de aplicaciones más ricas y modernas todo esto bajo Visual Studio 2011.

Inicio: lunes, 14 de noviembre de 2011 02:00 p.m.  Zona horaria: (GMT-05:00) Bogotá

Hora Chile: 16:00 horas
Duración: 1 hora(s)

image

Nos vemos allá!
Saludos!
Gonzalo