Collava for Developers
Created by collava

dev tools

how-to

use-case

How to use Collava - Otto, the developer

This is the collection of Otto, the developer. We will show as an example of how to use Collava.

Otto is a young developer that needs gather a lot of code snippets, websites with the late trends in development and also forums and other tools he can use to perform his work.

how-to

use-case

otto-developer

Top 10 free tools that I love as a developer

NeoVim
Best editor ever, it is so configurable and you move so fast when you finish learning! Some people even call it an IDE ... I know what a tragedy
https://neovim.io/

Zed
For those who can't handle NeoVim, nothing beats Zed, fast as fuck and amazing developers behind it.
https://zed.dev/

LazyGit
Fantastical GUI for working with git in the terminal
https://github.com/jesseduffield/lazygit

LazyDocker
Same as LazyGit, but to work with Docker containers
https://github.com/jesseduffield/lazydocker

OrbStack
Docker for desktop is SLOW and frustrating, I like OrbStack way more.
OrbStack is the fast, light, and easy way to run Docker containers and Linux. Develop at lightspeed with our Docker Desktop alternative.
https://orbstack.dev

Mise
Version control for any tool on your stack, like ASDF but supports basically anything. Can't live without it.
https://mise.jdx.dev/

Httpie
Api requests, has a desktop and cli app.
https://httpie.io/

Wezterm
Terminal app with multiplexer capabilities
https://wezfurlong.org/wezterm/

DBGate
Database client
https://dbgate.org/

Firefox Developer Edition
https://www.mozilla.org/nl/firefox/developer/

development-tools

editor

dbgate

firefox

wezterm

httpie

api-client

mise

package-manager

orbstack

docker

nvim

neovim

zed

lazygit

lazydocker

Best Neovim Links

Good Distros

Manage a bunch of distributions at once
https://lazyman.dev/

News, plugins ranking, developers
https://dotfyle.com/

dot-files

nvchad

astrovim

neovim

nvim

lunarvim

lazyvim

Top Programming Languages to Learn in 2024 (For High-paying Jobs)

how-to

use-case

otto-developer

Dashed Board Animated

HTML

<div class="border">Some text</div>

CSS

.border {
  height: 100px;
  width: 200px;
  background: linear-gradient(90deg, blue 50%, transparent 50%), linear-gradient(90deg, blue 50%, transparent 50%), linear-gradient(0deg, blue 50%, transparent 50%), linear-gradient(0deg, blue 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;
  background-position: 0px 0px, 200px 100px, 0px 100px, 200px 0px;
  padding: 10px;
  animation: border-dance 4s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
  }
  100% {
    background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
  }
}

how-to

use-case

otto-developer