###### tags: `mis-notas` `servers` `tools` `dev` `web` `cosas chidas`
# TOOLS for any dev

to make browser bye default inmanjaro

xdg-mime default google-chrome.desktop x-scheme-handler/http
xdg-mime default google-chrome.desktop x-scheme-handler/https

[TOC]

## servers
1. ngrok -> `exposes local servers behind NATs and firewalls to the public internet over secure tunnels.`

$ ngrok 8080 # port

3. localtunnel ->

# npx -> search from - current path nodemodules, global nodemodules/packages,
# install temporaly (internet)
$ npx localtunnel --port 8080 # port

# globally
$ lt --port 8080

## NOTE: remember uno.css & dos.css - storybook
5. http-server ->

$ npx http-server . -p 9000 --cors # [path] [options]

#### DESCRIPTION
`--cors Enable CORS via the Access-Control-Allow-Origin header`
resource: https://www.npmjs.com/package/http-server
6. servor ->

$ npx servor . # .   means the we will serve the current path

resource: https://github.com/lukejacksonn/servor

> Alternative to servor with python
7. python

$ python -m http.server -d . 9001 # m=modules

## HTTP CLIENTS

8. postman
9. httpie
10. cURL *
11. thunder

## COMMAND LINE JSON PROCESSOR
12. JQ

$ cat myJSONFile.JSON | jq
$ curl https://jsonplaceholder.typicode.com/users | jq
$ curl https://jsonplaceholder.typicode.com/users | jq '.[].name'
$ curl https://jsonplaceholder.typicode.com/users | jq  '.[] | {id, name}'

resources: https://stedolan.github.io/jq/#:~:text=jq%20is%20a%20lightweight%20and%20flexible%20command%2Dline%20JSON%20processor.&text=Try%20online%20at%20jqplay.org,let%20you%20play%20with%20text.

## extra commands on Linux
13. bat
14. cat
15. nano
16. vim

LINUX:
=====
https://github.com/onceupon/Bash-Oneliner

# viewers
1. https://jsonhero.io/
2. https://www.svgviewer.dev/
## terminal
4. https://github.com/brimdata/zed
5. https://stedolan.github.io/jq/
6. https://github.com/hidetatz/kubecolor
7. https://github.com/andreazorzetto/yh (yml highlight NO TESTED yet)

## mobile
1. scrcpy

a aplicación de duplicación de pantalla gratuita y de código abierto que permite controlar un dispositivo Android desde una computadora de escritorio con Windows, macOS o Linux.

resources: https://github.com/Genymobile/scrcpy
3. vysor
resources: https://www.vysor.io/

JavaScript:
====
https://quick-lint-js.com/ (Over 130× faster than ESLint)

## typing tools/pages

1. typeracer - https://play.typeracer.com/
2. typingclub - https://www.typingclub.com/
3. speedtyper - https://www.speedtyper.dev/
4. ztype - https://zty.pe/
5. python - wpm... (`pip install wpm`)
6. monkeytype - https://monkeytype.com/

## Chrome extension

1. buddy session
2. requestly - Modify HTTP/HTTPS requests
3. Lighthouse
4. Color picker
5. JSON viewer awesome
6. dayly dev
7. Night Shift Redux # no es redux xD
8. Pesticide for Chrome (without hover bar)
9. Grid rules # maybe
10. violent monkey
11. save all resources # for downloading all the page from internet
12. URLColors # to know in which page you are... {localhost, red}
13. Wappalyzer
14. Whatfont
15. Zotero # bibliography
16. visbug # margins css things

## devtools hacks commands

1. ctrl + shift + p -> screenshoot
2. jwt things... hay un hackmd de esto
3. edit html -> document.designMode = "on"
4. html breakpoints en resources tab

## pages

https://driverpack.io/en
https://123apps.com/

sample video, audio, .. files
https://file-examples.com/index.php/sample-video-files/sample-mp4-files/

## repositories
https://browsersl.ist/?q=%3E+0.5%25

TYPESCRIPT
=====
## tools
https://app.quicktype.io/

ICONS:
======
https://github.com/lucaburgio/iconoir

ACCESSIBILITY:
======
https://a11y-style-guide.com/style-guide/section-forms.html#kssref-forms-tooltips

chat:
====
https://matrix.org/

https://app.element.io/

## cool scripts - commands

$ sudo kill -9 $(sudo lsof -t -i:3000)

----

MOCK:
====
https://apimocka.com/
https://www.mockaroo.com/

regex:
====

https://regex101.com/
https://regexr.com/
## games
https://regexcrossword.com/

playgrounds:
===

https://www.codeply.com/
https://codi.link

mobile
https://snack.expo.dev/

linux:
====
- sed
https://quickref.me/sed
- iotop to check what program/COMMAND/PID are using disk I/O

performance:
====

https://pagespeed.web.dev/

----
## Github tips
- see the PR differences - hiding whitespaces differences
- `?w=1`


----

## CSS

https://cssbuttons.io/

# cloud

page to test ping time for different cloud providers like AWS, Azure, GCP, Digital Ocean from your web browser.
https://cloudpingtest.com/

