Posts etiquetados ‘HTML’

En este vídeo veremos como hacer seguimiento a los abandonos en los formularios de nuestros sitios Web, usando jQuery y Google Analytics. De esta forma podremos optimizar nuestros sitios Web y evitar abandonos de usuarios o clientes, tal ves por información innecesaria solicitada en uno de nuestros formularios, que los hace extensos y engorrosos a la hora de llenarlos.

Veremos como por medio de jQuery, el código de seguimiento ga.js, un plugin para jQuery llamado jQuery URL parser y los seguimientos de eventos de Google, podremos lograr algo que sin duda será útil si estas en el área de marketing Web o si eres desarrollador.

Necesitarás estar usando Google Analytics en tus sitios Web para emplear esta técnica, ya que no se profundiza en el uso de Google Analytics y el seguimiento de eventos.

El vídeo cuenta con poco más de 13 minutos y desde el enlace podrás descargar el código usado en el ejemplo.

Enlaces:

Código de ejemplo incluye plugin jQuey URL parser y jQuery
Uso de Google Anaytics
Guía de seguimiento de eventos
Plugin URL parser
jQuery (Sitio oficial)

Mobilastic es un sitio dirigido a programadores y diseñadores web, interesados en crear sitios web para móviles.

Para utilizar esta herramienta, que permite crear sitios web para todos los dispositivos móviles y tener un completo control sobre el código, necesitas tener conocimiento en HTML, CSS, PHP, entre otros.

Por el momento Mobilastic está en beta cerrada, pero ingresando al sitio podrás solicitar una invitación, y desde ya puedes acceder a sus videotutoriales.

Enlace: Mobilastic (Vía wwwhat’s new)

Parece que cada vez a Flash lo van haciendo más a un lado, primero fue Apple el que no lo incluyo en sus dispositivos móviles, y ahora se unen otros dos como la aerolínea Virgin America y el hacker Charlie Miller.

En una entrevista dada por el experto en seguridad Charlie Miller, quien ha sido ganador en 2 ocasiones del Pwn2Own por violar la seguridad de Safari en un tiempo record, asegura que para mejorar la seguridad del navegador lo principal es no instalar Flash. Además, respondiendo a otra pregunta, considera que Windows 7 será más seguro que OS X Snow Leopard este año, por no tener Java y Flash activado por defecto.

Por otro lado la aerolínea asegura que HTML es lo suficientemente bueno para la animación de contenido online de su nueva página Web, por lo que aparentemente han dejado de un lado a Flash.

Por lo visto Flash no está pasando por muy buen momento, por lo que Adobe tendrá que trabajar en nuevas alternativas si quieren evitar una posible sepultura de este programa en un futuro.

Vía: Genbeta

Sketchpad es una herramienta para dibujo creada con HTML5, con la cual podrás trabajar desde la nube con sólo una conexión a internet y un buen navegador compatible con esta versión de HTML, además no necesitas tener Flash instalado para trabajar la aplicación.

Los íconos que se usan para pintar y dar formas son muy similares a los de Paint de Microsoft, por lo que te sentirás más familirizado al momento de usar esta aplicación.  Además con solo dar click en los botones superiores, se mostrarán las ventanas con las que podrás graduar y cambiar colores, modificar el dibujo y generar una imagen PNG.

Sitio oficial: Sketchpad (Vía Genbeta)

En este vídeo terminamos el bloque dedicado a los abusos en el SEO, vemos como prevenir injección HTML, filtrando etiquetas todo con ejemplos que podrás descargar desde el enlace, veremos donde adquirir un sistema Captcha confiable para detectar a humanos y prevenir que el software automatizado se inscriba en nuestros sitios.

Todo se ve en poco más de 9 minutos.

Descargar: Ejemplos del vídeo 20 de SEO con PHP

En este vídeo comenzamos un nuevo bloque dedicado al trabajo con Web feeds y bookmarking.

Crearemos nuestro propio contenido RSS, para ser sindicado y compartido en la Web, por medio de una sencilla clase todo con ejemplos.

Crearemos dos ejemplos que usan la clase simplePie, que permite leer e introducir contenido RSS y Atom de otros sitios Web en nuestra página, usando hojas de estilo CSS en uno de estos ejemplos.

Todo se ve en casi 27 minutos, y en el próximo vídeo veremos el tema de bookmarking donde aprenderemos a compartir nuestro contenido en redes sociales y otros sitios Web.

Descargar ejemplos

Descargar simplePie

Enlace: simplePie

En este vídeo veremos el trabajo con imágenes y textos gráficos, como hacer que el contenido se muestre de la forma adecuada a los usuarios, y que al mismo tiempo el contenido sea rastreado por los buscadores.

Veremos diferentes técnicas para lograrlo, como el uso de Flash, JavaScript y PHP, y veremos un ejemplo con el uso de Flash y sIFR, que sin duda es una solución muy adecuada.

Todo se ve en poco más de 13 minutos y en el siguiente vídeo empezaremos con HTML amigable a los buscadores.

Descargar ejemplo

Navegando la Web me encuentro este interesante y útil servicio, que permite que creemos DIVs con esquinas redondeadas fácilmente, incluso permite dar color de fondo, borde y generar gradientes muy fácil y rápidamente.

Su funcionamiento es muy sencillo tan solo proporcionamos el radio de la esquina en pixeles, color de fondo, color de la caja, si es necesario color y tamaño del borde, color para el gradiente, y listo solo pulsamos en el botón para crear RoundedCornr y listo en la siguiente página obtenemos el código HTML y el CSS, así como las imágenes necesarias para lograr el diseño y que se adapte a cualquier navegador.

Enlace: RondedCornr