Month: agosto 2013

Tabla de caracteres de Unicode

Unicode es el juego de caracteres universal que resuelve la mayor pesadilla de los informáticos, trabajar con diferentes juegos de caracteres.

En el sitio web oficial de Unicode, The Unicode Consortium, podemos encontrar las Character Code Charts, pero no son cómodas de manejar cuando buscas un carácter concreto porque está organizada por idiomas.

En Unicode character table han juntado todos los caracteres en una sola tabla.

Y por último, unos vídeos que publiqué sobre este tema hace unos meses:

HTML: juego de caracteres:

[kml_flashembed movie=”http://www.youtube.com/v/_MwDNB3jOx0″ width=”560″ height=”315″ wmode=”transparent” /]

HTML: el juego de caracteres y los editores de texto:

[kml_flashembed movie=”http://www.youtube.com/v/4vF41rQU_4Y” width=”560″ height=”315″ wmode=”transparent” /]

HTML: ¿migrar a un nuevo juego de caracteres?:

[kml_flashembed movie=”http://www.youtube.com/v/erNmaW-_tNM” width=”560″ height=”315″ wmode=”transparent” /]

Otro navegador web en tu servidor web

Ayer hablaba de cómo tener un navegador web en tu servidor web con PhantomJS. Hoy hago referencia a otro, SlimerJS. En la página web dice:

  • Opening a webpage,
  • Clicking on links,
  • Modifying the content…

SlimerJS is useful to do functional tests, page automation, network monitoring, screen capture, etc.

SlimerJS is similar to PhantomJs, except that it runs Gecko, the browser engine of Mozilla Firefox, instead of Webkit.

Un navegador web en tu servidor web

Llevaba tiempo queriendo saber cómo se hace esto, cómo puedes ejecutar un navegador web en tu servidor web para, por ejemplo, realizar una captura de pantalla y mostrar cómo se visualiza una página web un navegador o para, por ejemplo, tener una representación de la página web (con su JavaScript ejecutado, su CSS aplicado) y poder extraer cierta información.

Para hacer esto necesitas un headless browser, un navegador web sin interfaz gráfico. Hay unos cuantos por ahí fuera, pero parece que uno de los más usados hoy en día es PhantomJS, basado en WebKit (el motor de Google Chrome y Safari), que ofrece:

PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

Contenido generado con CSS

El contenido generado con CSS es bastante desconocido por muchos desarrolladores web. La razón es bien sencilla: hasta hace poco, había algunos navegadores que no soportaban totalmente las propiedades de CSS :before, :after, content, counter-reset y counter-increment, por lo que era un verdadero problema su uso.

En el artículo How To Benefit From CSS Generated Content And Counter se explica cómo se puede aprovechar. El artículo contiene numerosos ejemplos, por lo que es muy fácil de entender.

Cómo verificar la conexión a un servidor

Muchas veces intentamos conectarnos a un servidor web y recibimos un mensaje de error del navegador como “conexión cerrada” o “conexión requirió demasiado tiempo” o similar.

¿Qué problema hay? Pueden ser muchas cosas… ¿pero realmente el problema está en el servidor o el problema lo tenemos nosotros?

Hay diversas formas de averiguar si el problema lo tenemos nosotros con nuestro ordenador, nuestra conexión o nuestro proveedor de acceso a Internet. Dos muy fáciles son usar Is down for everyone or just me?, un sitio web que comprueba la conexión al sitio web que le digamos, o utilizar un proxy online, como por ejemplo Zend2.com.

¿Es robusto o frágil tu diseño adaptable?

Muy interesante el artículo Is Your Responsive Web Design Too Fragile?, en el que se explica que cuando se emplea una regla como min-width: XXXpx en CSS, XXX no significa lo mismo en todos los navegadores, porque algunos incluyen la anchura de las barras de desplazamiento (lo que marca el estándar) y otros no.

Pero en realidad, esto no es un problema importante si el diseño adaptable (responsive web design) es realmente robusto.