Recursos para WebDevs

2019-03-13 09:12:41 Module linker

Otra extension de Chrome, pero esta vez para los procrastinadores de Github. Cuando tienes activada esta extension, podras hacer click en cada una de las dependencias que aparecen en los ficheros de un proyecto. Al hacerlo navegaras a ese mismo proyecto en Github.

Soporta todos estos lenguajes con los tipos de ficheros especificados entre parentesis:

Python
PHP (paquetes externos listados en ficheros composer.json)
Nim
Dart (.dart y pubspec.yaml)
Rust (.rs y Cargo.toml)
Javascript (.js, .jsx, .coffee, .ts, .tsx, package.json)
Ruby (.rb, Rakefile y Gemfile)
Crystal (.cr y shard.yml)
Julia

#ExtensionChrome
#Web
#Backend #Frontend #Diseño #Despliegue Abrir / Cómo

2018-11-29 09:37:22 iniTab

Extensión del navegador Google Chrome que sustituye la página de nueva pestaña por todo un dashboard para desarrolladores. En esta pestaña tendrás las siguientes herramientas y monitorizaciones:

- Últimas publicaciones de un subreddit específico. Por defecto uno de Javascript.

- Filtrado de tu historial de navegación basado en una serie de palabras claves, por defecto "javascript": aquí podrás ver las últimas webs que hayas visitado en tu navegador sobre las palabras clave que hayas elegido.

- Últimos issues de github que hayas visitado y pull requests que hayas hecho. También puedes cambiarlos por los de gitlab.

- Listado de enlaces: aquí puedes añadir los enlaces de webs que te interesen para tenerlas a mano.

- Acceso rápido a tus gists de github.

- Histórico de las páginas de stackoverflow que hayas visitado.

- Últimas tendencias de repositorios de github sobre el tema elegido. Por defecto "javascript".

- Apartado para escribir anotaciones rápidas.

#ExtensionChrome
#Web
#Backend #Frontend #Diseño #Despliegue Abrir / Cómo

2018-08-09 08:39:35 jsinspect
https://github.com/danielstjules/jsinspect

Módulo de node que se instala de forma global para detectar código javascript duplicado. He realizado varias pruebas y veo que funciona muy bien. Ideal si deseas seguir buenas prácticas para tener un código limpio.

Basta con instalar el módulo de forma global y empezar a usarlo como herramienta CLI. En el enlace tenéis las instrucciones y los parámetros que podéis incluir a la hora de ejecutarlo.

#ModuloNode #CLI
#Linux #MacOS
#Backend #Frontend Abrir / Cómo

2018-07-22 11:43:28 Vivid.js
https://webkul.github.io/vivid/

Set de iconos SVG muy customizables. ¿Y qué tiene de distinto esta pack comparados con los demás? Pues que son en bicolor

Puedes definir un par de colores, uno principal y uno secundario, y los iconos que muestres se verán con esos dos colores. En la web que os he dejado arriba tenéis algunos ejemplos.

#ModuloNode
#Web
#Diseño Abrir / Cómo

2018-06-19 10:10:04 Waffle
https://waffle.io

Waffle es una Software as a Service (SaaS) que se utiliza para gestionar los issues de tus proyectos de Github usando un tablero Kanban. Si lo quieres usar en repositorios públicos es totalmente gratuito. Pero si quieres usarlo en repositorios privados ya sí vas a tener que pasar por caja.

Entre sus características están:
- Asignar los issues a miembros del equipo.
- Asignar etiquetas y milestones a los issues.
- Integración con Slack.
- Informes con gráficas del rendimiento.
- Wafflebot: ayuda a actualizar el tablero de forma automática.

No es que tenga demasiadas funcionalidades, pero eso hace que la herramienta sea muy fácil de usar y que su curva de aprendizaje sea muy leve. Yo he usado esta herramienta en un antiguo trabajo y funciona muy bien :)

#SaaS
#Web
#Backend #Frontend Abrir / Cómo

2018-06-18 20:28:12 CONTENIDO DEL CANAL

Tipo
#SaaS
#ExtensionChrome
#ModuloNode
#App
#PackageAtom
#Api
#CLI (Command Line Interface)
#EditorCodigo (nuevo)
#Documento (nuevo)
#CanalesTelegram (nuevo)

Plataformas
#Web
#Linux
#Windows
#MacOS
#Android
#iOS

Especialidad
#Backend
#Frontend
#Diseño
#Despliegue Abrir / Cómo

2018-06-15 10:30:04 30 seconds of CSS
https://atomiks.github.io/30-seconds-of-css/

Del mismo autor que el repo anterior, te traigo una colección de trozos de código HTML + CSS que puedes añadir a tus proyectos web. Hay de todo: desde cómo hacer simples formas como un círculo hasta animaciones sobre tus textos o divs o funcionalides con CSS como por ejemplo hacer que un texto no sea seleccionable. Lo mejor de todo es que te viene una pequeña explicación en cada snippet de por qué funcionan así cada uno de los ejemplos.

Es una buena opción si quieres aprender pequeños trucos de diseño que más de una vez te salvarán la vida o si quieres algo sencillo y no quieres descargarte una librería para ello.

#Documento
#Diseño Abrir / Cómo

2018-06-12 10:30:05 30 seconds of code
https://github.com/Chalarangelo/30-seconds-of-code

En muchas ocasiones necesitas una pequeña funcionalidad que te parece tan simple, que piensas que es mejor implementarla tú mismo que buscar una librería que haga eso, entre otras muchas cosas.

Pues bien, este repo de Github contiene muchas de estas implementaciones de funcionalidades para javascript, muy bien categorizadas (arrays, objects, dates...) y en perfecto ES6.

Espero que te sirva tanto como me ha servido a mí

#Documento
#Backend #Frontend Abrir / Cómo