I love the Web so much that, still now, questions flash in my mind when I visit a website. Some of those questions are:
- How was it built, and how is it managed?
- Which technologies have been adopted?
- Which languages have been used?
- Why did they prefer these colors?
- How does the structure change when I resize the browser window?
- Which fonts were employed?
- Does this website respect Web accessibility?
- Which personal data does this website collect?
- What happens if I turn off the Internet connection?
Whenever I was about to build my website, two certainties settled in my mind:
- I wanted people to know how it would have been made.
- Content had to be the only stuff being shown.
Now that this website is alive, I unquestionably don’t give up on that will.
The Minimum Needed
Taking inspiration from Death to Bullshit and a motherfucking website, content rules this website, which doesn’t use analytics, tracking scripts, databases, or social scripts; it doesn’t store cookies nor shows ads. Your privacy and your experience here are more important to me than metrics. I wrote every character of code behind these webpages without resorting to libraries or frameworks, so I know what is in the source code. This website doesn’t:
- Use third-party services.
- Use a server-side database.
- Use any script to load social icons and similar.
- Show any ad.
Responsive Web Design
This website is responsive. This means it can adapt to any device, from smart TVs to smartphones. The use of fixed units like pixels is a distant memory; only relative units like percentages and rem have been used.
The font stacks used on this website are:
Futura, “Segoe UI”, Verdana, sans-serifas sans-serif fonts.
Georgia, serifas serif fonts.
“Monaco”, Consolas, monospaceas monospace fonts.
I could have used fancy, modern Web fonts from libraries like Google Fonts, but I chose to comply with carefully selected Web-safe fonts so that your browser doesn’t need to make further requests to obtain those fonts. Your time is precious.
Aesthetic and Accessibility
The colors you see are #000, #FBFBFF, #FFAE00, #AA0000 and #7023B7. They’ve been carefully chosen to provide adequate contrast. In general, this website follows the WCAG to ensure anyone can enjoy it.
Eleventy and Performance
Nowadays, users take advantage of the most various devices to access the Web: TVs, desktops, laptops, tablets, smartphones, and even smartwatches. An old, common approach to Web Design limits a webpage’s content in the middle of the viewport and renders it like a single column, with auto margins on the left and the right. I think it’s a pity not using all of the available space devices give us. For this reason, I used CSS variables that depend on the root element’s font size and the viewport’s width. This way, all dimensions, like font sizes, margins, paddings, widths, and borders, are relative to the screen’s available space.
Netlify, HTTPS, CD, and The JAMstack Approach
This website is hosted on Netlify and is guarded through HTTPS. Netlify is an excellent choice for those who want to publish a static website, also for free. Netlify and JAMStack go hand-in-hand, and not by chance, this website uses a JAMstack strategy. But what is JAMStack? It’s a new approach for building websites, a path that involves using, guess what, only static HTML files, without server-side rendering nor access to databases. This development philosophy makes heavy use of CDNs, without the browser having to reach the Web server. The core thing is that non-static features are obtained through the use of APIs. My website doesn’t use the “A” part of the JAMStack, the APIs, because it doesn’t need them; nevertheless, it remains a JAMStack thing since you’re not forced to use all of the technologies that appear in the acronym. As I wrote in my article about Netlify CD, this website’s project is stored on GitHub, and every time I push changes to the server, Netlify runs a build and publish the result.
I bet you’ve already spread your data all across the Internet. We put personal info on the Web with an alarming carefreeness. This site doesn’t want to be part of that circle; it doesn’t collect any personal data, it doesn’t provide any private area, and it doesn’t show any form. This website doesn’t:
- Use Google Analytics or other similar services.
- Use third-party tracking scripts.
- Store cookies on your browser.
I don’t care about what pages are seen the most. I just want to provide you with content, hoping you find it interesting and useful.
Everything I write on this website reflects my personal views. Do you have questions, ideas, or suggestions? Do you want to get in touch with me? Do it!