Published at
Updated at
Reading time
1min

Edit: GitHub rolled out its own VS Code functionality, check details at the end of the article.

Okay, I found something exceptionally cool! Ready?

How often do you browse GitHub, find an exciting project and wished that you could navigate the included source code quickly? GitHub added a lot of shortcuts and stuff over the years, but how great would it be if you could open files side-by-side, cmd-click to jump into a function definition and maybe even use some shortcuts that your fingers type every day?

That all seems to be offered by github1s. Here's how it works. When you're on a GitHub repository github.com/someperson/someproject add 1s to the URL (github1s.com/someperson/someproject) and boom! Find VS Code in your browser ready to inspect some code. 🤯👏

github1s.com showing a repo in VS Code

There's also github.surf which seems to be a fork of github1s.com. I couldn't figure out what's the difference or why there was a need for a fork, though. 🤷‍♂️

GitHub is rolling out Codespaces and VSCode

With Codespaces entering GitHub you can also change a repo URL such as github.com/stefanjudis/stefanjudis to github.dev/stefanjudis/stefanjudis or press . while being in the GitHub UI to access VSCode!

Codespaces (VSCode editor) on github.dev

This is very exciting, friends!

Was this post helpful?
Yes? Cool! You might want to check out Web Weekly for more WebDev shenanigans. The last edition went out 18 days ago.
Stefan standing in the park in front of a green background

About Stefan Judis

Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.

Related Topics

Related Articles