El tiempo pasa y la tecnología cambia muy rápido pero los conceptos no tanto. Hace muchos años en 1995 apareció con Java Applet una forma de ejecutar código de alto nivel (en este caso Java ) mediante una máquina virtual en el navegador, la Java Virtual Machine (JVM). El concepto era poder utilizar aplicaciones tan potentes como las de un escritorio en un navegador web y que el trabajo duro lo realizara cliente. Aunque no acabó triunfando, ya que la JVM era pesada en la descarga y en el arranque de cada applet, el concepto evolucionó y Adobe lo llevó hasta su concepto de las RIAs (Rich Internet Application) creadas con Flex y basadas en otra máquina virtual Flash Player , mucho más ligera y que era un estándar ya que el 99% de los usuarios la había adquirido para ver contenido Flash. Siempre se auguró como el futuro de internet este concepto y en la actualidad los frameworks JavaScript para aplicaciones web ...
Siempre que entramos al mundo de la interacción con el usuario y el dinamismo web necesariamente tocamos el lenguaje de programación JavaScript, que es el que corre por excelencia en todos los navegadores de manera casi estándar, pero para poder crear contenido en JavaScript e integrarlo a nuestra web debemos saber sobre algo denominado DOM, Document Object Model. DOM, Document Object Model Básicamente el DOM es el documento HTML denominado por objetos a los cuales podemos acceder por su ID o por su clase. Cuando hablamos de JavaScript puro hablamos de que podemos acceder de una forma casi estándar en cada navegador, pero no es de preocupación el tema pues lo más necesario es saber cómo el acceder por ID y por clase. Para entender mejor qué es el DOM, veamos el siguiente gráfico: Tenemos a document que hará referencia a nuestro documento HTML y después de este tenemos nuestro documento estructurado como lo vemos en la imagen. Acceso al DOM Podemos acceder a...
1. Ingresamos a http://icomoon.io/app/ y seleccionamos los íconos que queremos: 2. Presionamos el botón Font para generar la fuente: : 3. Presionamos Download: 4. Al extraer los archivos, nos encontramos con estos: license.txt: un archivo con la información de la licencia. Ite-ie7.js: es para que funcione en navegadores menores a Internet Explorer 7. Read Me.txt: un archivo con instrucciones. Styles.css: archivo de estilos. La fuente está creada con un div vacío y un atributo propio llamado data-icon y genera un valor unicode para cada ícono: En el archivo styles.css tenemos inicialmente el código que llama a cada archivo en la carpeta fonts y define otros parámetros: Para las clases toman cada ícono y le define la fuente y otros parámetros: Posteriormente, antes del contenido de la clase, agrega un content con la letra unicode correspondiente a cada ícono, como most...
Comentarios
Publicar un comentario