Herramienta para analizar nuestra web y averiguar cómo mejorar su tiempo de carga

Imagen

Ya os hemos hablado con anterioridad acerca de diferentes herramientas con las que analizar el tiempo de carga de cualquier web. En esta ocasión nos ha parecido interesante mencionar imgix Page Weight Tool, una sencilla herramienta que se encarga de analizar el peso de los distintos recursos de nuestro sitio web y nos proporciona ayuda para mejorar el tiempo de carga del mismo.

En general, el funcionamiento de la herramienta de la que os hablamos es de lo más simple. De hecho, únicamente es necesario acceder al enlace que os indicamos al final del artí­culo e introducir la URL de nuestro sitio web, ya que todo el proceso se lleva a cabo de forma automática. Tan pronto lo hayamos hecho obtendremos un informe con los resultados del rendimiento de la web.

Continúa leyendo «Herramienta para analizar nuestra web y averiguar cómo mejorar su tiempo de carga»

PerfWars, para comparar el rendimiento de dos páginas web distintas

perfwars

Si estás buscando una forma rápida y sencilla de comparar el rendimiento de dos sitios web distintos, hoy os hablamos de una herramienta que podrí­a resultarte de gran utilidad. Se trata de PerfWars, una curiosa página web desde la podemos llevar a cabo el proceso de una forma de lo más intuitiva y visual.

En general, una de las principales ventajas de la web es su sencillo funcionamiento. Para comparar dos páginas web distintas, solo tendremos que introducir la URL de cada una de las mismas nada más acceder a la web de la que os hablamos. A continuación, tendremos que pulsar el botón «Fight!» para obtener los resultados y comparar el rendimiento.

Continúa leyendo «PerfWars, para comparar el rendimiento de dos páginas web distintas»

Colordrop, herramienta para cambiar el color de una web de forma sencilla

Colordrop

Si trabajas como desarrollador o diseñador, con frecuencia te verás obligado a modificar el proyecto en el que te encuentres trabajando para adaptarlo a los cambios y necesidades que van expresando tus clientes. Hoy os hablamos de Colordrop, una herramienta que puede facilitar enormemente este proceso al permitir que cualquiera muestre los cambios que desea con extrema sencillez.

Además de estar disponible como extensión gratuita para Google Chrome, los responsables del proyecto ofrecen también la posibilidad de hacer uso de la herramienta directamente desde un marcador para el navegador. Una vez instalada, el funcionamiento de Colordrop es de lo más simple e intuitivo. De hecho, únicamente es necesario arrastrar el color de la paleta de colores que más nos interese y soltarlo encima del elemento que queramos modificar, tal y como podéis ver en la imagen que ilustra este artí­culo. Una vez hayamos soltado el color escogido, veremos una pequeña animación mientras la zona seleccionada cambia de color. Es importante destacar una de sus ventajas, ya que podemos utilizar Colordrop para cambiar el color de cualquier elemento de la web, como el color de fondo de un menú o del texto. Sin duda, estamos ante una herramienta de gran utilidad con la que cualquiera puede realizar cambios de color a un sitio web, facilitando así­ el trabajo de muchos profesionales.

Continúa leyendo «Colordrop, herramienta para cambiar el color de una web de forma sencilla»

Weld, herramienta online para publicar páginas web sencillas en cuestión de minutos

Weld

A pesar de que cada vez son más los usuarios de Internet, no todos cuentan con los conocimientos necesarios para publicar sitios web. En la actualidad, existen distintos proyectos que pretenden facilitar dicho proceso, de forma que todos aquellos interesados puedan publicar sus ideas en Internet independientemente de sus conocimientos técnicos. Hoy os hablamos de Weld, una herramienta con la que podemos crear y publicar páginas web en pocos minutos.

El funcionamiento de Weld es bastante sencillo. De hecho, los responsables del proyecto afirman que podemos crear un sitio web en tan solo tres pasos. En primer lugar, simplemente es necesario comenzar a trabajar en el diseño de nuestra web. Para ello, Weld cuenta con una serie de plantillas predefinidas, aunque también podemos comenzar a diseñar desde cero. A continuación, la plataforma nos permite añadir todo tipo de objetos interactivos, como contenido de YouTube, Vimeo, Facebook, Twitter, Spotify, Soundcloud, Mail Chimp y Google Maps. Por último, Weld nos ofrece la posibilidad de publicar el sitio web que hayamos creado, pudiendo comprar un nombre de dominio directamente a través de la plataforma o utilizar uno propio.

Continúa leyendo «Weld, herramienta online para publicar páginas web sencillas en cuestión de minutos»

El nuevo código de estado 451 se usará cuando una página web haya sido retirada por motivos legales

Imagen

Los conocidos como códigos de estado HTTP son habitualmente utilizados en Internet para proporcionar información acerca de un gran número de temas distintos. Por ejemplo, uno de los más populares es el conocido error 404, que nos indica que un determinado recurso no ha sido encontrado. De ahora en adelante, tendremos también un código de estado HTTP para aquellos casos en los que un enlace haya sido retirado por motivos legales.

