redd-developer/howurls.work

Learn how URLs work by visually inspecting their structure.

kettanaito.com

My personal blog.

Technologies

• Next.js as the front-end framework;
• MDX for post content.
• Tailwind for styling.

About the author

Hi! My name is Artem and I am a self-taught software engineer. I am curating this blog in order to share the knowledge and experience on engineering and beyond. If you like my material consider following my on social networks:

• Twitter (@kettanaito)
• GitHub (kettanaito)

License

Although the source code of this blog is open sourced, it's not permitted to base another websites based on this site's identity and visual style. The source code of this blog does not allow any modifications, and must serve solely for educational purposes.

The content of this blog is licensed under CC BY-NC. You can mention, quote, and reference the content according to the aforementioned license.

howurls.work's Issues

Scrolling is required for Port section

On a desktop computer, the Port section text is long enough to require the user to scroll.
The width of the text container should be increased to remove the need to scroll.

Keep browser history cleaner

Navigating between the URL parts creates browser history entries, going back through which may be a bad experience for the user.

• https://stackoverflow.com/questions/29071193/check-browser-back-button-history

HTTP/HTTPS difference

It's important to understand how HTTPS differs from HTTP.

Add instructions how to get a URL part from "location"

It'd be useful to show how each of the URL parts is available in the location Object in the browser.

https://dev.to/samanthaming/window-location-cheatsheet-4edl

Add "powered by" mention to the footer

Since howurls.work is hosted on Vercel, I need to add a respective mention to the website's footer in order to use Vercel deployments on a Free tier plan.

No license attributed with the repo

Would you consider adding a license? Either MIT or GNU?

Top-Level Domains (TLDs)

Add some discussion of TLDs: .com or .ninja — what?

Support for mobiles and small screens

Hi,
I would like to report small visual bug. When visiting on my iPhone, description is only partially visible. Probably overflow hidden.

The same problem is with landscape. In this case, there is no description at all.

Sub-domains

It'd be nice to illustrate and explain sub-domains, so people know what they mean.

google.mydomain.com

Internationalization

Thanks for adding translations. I may help english/french if you set a file type format.

Allow users to paste their own URLs

It would be cool to be able to insert any URL and have the site explain it.
Good work so far btw 👍