Archivos de la categoría Herramietas Web

Google Drive ahora nos ofrece Hosting Gratis

El pasado miércoles Google publicó en uno de sus blogs que un nuevo servicio se encontraba disponible, el servicio permite utilizar una carpeta de nuestra cuenta de Google Drive como Hosting. Para que funcione correctamente debemos utilizar una carpeta pública y colocar allí nuestros archivos HTML, CSS, imágenes, etc.

Sigue leyendo Google Drive ahora nos ofrece Hosting Gratis

HTML 5 y Estandares Web W3C

Cuando creamos un sitio siempre debemos declarar que tipo de estándar vamos a utilizar, esto se declara colocando el Doctype al principio del documento HTML, por ejemplo:

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

o en el caso de que vayamos a utilizar HTML 5 simplemente:

1
<!DOCTYPE html>
<!DOCTYPE html>

No voy a entrar en detalles sobre que tipo de Doctype deberías utilizar en tu sitio web, ya hay suficientes guías por ahí y es un tema bastante extenso, pero si voy a decir que el Doctype debería (más bien debe) depender de en que versión de HTML o XHTML programes, lo cual no siempre es claro, más aun si tus conocimientos de HTML son autodidactas. Por lo pronto yo creo mis sitios utilizando el Doctype de HTML 5 o sea el segundo, principalmente por que utilizo ciertas funciones propias de esta versión, como por ejemplo la suba de imágenes arrastrándolas a una Div, y por que es la última versión, cosa que prefiero, aunque si buscas que tu página cumpla con todas las validaciones vas a tener problemas, por que los estándares en HTML 5 todavía no están terminados y pueden variar en el futuro.

Sigue leyendo HTML 5 y Estandares Web W3C

Prototipado Web con la herramienta Wires

Cada vez hay más herramientas web disponibles para ayudarnos a diseñar nuestras webs, en este caso se trata de una herramienta que nos ayuda a crear el diseño de nuestra web de manera gráfica y que tiene como objetivo básico sacarnos el lápiz y papel al que muchos estamos acostumbrados. De esta manera podemos diseñar como se verá nuestro sitio o el de nuestro cliente, antes de empezar a programar. Esto es fundamental cuando nuestro cliente no tiene claro el diseño, ya que mediante la función Compartir podemos mostrarle la idea y solo si esta conforme comenzamos a trabajar, así nos ahorramos los dolores de cabeza.

Sigue leyendo Prototipado Web con la herramienta Wires

Gestor de Redes Sociales HootSuite

HootSuite es un sitio web que nos permite manejar múltiples cuentas de las Redes Sociales más importantes como Facebook, Google Plus, Twitter, LinkedIn, Foursquare, MySpace e incluso publicar en sitios WordPress y más. Esta herramienta es ideal cuando tenemos múltiples cuentas en diferentes redes sociales y queremos publicar las mismas cosas en las distintas cuentas, también nos permite programar publicaciones para que se realicen automáticamente en los horarios definidos por nosotros, algo bastante útil cuando queremos dar recordatorios o promociones a nuestros seguidores o simplemente saludarlos.

Sigue leyendo Gestor de Redes Sociales HootSuite

Minificando JS con JSCompress

Hoy traigo una herramienta web bastante útil y sencilla (también gratis) para minificar nuestro código JS, para aquellos que no lo sepan minificar el javascript es sacarle los espacios en blanco y lineas vacías, así como los comentarios al código. Esto básicamente reduce el peso del código lo que siempre se traduce en mejor velocidad de carga del sitio, claro esta que si hablamos de archivos muy pequeños ( de bytes) no vamos a notar mucha o ninguna diferencia.

Sigue leyendo Minificando JS con JSCompress

Depurador de url de Facebook y Open Graph Protocol

La primera entrada de este blog se la voy a dedicar a una de las herramientas imprescindibles a la hora de desarrollar un sitio web con integración social, el depurador de Facebook. El depurador nos indica que metatags (especificas de Facebook) nos faltan en la cabecera (<head>) para lograr que Facebook indexe mejor la información de la página cuando un usuario hace clic en el botón de Me Gusta o simplemente comparte la misma a través de Facebook. Las principales ventajas de usar estas metatags es evitar errores cuando Facebook indexa la página y mejorar la relevancia e información que comparte el usuario.

Sigue leyendo Depurador de url de Facebook y Open Graph Protocol