Profile cover photo
Profile photo
wextensible.com
21 followers -
Un sitio personal para aprender desarrollo web
Un sitio personal para aprender desarrollo web

21 followers
About
Posts

Post has attachment
Los vínculos o enlaces son elementos clave en una página web. Hay que asegurarse que funcionan correctamente cuando publicamos una página e incluso en momentos posteriores, pues en algún caso el destino del vínculo pudiera modificarse o eliminarse. Esta herramienta se dedica a comprobar la corrección de los vínculos al propio sitio. No revisa vínculos externos a otros sitios.
Add a comment...

Post has attachment
Un sencillo generador de Sitemaps en formato TXT o XML incluido en el marco de herramientas Web Tools online.
Add a comment...

Post has attachment
Esta herramienta tiene por objeto filtrar y modificar en su caso los documentos en desarrollo para que luego puedan ser publicados en el sitio web. Proviene de otra que ya venía usando en PHP y que ahora estoy migrando a JavaScript. Partimos de una lista de rutas a publicar que podemos extraer automáticamente filtrándolas según unas opciones de configuración.

Se repite el proceso para cada una de las rutas pudiéndose detener en cualquier momento. Al finalizar obtendremos unos resultados que nos permitirán descargar aquellos documentos que fueron modificados y ver una lista de archivos que tendríamos que copiar desde la carpeta de desarrollo a la de publicación.
Add a comment...

Post has attachment
Con la acción de minimizar documentos quitamos todos los espacios inútiles con objeto de reducir el tamaño del documento. La reducción de tamaño puede ser significativa en algunos casos, tal como comenté en el tema del enlace anterior. En documentos HTML la reducción puede estar en torno al 15%. En documentos JS y CSS la reducción puede superar el 50%.

En su día ya presente la herramienta minimizador (con PHP) con la que venía ejecutando el minimizado de los documentos antes de subirlos al servidor. Últimamente he estado trasladando esas herramientas desde PHP a JavaScript en el marco de herramientas Web Tools Online. Ahora le toca el turno al minimizador de documentos.
Add a comment...

Post has attachment
En el tema anterior presentamos el Parseador XML. La herramienta permite parsear un documento con marcas SGML verificando su corrección. Con la opción de analizar nodos texto obteníamos al mismo tiempo un Array de nodos que representaba completamente el documento.

Una vez que tenemos todos los nodos del documento en un Array no es fácil dotar a los nodos de métodos para gestionarlos. El objetivo es lograr algo similar al DOM (Document Object Model) para documentos HTML y XHTML. Así tendríamos métodos como appendChild(), insertBefore() y otros que se comportan como las propiedades de sólo lectura childNodes o previousSibling por ejemplo.
Add a comment...

Post has attachment
Add a comment...

Post has attachment
Hemos de actualizar a HTTPS en nuestro sitio para evitar que los navegadores marquen como no seguras nuestras páginas. En este tema comento como llevé a cabo eso así como otras mejoras del sitio.
Add a comment...

Post has attachment
Cambiando los iconos en Sprites CSS por iconos SVG.
Add a comment...

Post has attachment
Índice de temas JavaScript relacionados con lo nuevo de ES6 y siguientes versiones, con una breve introducción acerca de EcmaScript.
Add a comment...

Post has attachment
Si queremos estudiar como se conforman los bytes en un archivo, por ejemplo un PNG de imagen, necesitaremos una herramienta para observar el contenido. Con este visor binario podemos cargar un archivo del ordenador y ver sus bytes con varias vistas como binaria, hexadecimal y decimal. Por ejemplo en la Figura se observan los hexadecimales de los primeros bytes de un archivo PNG.
Add a comment...
Wait while more posts are being loaded