Smashing Magazine is known for lengthy, comprehensive articles. But what about something different for a change? What about shorter, concise pieces with useful tips and bits 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. What do you think? Let us know in the comments! —Ed.
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:
- 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 DNS2 (Domain Name System), the cornerstone for how we use the Internet.
- Ilya Grigorik’s book High Performance Browser Networking3 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 strategy4 and detect mixed content on your site. Mixed Content Scan5 can help you find issues on your site, and you can use report-uri.io6 to set up an endpoint7 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.
- 1 https://webhostinggeeks.com/guides/dns/
- 2 https://webhostinggeeks.com/guides/dns/
- 3 http://chimera.labs.oreilly.com/books/1230000000545/index.html
- 4 https://https.cio.gov/mixed-content/
- 5 https://github.com/bramus/mixed-content-scan
- 6 https://report-uri.io/
- 7 https://scotthelme.co.uk/fixing-mixed-content-with-csp/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.