Verificar compatibilidad de navegadores

Por lo general cuando estoy en un proyecto web y quiero saber si una API es compatible con algunos navegadores, siempre reviso la web de http://www.w3schools.com/ o alguna que otra web similar. En estas webs por lo general no se muestra la compatibilidad con navegadores móviles, lo cual es muy importante hoy en día.

Hoy me ha llegado una web llamada http://caniuse.com/, que es excelente para este propósito mostrando en una tabla sencilla una lista de navegadores de escritorio y móviles con el tipo de compatibilidad que estas buscando. Excelente herramienta para saber que una API es soportada por algún navegador en especifico y una de las mejores que he visto.

Una web importante a tener en cuenta si eres desarrollador web.

link : http://caniuse.com/

PHP mostrar los mesajes de error del codigo

Algunas ocasiones cuando estas trabajando con PHP en un proyecto existente, te das cuenta que la aplicación no muestra ningún mensaje de error, aun cuando deliberadamente tu escribes mal algún método solo para ver si se muestra un error, y lo unico que obtienes es una pagina en blanco.

Esta pasa algunas veces por que en el servidor están desactivados los mensajes de error, lo cual es un problema  por que no podemos saber que nos esta causando el problema. Algunas veces para solucionar esto, es tan fácil  con solo agregar las siguientes lineas al inicio de tu script PHP :

error_reporting(E_ALL);

ini_set('display_errors', '1');

Pero algunas veces esto no funciona, cuando esto falla lo único que queda por hacer es crear un script PHP adicional por ejemplo llamado "first.php" que contenga las lineas anteriores de código, adicional a estas lineas haremos un "include" ó "requiere" con la ruta del script PHP donde creemos que esta el error. Entonces a través  de "first.php" vamos a acceder a nuestro script que tenemos que debuguear, de esta manera vamos a forzar a PHP a mostrar los errores en ese script que nos servirá de intermediario.

Esto pasa por que PHP necesita parsear el código antes de ejecutarlo y si existe algún error de parseo en mismo script donde estas definiendo la configuración para mostrar los errores, estos no se mostraran al momento que se encuentre un error. Por eso es recomendable dividir tu código en varias secciones y después incluirlos en un único script con "include" ó "requiere".

Una App en HTML 5 es igual de rapida que una APP nativa en moviles

Interesante articulo que he encontrado de los chicos de Sencha donde demuestran con un vídeo que las App desarrolladas sobre HTML 5 son tan rápidas como los App nativas en móviles. Y que algunas veces es el mal uso de la tecnología que algunos programadores hacen de HTML 5.

Parece que todo comenzó cuando Mark Zuckerberg dijo que HTML 5 no estaba listo, en respuesta sobre las quejas de que la App de facebook era muy lenta. Eso llevo a que los chicos de Sencha se pusieran manos a la obra y crearon un prototipo de una App de facebook sobre HTML 5.

Tuvieron que hacer algunos cambios sobre su framework actual pero en el proceso  crearon un interesante componente que ellos llaman : "Infinite List Component", que maneja un numero desconocidos de items. En el proceso solo un pequeño set de DOM es creado para mostrar en la área visible de la pantalla,  de esta manera están constantemente reciclando los elementos  cuando los datos son requeridos.

Aquí el vídeo de la demostración de la App:

y el articulo completo sobre el proceso de creación :

http://www.sencha.com/blog/the-making-of-fastbook-an-html5-love-story

Juego estilo RPG para desarrolladores web.

Hoy encontré un juego un tanto interesante con estilo RPG donde podemos crear un personaje basado en sus habilidades de desarrollo web, la verdad que es muy entretenido pero el verdadero uso que le veo es que si eres nuevo en esto del desarrollo web este juego te puede dar un excelente idea de lo que debes aprender para crear sitios web. Ya que proporciona enlaces a la documentación necesaria para desarrollar cada habilidad. La verdad que esta muy buena la idea de este juego la recomiendo si no sabes por donde empezar con esto del desarrollo web.

link  : http://www.dungeonsanddevelopers.com/

La Table API de javascript

JQuery es la librería javascript  mas popular de  la web, todo el mundo la usa, incluso para hacer cosas sencillas que podríamos hacerla con javascript puro, olvidando por un momento el soporte nativo de javascript en los navegadores. Por tal razón esta vez quiero hablar sobre la Table API  para trabajar con tablas sin Jquery solo con javascript puro que he visto en un articulo.

Usualmente usamos  JQuery para trabajar con tablas insertando elementos con "append", "after", "before", y otro métodos. Pero también tenemos a nuestra disposición los siguientes métodos con javascript puro para trabajar con tablas.

• insertRow()
• deleteRow()
• insertCell()
• deleteCell()
• createCaption()
• deleteCaption()
• createTHead()
• deleteTHead()

Y las siguientes propiedades : 

• caption
• tHead
• tFoot
• rows
• rows.cells

Con estos métodos y propiedades podemos crear todos los elementos de una tabla de manera sencilla y con buen soporte nativo de javascript en cualquier navegador. Creando un código mas limpio y fácil de entender.

Ver demo de la API

Link table API :  https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement

link : http://coding.smashingmagazine.com/2013/10/06/inside-the-box-with-vanilla-javascript/