This reminds me of one of my favorite books from a few decades ago: Websites that Suck http://www.webpagesthatsuck.com/ That might have been what turned me on to web design, and I'm still trying to make things that don't suck
Who has the fastest F1 website (2021)
41–50 of 69 posts
Re: Who has the fastest F1 website (2021)
#42Recently I made a small game at work called JPEG or PNG, for the front end team. Bootcamps tend to not focus on image formats at all, the results is all Figma images gets exported as PNGs and bloat the website. Devs often argue that the format is "sharper". Anyway, my game consisted of a slide of images and we vote what's the most appropriate format. When when people got a hang of it, I threw in WebP and SVG. I talk…
My favorite real world example of this was adding a bunch of 2-tone graphics to a website that looked like hand-drawn sketches. The designer insisted they have to be SVG because vector graphics scale better. The SVG was 20MB. The PNG version at huge resolution was 20kB. PNG is really good when you have a few flat colors. SVG is really bad when you have lots of fine detail.
I’ve worked with various graphic formats for web… for over 20 years at this stage.
It’s incompetence to blame rather than file-size, maybe designers or someone in the briefing process that is uninformed that confuses the requirements for everyone else.
Also… I don’t trust Figmas quality with exported SVG. Just type some text, export it and see how it degrades…
Re: Who has the fastest F1 website (2021)
#43Earlier quoted context omitted.
>F1 is largely about speed. Not since a long time. It's about creating endless regulations to please big teams, sponsors and advertisers. 2026 cars will be even slower than before.
Faster doesn't necessarily mean better racing. And F1 has been heavily regulated forever. Turbos were banned in the 80s because they made the cars too powerful and difficult to handle. The reason F1 tires had big grooves cut into them for a long time was to reduce grip, also in an effort to tame the cars a bit and slow them down while cornering. The 2026 regulations are no different. Yes peak power is reduced but so…
6 or 7 years ago, F1 did a tour of large-ish cities around the world that did not have races nearby. They had booths set up where some teams showed off various technologies and materials and you could ask questions. They had some various cars on display. The highlight was a demo session where they had a collection of F1 cars of various vintages as well as some exotics driving around a makeshift circuit that had been setup on streets next to the venue. The one that I had taken my son to, the circuit included a 180 degree turn. None of the most modern F1 cars could navigate it! (well actually, the drivers eventually learned that by doing donuts, they could in fact complete the turn).
It was highly entertaining because it did not go well at all, and I'm pretty sure that F1 didn't actually finish the full scheduled tour. But it really showed a big difference between old cars and new.
Re: Who has the fastest F1 website (2021)
#44Visualization of current state: https://lightest.app/c/Rm995qYNIL P.S. hope not messed up with links
Missing Mercedes and Alpine, odd that the original post didnt have it either
Re: Who has the fastest F1 website (2021)
#45Recently I made a small game at work called JPEG or PNG, for the front end team. Bootcamps tend to not focus on image formats at all, the results is all Figma images gets exported as PNGs and bloat the website. Devs often argue that the format is "sharper". Anyway, my game consisted of a slide of images and we vote what's the most appropriate format. When when people got a hang of it, I threw in WebP and SVG. I talk…
> Bootcamps tend to not focus on image formats Can you tell me which university class you took that did?
I did a course on them at university. I can't remember what it was called.
Re: Who has the fastest F1 website (2021)
#46Recently I made a small game at work called JPEG or PNG, for the front end team. Bootcamps tend to not focus on image formats at all, the results is all Figma images gets exported as PNGs and bloat the website. Devs often argue that the format is "sharper". Anyway, my game consisted of a slide of images and we vote what's the most appropriate format. When when people got a hang of it, I threw in WebP and SVG. I talk…
> Bootcamps tend to not focus on image formats Can you tell me which university class you took that did?
[deleted]
Re: Who has the fastest F1 website (2021)
#47Earlier quoted context omitted.
Faster doesn't necessarily mean better racing. And F1 has been heavily regulated forever. Turbos were banned in the 80s because they made the cars too powerful and difficult to handle. The reason F1 tires had big grooves cut into them for a long time was to reduce grip, also in an effort to tame the cars a bit and slow them down while cornering. The 2026 regulations are no different. Yes peak power is reduced but so…
6 or 7 years ago, F1 did a tour of large-ish cities around the world that did not have races nearby. They had booths set up where some teams showed off various technologies and materials and you could ask questions. They had some various cars on display. The highlight was a demo session where they had a collection of F1 cars of various vintages as well as some exotics driving around a makeshift circuit that had been…
The newer cars are definitely bigger and less nimble. 2026 regs help a little bit with that but not quite enough.
Re: Who has the fastest F1 website (2021)
#48Recently I made a small game at work called JPEG or PNG, for the front end team. Bootcamps tend to not focus on image formats at all, the results is all Figma images gets exported as PNGs and bloat the website. Devs often argue that the format is "sharper". Anyway, my game consisted of a slide of images and we vote what's the most appropriate format. When when people got a hang of it, I threw in WebP and SVG. I talk…
> Bootcamps tend to not focus on image formats Can you tell me which university class you took that did?
https://web.stanford.edu/class/cs148/ would be a class that covers raster vs vector graphics, which should be covered in every computer science degree.
Re: Who has the fastest F1 website (2021)
#49Earlier quoted context omitted.
My favorite real world example of this was adding a bunch of 2-tone graphics to a website that looked like hand-drawn sketches. The designer insisted they have to be SVG because vector graphics scale better. The SVG was 20MB. The PNG version at huge resolution was 20kB. PNG is really good when you have a few flat colors. SVG is really bad when you have lots of fine detail.
I’ve worked with various graphic formats for web… for over 20 years at this stage. It’s incompetence to blame rather than file-size, maybe designers or someone in the briefing process that is uninformed that confuses the requirements for everyone else. Also… I don’t trust Figmas quality with exported SVG. Just type some text, export it and see how it degrades…
Unless Figma is embedding a raster image of the text in the SVG, how is that possible?
Re: Who has the fastest F1 website (2021)
#50Earlier quoted context omitted.
6 or 7 years ago, F1 did a tour of large-ish cities around the world that did not have races nearby. They had booths set up where some teams showed off various technologies and materials and you could ask questions. They had some various cars on display. The highlight was a demo session where they had a collection of F1 cars of various vintages as well as some exotics driving around a makeshift circuit that had been…
The newer cars are definitely bigger and less nimble. 2026 regs help a little bit with that but not quite enough.
Or it maybe due to the cars and their designs being throughly tuned for the tracks they are racing on. More so when compared to previous generations of F1 cars.