El nuevo código de estado a utilizar en este tipo de situaciones será el 451, encargado de indicar que una página determinada ha sido retirada por razones legales. Además de ver el error 451 al visitar una de estas páginas web, dicho error deberá ir acompañado de un mensaje en el que se incluyan los detalles de la demanda legal, quién la ha efectuado y la legislación con la que está relacionada. Sin duda, se trata de una medida de gran importancia, que permitirá a los usuarios de Internet conocer en todo momento las razones por las que un determinado sitio web no está disponible. Aprovechamos para destacar que no solo veremos el error 451 en este tipo de situaciones, ya que también deberá aparecer en caso de que el proveedor de Internet esté bloqueando el acceso a un determinado recurso.

Fuente: IETF.

Mozilla presenta una nueva versión de Thimble, su herramienta de creación web

thimbleEl equipo de Mozilla anunció una nueva versión de Thimble, su editor de código online que facilita el aprendizaje de HTML, CSS y JavaScript.

Esta herramienta fue presentada en 2012 con un este objetivo:

Thimble hace que sea muy fácil crear y compartir tus propias páginas web. Escribe y edita HTML, CSS y JavaSript directamente en el navegador en una parte de la página y, en la otra, Vista previa en vivo. ¡Comparte, mezcla y repite!

Siguiendo con esa misma dinámica, han trabajo en la integración de una serie de nuevas caracterí­sticas que permite que los usuarios puedan disfrutar de una experiencia amena a medida que avanzan en sus conocimientos de desarrollo web.

Y por otro lado, permite que los educadores puedan crear proyectos personalizados para los estudiantes realicen según sus necesidades y nivel de conocimiento. Por ejemplo, ahora encontraremos que el entorno de trabajo es más amigable e intuitivo que nos permite acceder fácilmente a las opciones que necesitamos, así­ como también escoger entre diferentes temas.

Ahora es posible crear y enlazar diferentes páginas web, tener vistas previas de la versión móvil, soporte para extensiones, autoguardado, entre otros detalles. Si somos principiantes encontraremos útiles los tutoriales y tips que nos irán guiando constantemente en nuestro aprendizaje a medida que utilizamos Thimble.

En el blog de Mozilla mencionan las instituciones que hicieron posible el lanzamiento del nuevo Thimble, tras mucha investigación y trabajo.

Otras 5 buenas herramientas para gestionar tus marcadores o páginas favoritas

Aunque ya compartimos un enorme listado con extensiones de Chrome para organizar marcadores, revisamos ahora otros buenos servicios de administración de favoritos, de los mejores y más recientes:

Piconka

Piconka

Para gestionar de forma inteligente y hasta con recordatorios de revisión, decenas de marcadores añadidos desde el navegador. La magia está en la barra lateral que se invoca al pulsar su respectivo botón dentro de la barra de extensiones de Chrome pues a ella se podrá arrastrar imágenes y más páginas favoritas, pero en simultáneo será posible ejecutar búsquedas rápidas hasta con comandos de voz, revisar la hora como si de un elegante widget se tratara, guardar y acceder a los bookmarks sin necesidad de conexión a Internet, compartir í­tems ví­a email y almacenar todos los progresos tanto de forma local como dentro de nuestra cuenta en Google Drive.

Channelkit

channelkit

Channelkit, como su nombre lo indica, basa su gestión en la creación de canales, privados o públicos, incluso grupos de ellos, en los que podremos guardar nuestras páginas favoritas categorizándolas rápidamente por temas generales (libros, videos, blogs, etc.) así­ como por etiquetas personalizadas. Es posible suscribirse a los canales de otros para mantenerse al tanto de nuevas publicaciones de marcadores y contenidos favoritos. Mejor dicho, se trata de un ligero Pinterest para bookmarks con extensión para Chrome también.

Evernote

channelkit

Un tremendo servicio que depende de una extensión, un capturador web, pero que dispone de múltiples herramientas de organización por libretas y posibilidades para almacenar tanto páginas web completas como secciones especí­ficas de ellas. Vale destacar su enriquecido buscador, opciones de trabajo colaborativo, apps especiales siempre sincronizadas y para decenas de dispositivos, botones rápidos para editar las páginas capturadas, guardado de archivos PDF, etiquetas y varias funciones de compartición.

Papaly

papaly

Una aplicación web de la que recientemente hablamos por su sencillez, por utilizar la clásica idea de reorganizar los marcadores por categorí­as con solo arrastrar y soltar, pero mejorándola en un elegante panel con un útil componente social que permite importar y marcar como favoritos los enlaces compartidos y a los que se le ha dado “Me gusta” en redes sociales, al fin y al cabo, dichos portales son una de las principales fuentes de enlaces interesantes. Incluye extensiones y la posibilidad de invocar también los marcadores del navegador.

Chrome Bookmarks

chrome Bookmark-Manager

No podemos dejar de recomendar el reciente gestor de marcadores visual que añadió Google Chrome de forma predeterminada en su versión número 40: Tecnologí­a de búsqueda de Google, colecciones temáticas, modo de captura enriquecido, compartición de elementos y colecciones, sincronización entre dispositivos y organización automática se incluyen en sus caracterí­sticas. Para acceder a él, solo entra a chrome://bookmarks desde la barra de URL.

