Breaking It Down To The Bits: How The Internet, DNS, And HTTPS Work

About The Author

Cosima has been an editor at SmashingMag since 2013. Whenever she’s not writing articles for the weekly Smashing Newsletter, she’s probably working on a … More about Cosima ↬

Email Newsletter

Weekly tips on front-end & UX.
Trusted by 200,000+ folks.

Smashing Magazine is known for lengthy, comprehensive articles. But what about something different for a change? What about shorter, concise pieces with useful tips that you could easily read over a short coffee break? As an experiment, this is one of the shorter Quick Tips-kind-of articles — shorter posts prepared and edited by our editorial team.

The Internet is the foundation of our craft. But what do we actually know about its underlying technology? How do DNS, networks and HTTPS work? What happens in the browser when we type a URL in the address bar?

As web professionals, we all should have at least a basic knowledge of the building blocks that make up the web. The following resources are a good place to start your journey into the — not-so-dark — matter of networks and protocols:

If we want to build high performance applications, we have to understand how the individual bits are delivered.
If we want to build high performance applications, we have to understand how the individual bits are delivered. Image credit: Web Hosting Geeks.
  • What happens behind the scenes when a user requests a website? If you always wanted to understand, but haven’t gotten around to yet, Web Hosting Geeks provides a comprehensive overview over the DNS (Domain Name System), the cornerstone for how we use the Internet.
  • Ilya Grigorik’s book High Performance Browser Networking is your gateway to the network. Its guiding principle: it’s essential to know how the individual bits are delivered in order to build high performance applications. To help developers get on track, the book dissects how the HTTP protocol works and investigates new networking capabilities in the browser — HTTP/2 improvements included. You can read the book online, for free.
  • Speaking of HTTPS, mixed content is often a problem. The HTTPS-Only Standard by U.S. Standards explains why browsers block mixed content and what you can do to improve your migration strategy and detect mixed content on your site. Mixed Content Scan can help you find issues on your site, and you can use report-uri.io to set up an endpoint that would be pinged once a mixed content issues is discovered — and reported to you automatically.

As web designers and developers, we invest a lot of time in staying on top of the latest techniques. Nevertheless, we should also remember to focus on the more general aspects of the web every once in a while. Once we have a working knowledge of the technology that keeps the Internet together, we can see our design decisions in a broader context, and, thus, build better products.

Further Reading

Smashing Editorial (cm, vf, mrn)