Recursos

Lista colaborativa de herramientas y servicios para aprendizaje, prototipado, diseño, análisis, gestión y desarrollo.

Tabla de contenidos

• Introducción
• Añadir recursos
• Extensión de Google Chrome
• Script
  • Hammerspoon Keybinding (Mac OSX)
• Cómo crear tu propia página de recursos
• Agradecimientos

Introducción

Esta página web ha sido creada con Airtable y Table2Site para mantener una lista de herramientas y servicios de utilidad de forma más elegante y práctica que en marcadores del navegador o como notas en otros servicios. Además se puede compartir públicamente y es colaborativa.

Añadir recursos

Puedes añadir nuevos recursos a la lista usando este formulario.

Cuando se necesitan añadir varias páginas web puede resultar cansado rellenar todo el formulario, así que a continuación tienes algunas herramientas que te ofrecen sugerencias y autocompletan parte del formulario para añadir recursos más rápido.

Extensión de Google Chrome

Accede a los ajustes de extensiones en chrome://extensions/ y activa el Modo de desarrollador. Luego haz click en Cargar descomprimida y selecciona la carpeta ChromeExtension.

Ahora ya puedes acceder a una página web que quieras añadir como recurso y hacer click en el icono de la extensión.

Se mostrará una pequeña ventana con información de la página web obtenida de sus meta-etiquetas. Puedes hacer click en la imagen que se muestra para copiar su dirección de enlace en el portapapeles.

Si haces click en "Añadir recurso" se abrirá el formulario para añadir recursos en el navegador con algunos campos rellenados como el Nombre, Enlace o Descripción. Puedes utilizar la imagen que has copiado previamente en el portapapeles para rellenar el parámetro Imagen del formulario. De esta forma solo tendrás que acabar de rellenar los campos Modelo y Categorías.

Script

Si lo prefieres, puedes utilizar el script get_info.py para obtener información de una página web mediante sus meta-etiquetas y autorellenar el formulario.

Instalación

1. Instala Python 3.6 o superior.
2. Instala las siguientes dependencias:

pip3 install pyperclip
pip3 install bs4
pip3 install colorama
pip3 install requests
pip3 install Pillow

Uso

usage: get_info.py [-h] [--display] [--add] [--colorless] url

positional arguments:
  url          website URL

optional arguments:
  -h, --help   show this help message and exit
  --display    set if you want to show website og:image
  --add        open the resource list form to add this website
  --colorless  set for non-color console displays

Ejemplo: python3 get_info.py --add https://trello.com/

Este comando mostrará el siguiente resultado por consola y copiará el enlace de la imagen etiquetada como og:image si la hubiera o de una vista previa de la página en caso de que no disponga de imagen social. Utiliza la opción adicional --display si quieres visualizar la imagen en tu ordenador.

https://trello.com
No og:site_name provided
Trello
Trello
Infinitely flexible. Incredibly easy to use. Great mobile apps. It's free. Trello keeps track of everything, from the big picture to the minute details.
Infinitely flexible. Incredibly easy to use. Great mobile apps. It's free. Trello keeps track of everything, from the big picture to the minute details.
https://d2k1ftgv7pobq7.cloudfront.net/meta/p/res/images/99b9fe5eef1924ee2fe0306b5cdd6541/home-preview.jpg
Image URL copied to clipboard!

También se abrirá el formulario para añadir recursos en el navegador con algunos campos rellenados. Puedes utilizar la imagen que se ha copiado como URL en el portapapeles para rellenar el parámetro Imagen del formulario. De esta forma solo tendrás que acabar de rellenar los campos Modelo y Categorías.

Hammerspoon Keybinding (macOS)

Si utilizas OS X puedes añadir un atajo de teclado que ejecute el script con un enlace que copies en el portapapeles utilizando Hammerspoon. Instala Hammerspoon primero si no lo tienes instalado.

Para configurar el atajo de teclado debes descargar este plugin. Descomprime el fichero Resources.zip y haz doble click en Resources.spoon para que se mueva al directorio de Spoons de Hammerspoon.

Luego, en el fichero de configuración ~/.hammerspoon/init.lua copia el siguiente código:

-- Añade un recurso con la URL que hayas copiado en el portapapeles

hs.loadSpoon("Resources") -- Carga el plugin

spoon.Resources.python = 'python3' -- Comando de python
spoon.Resources.path = '/Users/carleslc/Git/GitHub/resources/get_info.py' -- Cambia el directorio donde se encuentra el script

spoon.Resources:bindHotkeys({ add = {{"ctrl", "alt", "cmd"}, "W"} }) -- Atajo de teclado Ctrl + Alt + Cmd + W

Haz click en Reload Config en el menú de Hammerspoon. Copia una URL y utiliza el atajo de teclado para abrir el formulario con los campos autocompletados.

Cómo crear tu propia página de recursos

Si quieres crear tu propia página para visualizar solo tus propios recursos, con tu propio formulario, tu propio enlace opcional para que otras personas colaboren y poder personalizar la página sigue los siguientes pasos:

1. Visita esta base de Airtable en la que se almacenan los recursos.
2. Haz click en para duplicar la base de datos en tu cuenta de Airtable. Si no tienes cuenta de Airtable tendrás que crear una. El plan gratuito permite tener hasta 1200 recursos (filas de la tabla).
3. Visita la página Getting started: Table2Site y sigue los pasos que allí se indican para tener tu propia página gratuita enlazada con la base de Airtable que has copiado en el paso anterior.
4. Si quieres utilizar el script y la extensión para agregar recursos rápidamente a tu propia página clona o descarga este repositorio y cambia la RESOURCES_URL en get_info.py y ChromeExtension/js/popup.js por el enlace de tu propia base de Airtable. Por último, modifica los enlaces y las descripciones de los ficheros ChromeExtension/manifest.json y ChromeExtension/popup.html.
5. Si te ha sido de utilidad considera ayudarme por el precio de un café 😊. ¡Gracias!

Agradecimientos

El logo.png ha sido creado por Freepik como se puede ver aquí y está licenciado por CC 3.0 BY.