Wayback Machine permite enviar páginas especí­ficas para su copia en el archivo mundial de Internet

copia paginas web internet archive.org

WayBack Machine, proyecto que ya cuenta con más de 410 mil millones de páginas web indexadas y que busca crear un archivo mundial de Internet siendo una especie de máquina del tiempo que permita visualizar determinadas versiones previas de casi cualquier sitio web -p.e., ver el primer Google de 1998 o Yahoo! en 1996- sino es que brindar un acceso libre a contenido eliminado por motivos tan terribles como la censura, ha recibido una actualización que será de utilidad para muchos.

Ahora es posible indicarle a Wayback Machine una página especí­fica para que la capture e indexe de inmediato. Recordemos que hasta ahora su sistema se caracterizaba por contar con un algoritmo que ejecutaba una selección aleatoria de las páginas web a copiar, eso sí­, pasando más de una vez por cada sitio -de WWWhats”™new hay hasta la fecha 1080 capturas-, pero desde ahora será posible indicarle al sistema una URL para su captura e indexación para la posteridad, para “futuras referencias confiables”.

Wayback Machine está en disponible en Archive.org/web y desde allí­, en la parte inferior derecha tal como lo indicamos en la imagen superior, está disponible una sección que dice Save Page Now y que incluye una cajón para ingresar la URL a guardar. Luego de hacerlo, restará pulsar en SAVE PAGE para que se ejecute el proceso de copia que tarda apenas unos segundos.

Por cierto, como lo indican en Lifehacker, no sólo páginas web con contenido clásico pueden ser guardadas sino cualquier tipo de URL que referencie videos, documentos en PDF, animaciones, etc.

Enlace: Wayback Machine en Archive.org/web

Netboard.me, recoge en una página tu contenido web favorito

netboard

Netboard.me es una herramienta web que nos permite coleccionar, en una sola página, todo el contenido web que nos interese y que necesitemos.

Podrí­amos pensar de primeras que Netboard nos ofrece lo que ya podemos hacer creando nuestras propias carpetas en nuestros marcadores y favoritos del navegador, diseñados especialmente para guardar todo el contenido web que queramos tener presente. Pero Netboard ofrece una diferencia esencial, y es que en este caso lo que se creará no es un repositorio privado, sino una página web que cualquiera podrá visitar (tendremos la opción de hacerla privada o pública, o incluso de dar acceso sólo a determinados amigos).

En nuestra colección podremos añadir enlaces, ví­deos, presentaciones, fotos y muchos más materiales en un entorno web que podremos personalizar creando nuestro propio tema, no sólo eligiendo los colores sino insertando fotos y elementos propios. Todo esto de forma gratuita, sin lí­mite de páginas creadas y con posibilidad de crear páginas de forma colaborativa con nuestros amigos.

Como apunte final, es interesante saber que podremos ganar dinero en caso de que nuestra web tenga muchas visitas, ya que Netboard.me hace posible la integración de publicidad contextual con Chitika, dándonos la posibilidad de ganar de esta forma un dinerillo extra.

Nuevo qrrrify, para crear webs para móviles

Cuando hablamos de crear un sitio web para móviles solemos hablar de plugins para WordPress, de plataformas complejas de creación de páginas, de sistemas de transformación automática de contenido y formato… pero en otras ocasiones no hablamos de sitios web y sí­ de páginas, de sencillas páginas que puedan ser consultadas desde el móvil de forma sencilla.

Horarios de un museo, ofertas en una tienda, programa en un teatro… a veces no necesitamos más que 2 o 3 páginas para mostrar información a los que pasan por cierto lugar, e imprimir un código QR que apunte a una serie de páginas web es más barato que imprimir carteles de forma tradicional.

Con qrrrify (qrrrify.tourgune.org) tenemos esa posibilidad. Os lo presentamos hace varios meses y lo hacemos de nuevo con su nueva versión, una nueva aplicación que, en una interfaz más atractiva y sencilla de utilizar, permite la creación de más de una página, enlazándose entre ellas, así­ como incluir elementos para la interacción con redes sociales (Facebook y twitter).

qrrrify

Como veis en la captura, podemos incluir elementos de todo tipo dentro de nuestra página. Imágenes, archivos de áudio, ví­deo, textos, mapas… solo tenemos que seleccionar el componente deseado y personalizarlo en la columna derecha, añadiendo enlaces, direcciones o cualquier otro elementos que queramos mostrar.

Al terminar, generamos el código QR, lo imprimimos, y lo ponemos en la puerta para que los que visiten el local puedan acceder a nuestro pequeño minisite.

Sobre sus creadores: se trata de un centro de investigación y no tienen como objetivo monetizar sus soluciones directamente. La idea es que este tipo de soluciones sean transferidas a empresas de base tecnológica para que sean ellas las que exploten comercialmente las herramientas que ellos crean, por lo que si estáis interesados, podéis encontrar en contacto con ellos en it3lab.tourgune.org.