Introduction to HTML 5

Video muy interesante, de lo que se viene….

jqGrid, Excelente Grilla de JQuery

jqGrid Ajax es un control con capacidad de JavaScript que proporciona soluciones para representar y manipular datos en forma tabular en la web. Dado que la red es un cliente de solución de carga lateral de datos dinámicamente a través de devoluciones de llamada de Ajax, que se puede integrar con cualquier tecnología del lado del servidor, incluyendo PHP, ASP, Java Servlets, JSP, ColdFusion, y Perl.

Es impresionante lo que puede hacer esta grilla, no solo me resulta más agradable que el GridView de net, sino que tiene muchisimas funcionalidades, que no me cabe ninguna duda que les va a gustar. Les recomiendo que vean el siguiente link, donde van a poder ver ejemplos de las cosas que se puede hacer.

Demo / Ejemplos: http://www.trirand.com/jqgrid/jqgrid.html
Descarga: http://www.trirand.com/blog/?page_id=6
Fuente: http://www.trirand.com/blog/

Capturas:

BrowserShots – Muchos navegadores, muchas capturas

http://browsershots.org/ Lo que hace es justamente armar capturas de pantalla de la url que indiques. Solo tiene que poner tu url y hacer clic en el boton “submit” y listo. Te genera las capturas de todos los navegadores seleccionados.
Cabe destacar que tarde un rato en hacerlo, lo que dependerá de cuantos navegadores tengas seleccionados.

Estos son algunos de los navegadores que puede generarte la captura de pantalla:
Epiphany 2.22
Firefox 1.0
Firefox 2.0
Firefox 3.0
Firefox 3.1
Firefox 3.5
Flock 1.2
Flock 2.0
Galeon 2.0
Iceape 1.1
Iceweasel 2.0
Iceweasel 3.0
Kazehakase 0.4
Kazehakase 0.5
Konqueror 3.5
Konqueror 4.2
Minefield 3.2
Minefield 3.6
Navigator 9.0
Opera 10.0
Opera 9.63
Opera 9.64
SeaMonkey 1.1
SeaMonkey 2.0
Shiretoko 3.1
Shiretoko 3.5
Avant 11.7
Chrome 0.2
Chrome 2.0
Chrome 3.0
Firefox 0.9
Firefox 1.5
Firefox 2.0
Firefox 3.0
Firefox 3.1
Firefox 3.5
Flock 1.1
Flock 1.2
Flock 2.0
Flock 2.5
Flock 3.0
K-Meleon 1.1
K-Meleon 1.5
Minefield 3.2
Minefield 3.6
MSIE 4.0
MSIE 5.0
MSIE 5.5
MSIE 6.0
MSIE 7.0
MSIE 8.0
Navigator 8.1
Navigator 9.0
Opera 0.27
Opera 10.0
Opera 7.0
Opera 7.11
Opera 7.54
Opera 8.0
Opera 8.53
Opera 8.54
Opera 9.25
Opera 9.26
Opera 9.27
Opera 9.50
Opera 9.51
Opera 9.52
Opera 9.60
Opera 9.61
Opera 9.62
Opera 9.63
Opera 9.64
Safari 3.0
Safari 3.2
Safari 4.0
SeaMonkey 1.1
SeaMonkey 2.0
Shiretoko 3.5

Sitio: http://browsershots.org/

Firefinder for Firebug

Firefinder es una herramienta útil a la hora de crear un selector para jQuery, que normalmente es donde usted comienza el trabajo más jQuery. En el siguiente screencast que muestra cómo utilizar Firefinder en relación con la consola de Firebug ventana con el fin de añadir algunos efectos de animación a mi blog sobre el ratón por encima y al ratón con los acontecimientos.

Original Post: http://elijahmanor.com/webdevdotnet/post/Firefinder-Add-on-for-Firebug-Add-on-for-Firefox.aspx

Descargar: https://addons.mozilla.org/en-US/firefox/addon/11905

FireQuery Add-on for jQuery

FireQuery añade funcionalidades extra a la pestaña HTML y le permite ver visualmente incorporado elementos de datos y controladores de eventos que se han añadido a través de jQuery. Además, se ha construido en Firebug lo que le permite inyectar jQuery en páginas que no lo tenía instalado previamente. Esto le permite jugar con jQuery o extraer información de una página web que antes no podría haber instalado jQuery.

Post Original: http://elijahmanor.com/webdevdotnet/post/Digging-Into-The-FireQuery-Add-on-for-jQuery.aspx

Descargar: https://addons.mozilla.org/en-US/firefox/addon/12632

jQuery

Tiene solo 12 años, pero la verdad que sabe un motón de JQuery.

JavaScript: The Good Parts

High Performance Web Sites and YSlow

Las 14 reglas para tener un site performante. Dura 1 hora, pero creo que lo vale.

Meta etiqueta para Internet Explorer 8

Con el lanzamiento de Internet Explorer 8, los maquetadores web nos encontramos ante un nuevo reto en nuestro trabajo diario, un nuevo navegador de Microsoft que, por suerte o por desgracia, poco o nada tiene que ver con sus antecesores.

Para los próximos desarrollos la estrategia a seguir está clara, asegurar nuestras maquetas en IE 7  y 8. Pero, ¿qué pasa con nuestros proyectos que ya están en producción? ¿Partimos desde cero para crear una hoja de estilos que funcione correctamente en IE 8?

La compañia de Redmond nos ha tenido en cuenta (aunque sea por primera vez) a nosotros, sufridos maquetadores y se ha sacado de la manga una nueva meta etiqueta, concretamente esta:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Con esta simple linea, forzaremos al motor de IE 8 a renderizar como lo hace  IE 7, haciendo las mismas barbaridades que su predecesor e incumpliendo exactamente los mismos estándares. Lo que hará que todas aquellas webs maquetadas a la perfección en IE 7, se vean exactamente igual en la nuva versión del navegador de Microsoft.

Su funcionamiento es muy simple. Tan solo debemos añadir la meta etiqueta en la cabecera del HTML, pero ojo, la etiqueta deberá estar obligatoriamente justo después de la apertura de la cabecera (<head>). Si la situamos en cualquier otro sitio del documento, no funcionará.

Veamos un ejemplo de donde insertarla:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head>

<!-- ES IMPRESCIDIBLE QUE LA ETIQUETA X-UA-COMPATIBLE SEA LA PRIMERA QUE APAREZCA EN EL HEADER -->

<meta http-equiv="X-UA-Compatible" content="IE=7" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>X-UA-Compatible. Meta etiqueta para Internet Explorer 8 | pon css en tu vida!</title>

Modificando una sola línea de nuestros antiguos proyectos, conseguiremos que el nuevo Internet Explorer 8 muestre correctamente el fruto de nuestras horas de maquetación para ese suplicio llamado IE7.

Performance Tuning Best Practices for MySQL

Video para quienes trabajen con MySQL.