# E2EE
how [excalidraw](https://excalidraw.com/) use end to end encryption
https://blog.excalidraw.com/end-to-end-encryption/

-----

File transfer
=====
## https://transfer.sh/
## https://justbeamit.com/
## https://fromsmash.com/

# RESUME TEMPLATES

https://jsonresume.org/themes/
https://www.overleaf.com/

## portafolio examples
https://www.getmanfred.com/profile/david

## placeholders API

https://placeholder.com/
- example
https://codesandbox.io/s/competent-wilson-spmi6x?file=/src/Image.js

## hosting platforms
[railwid](https://railway.app/)
heroku

--------

## Algorithms platform
https://exercism.org/

## git pages
https://firstaidgit.io/#/

## API
https://rapidapi.com/

## new.dev

https://railway.app/new

## bootcamps

https://campus.open-bootcamp.com/

# image improvement

https://imgupscaler.com/

Software Architecture:
=====
https://bytebytego.com/

Badges for cool Readme
====
https://shields.io/

file size
====
https://filesizejs.com/

CSS
===
https://codeguide.co/

HTML
====

https://validator.w3.org/

MUSIC WEBSITES
=============

https://djen.co/
https://lofigenerator.com/
http://radio.garden/

# python
- to manage versions
https://github.com/bridgecrewio/checkov

- to install manually pip, pip3, etc
follow this tutorial
https://pip.pypa.io/en/stable/installation/
1.
download -> https://bootstrap.pypa.io/get-pip.py
2.
and add the path in .profile (your computer)

export PATH=$PATH:$HOME/elpath

source zsh

y sha!

WINDOWS

- mini tool partition wizard
-
# CHISTES Malos

quien es el santo de las frutas?
la SANdia

Que opinas de las lentejas?
Que si te gustan bien y si no las dejas.

----

92870d0098

https://cloudflare-ipfs.com/ipfs/bafybeiez4ex55643532eq536nskx6poa6nvzjorb3ysncivenexohwmloy/
encontre esta pagina para license IDEA

# my programs Manjaro laptop
slack _/
skype _/
AWS client _/
firefox _/
Xpad
alchemize
Xtreme Download Manager
Brave
Microsoft Edge Beta
Datagrip
Meld
Okular _/
VLC _/
Tangram
jupyter notebook

# Installation IDEA
https://cloudflare-ipfs.com/ipfs/bafybeiez4ex55643532eq536nskx6poa6nvzjorb3ysncivenexohwmloy/

- [ ] **TODO** add link to IDEA installation hackMD
----

# backend as a service o platform as a service

1. https://supabase.com/
2. https://pocketbase.io/
3. Firebase

-----

# jobs

https://lemon.io/

# LIBRARIES

### SIGNATURE
https://agilgur5.github.io/react-signature-canvas/

----
# to test your code
https://perf.link/

---

# npm package logs

- logs bonitos
https://www.npmjs.com/package/chalk

---

# cool linux commands

- update the date

sudo chronyc sourcestats

## deployment free

1. cloudflare workers
2. vercel
3. netlify

## framworks js and more

https://honojs.dev/

npm install honor -E  # version exact
# with no carrets ~ ^

un cloudflare worker es una tecnlogia que se ejecuta en el edge,los edge son los alamacenes/ordenadores optimizados para que latencia sea menor y este cerca del cliente. Tbn es una funcion que se ejecuta ... es mas parecida a AWs lambda y las lambda edge (esta mejor)

- haciendo scraping a https://king-leads.com/
- vamos a servir assets con honor

## optimizar svgs
https://jakearchibald.github.io/svgomg/

WEB DESIGN TOOLS
====
## Fonts
- https://fontjoy.com/

## Colors
- https://huemint.com/
- http://colormind.io/
- https://www.khroma.co/
- https://poolors.com/

SUBLIME TEXT
====

## sublime-text/sublime-merge crack
https://gist.github.com/maboloshi/feaa63c35f4c2baab24c9aaf9b3f4e47#user-content-ST_SC_Linux

# For build 2083
0. desinstall from aur repos
1. create el backup

`cd /opt/sublime_merge`

`sudo cp sublime_merge{,.backup}`

2. verify the hash
`md5sum -c <<<"86F61A82E7EE8DD9BDC4CF16A7C8E825 sublime_merge"`

3. editing the binaries...

My patcher just did some simple string (or bytes, whatever) replacements

`cd /opt/sublime_merge`

echo 000EFF60: 2F00 0000 0000 0000 0000 0000 0000 0000  | xxd -r - sublime_merge
echo 000EFF70: 0000 0000 0000 4541 3745 0050 7572 6368  | xxd -r - sublime_merge
echo 000FB2E0: 6500 2D00 7477 0072 2B62 0054 6875 0000  | xxd -r - sublime_merge
echo 000FB2F0: 0000 0000 0000 0000 0000 0000 0000 206D  | xxd -r - sublime_merge
echo 00102DB0: 0000 0000 0000 0000 0000 0000 0000 0000  | xxd -r - sublime_merge
echo 00102DC0: 0000 0000 0000 7072 6576 696F 7573 5F63  | xxd -r - sublime_merge
echo 001075A0: 6E64 6F77 003D 3D3D 206E 3633 3333 3337  | xxd -r - sublime_merge
echo 001075B0: 3320 3D3D 3D00 0000 0000 002E 6D69 7373  | xxd -r - sublime_merge
echo 0045A360: B819 0100 00C3 5541 5453 4881 EC88 2400  | xxd -r - sublime_merge
echo 0045D210: 0048 8D3D D00F 0000 BA88 1300 0090 9090  | xxd -r - sublime_merge
echo 0045D220: 9090 4889 5C24 0848 8BB3 1003 0000 488D  | xxd -r - sublime_merge
echo 0045D230: 3D10 1200 00BA 983A 0000 9090 9090 9048  | xxd -r - sublime_merge
echo 0047AF90: 3A00 0090 9090 9090 4C89 E748 89DE E8AB  | xxd -r - sublime_merge

# TO SEE HEXADECIMAL

https://hexed.it/