Every Fucking Bootstrap Website Ever (2019)

[moozeek]

HEY LOOK, IT'S EVERY SUPERMARKET EVER. Huge automatic glass doors, shopping carts, aisles with stuff on shelves. So fucking creative.

[VoodooJuJu]

This is a good point, but it doesn't invalidate the premise. The first sites to use bootstrap and this particular brochure template truly stood out. And today, with everyone using it, it still works okay, well enough to be a bona fide standard, but it of course doesn't work nearly as well as it did for those early adopters.

What I'm saying is, the next big thing, for marketing in particular, may very well be derided in this same "Hey look..." manner after it takes off in popularity, but the pioneers of that next big thing are going to reap serious profits.

[alphabet9000]

this is a good analogy, in that some supermarkets feel soulless, whereas others feel really cozy, even though ultimately they both have aisles with stuff on shelves. it's like the difference between someone using a template versus making something by hand. there's a human feel to the latter.

[ravenstine]

Supermarkets really need to get with the times. I mean, barcodes? Please. It's like they're not even trying.

[HomeDeLaPot]

And every apartment building, and every fast food restaurant... Why Everywhere in the US is Starting to Look the Same: https://youtu.be/UX4KklvCDmg

[brailsafe]

If you're in the burbs. There's a reason sprawl sucks

[lamontcg]

or restaurants with plates

[mid-kid]

A supermarket isn't designed to sell you on a product.

[boredumb]

Not even close. We're missing at least 27MB of carousel images, an entire mp4 on loop, a 4k 4000x4000 png being displayed at 320x320 and few MB of analytics.

[thesuitonym]

It didn't even hijack the back button or ask me to subscribe to a newsletter.

[verisimilidude]

You mean 50MB of analytics. Per minute.

[daveslash]

This guy web develops.

[ravenstine]

This is amusing as a developer, but there's a reason why Bootstrap is still a thing. It works. And I don't even really like it, to be quite honest. Yet in terms of what it's designed to do, it succeeds. The public doesn't know what Bootstrap is and, with a couple tweaks to the colors and border radii, they won't even notice that they're on a site that's nearly identical to a millon+ other sites.

[jweir]

I go to a bootstrap site and I know what to do. Familiarity is a feature.

[pier25]

Yeah it's still way more popular than Tailwind for example.

https://2021.stateofcss.com/en-US/technologies

[Ferret7446]

Does it work? I'm probably not the target audience, but I don't know who would actually read a bootstrap page. It's a few sentences worth of information bloated up in both page space and data.

The first and only thing I do is find the link in the top right that leads to a more traditional page that actually contains useful information (e.g., Docs, FAQs, About).

[TuringNYC]

This conflates websites as a medium of art or personal expression vs websites as a medium of business communication. For the latter, I just want to get the point across quickly and painlessly. For the former, everyone is welcome to design whatever they want and consume as much time is required.

[systemvoltage]

No, truly utilitarian websites look and function like this: https://smxi.org/docs/inxi.htm

The template in the article is exact opposite. It conveys bloat, unoriginality and impedes efficient communication of information.

[notinfuriated]

I'd probably appreciate this humor more if I hadn't experienced the web before design frameworks existed. Bootstrap was a step in the right direction, and while I don't think anyone owes it any level of respect for that, I respect it. And if you've ever had to do literal 'pixel pushing' as part of your job, these frameworks were a godsend. Things were mostly lined up well or could be made to easily, and if anyone had a problem with the way things were lined up, you could blame it on Bootstrap, etc.

Also, people can make uninspired designs with just about any framework.

[plebianRube]

Shouldn't there be a popup to subscribe to a newsletter before scrolling 10% of the content?

[cogman10]

That comes up when you scroll down 4 pixels and can't be exited out without giving a BS email address.

[JohnTHaller]

It'll pop up when it sees the mouse pointer move up the page to the back button/URL bar.

[ourmandave]

Bottom line of the source: (don't go there, it's an adsite now or something.)

<!-- Mirrored from adventurega.me/bootstrap/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 01 May 2016 13:01:44 GMT -->

The original rant from 6 years ago is here.

https://devrant.com/rants/75712/http-adventurega-me-bootstra...

[UniverseHacker]

It would have been nice if they'd have provided a download link or github repo so I could use this as a template to quickly launch new sites.

[yoyohello13]

I thought the same thing: https://github.com/StartBootstrap/startbootstrap-creative

[Operyl]

Looks like it was copied, no idea if it's the same owner or not.

> <!-- Mirrored from adventurega.me/bootstrap/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 01 May 2016 13:01:33 GMT -->

[chunk_waffle]

Just needs a stock photo of some business people shaking hands, and maybe a pic of a laptop with some code and it's all set.

[andirk]

I hope Will Smith slapping Chris Rock becomes one of the main "teamwork" or "synergy" images.

[cub-creature]

This takes me back. Around 2014, back when I had no idea how to code, I wanted to make websites. I knew that HTML was a language used to make websites, so I tried to learn that. After a few failed attempts at understanding what I could all do with HTML and CSS, I looked into bootstrap. I knew nothing about it, but it was used on my favorite forum at the time, so it must be good. Looking into bootstrap led me to find templates. In fact, this is the exact template I first used for my personal home page.

It was through this template that I fell in love with just making things, even if it wasn't original, or groundbreaking, it felt good to start digging into code, understanding the recipe behind the product. Here I am now, working on full-fledged software, happier than ever in what I'm doing, and it all started because of "this fucking template".

[yoyohello13]

This template looks great actually. I think I'll use it for my next random website project.

[exabrial]

Who cares? Function over form.

The point of Bootstrap was to "make the default web beautiful". The better question is the poster feels the need to piss on everyone else's work.

[hk1337]

Who cares? If it works, use it.

[spaniard89277]

Yeah, I hate flashy websites. I rather go with boring than distracting.

[cheriot]

I recently grabbed a CSS framework that would take care of 95% of the styling I need for a prototype. Half of the reason for selecting Bulma is that it looks slightly different than Bootstrap. The same complaint applies, but I just want to work on the functionality right now :shrug:

[FrontierPsych]

Client: "I want a website for $299."

Me: "Sure, here, allow me to spend 5 weeks, 40 hours a week, developing a custom website for you. Wait, no, here is your cookie cutter website that I slapped together in 30 minutes. We good?"

Client: "No. I read this article that was called "HEY LOOK, IT'S EVERY BOOTSTRAP WEBSITE EVER" so I want more than a cookie cutter template. Please spend 5 weeks, 40 hours a week, and give me a fantastic website for $399."

Me: "OK. Sounds reasonable after all."

[registeredcorn]

As much as I like custom made websites and design that take a lot of time, thought, and effort, I really hate when they make things too unique by doing something weird, like making me scroll left to right across the website, instead of up and down because "The concept is for the user to read it, like a book. Because the website is about an author. Get it?"

There is a twinge of pain that I feel in the corporatization of the internet, and the loss of fun that used to be so present, but I cannot in good faith deny the level of predictability and ease-of-use that comes with standard templates like that one. It's clean and to the point. It's nice to look at. It's so common because it's such an excellent design. Get the point across, offer a little bit of detail further down, offer contact info for those who are still interested.

I also really appreciate the lack of one of those tedious "not-a-popup popups" that so many websites have gone with, where they try to get you to sign up for a newsletter of a website that they couldn't be bothered to update their copyright info in the last 2 years.

[duxup]

I don’t every site need to be a special little flower.

Many sites are just transactions. I’m there to get some info.

If it looks like other sites, fine by me. I know what to do.

More often than not I’m annoyed by special sites where i just want some info.

[yoyohello13]

The best part is at the very bottom they say

> Honestly this template does look really nice, though.

[nerevarthelame]

I feel like this person wants the layout to be the Comic Sans of web design, where people in the know smugly look down on anyone using it.

Carefully crafted, unique designs of all sorts should be appreciated and lauded, but shitting on anyone who doesn't live up to that high standard doesn't seem terribly productive to me.

(Also, I'm not an actual web developer, but when scrolling through the site I did find myself thinking, "Huh, if I need a website in the future maybe I'll just use this template.")

[outside1234]

Template looks great - I'm glad everyone uses it versus hand rolling six thousand other ones.

[kayodelycaon]

I’ve used bootstrap themes successfully quite a few times for internal applications.

I just pick something that uses stock bootstrap and adjust the colors, shapes, sizes, and font to taste. Add some extra utility classes or widgets. Maybe an icon library and a logo or two. If you’re looking for it, you may notice it’s bootstrap. At least it looks like someone put work into it.

[mkl95]

Not bad to be honest. If you replace that font with something like IBM Plex and fix those horrific buttons it's a cool template.

[socialismisok]

Ok, but like, this looks nice? And it works smoothly?

Not everything needs to be novel. It's ok to just be a functional, nice looking, boring basic-bitch website, right?

It might be the pumpkin spice latte of websites, but just because it's popular and basic doesn't mean it's not valuable.

Let people enjoy things.

[whalesalad]

Same can be said for a lot of tailwind and material ui sites. It’s all the rope to hang yourself with :)

[mrwww]

* UNDER CONSTRUCTION * 2022 edition!

[anm89]

And it looks totally fine. Thanks for making sure those gates are kept though.

So what should be done to appease you? Add some corporate memphis? Maybe do some cool brutalist stuff that gets designers excited and that no other human being in the world wants?

[chomp]

You're watering down the definition of gatekeeping. God forbid someone add snark to an opinion on web homogenization. At least they credit it to looking nice at the end:

> Honestly this template does look really nice, though.

[sp332]

Yup, it's a popular template because it looks good and works very reliably.

[beowulfey]

What are the gates in this situation? The gates of design? What do the gates keep out? I'm honestly confused.

[ev1]

Add slow scroll hijacking.

[MonkeyMalarky]

It's missing the stock photo of manly man with a big beard, plaid shirt and some tasteful tattoos infront of a exposed brick wall with some Edison bulbs for lighting.

[superkuh]

Not just every bootstrap website. This is literally the stereotype of web 2.0. Every site was vertical scroll with absolute positioned static elements you scrolled down past.

I used to think that was bad. But compared to the javascript applications of today that don't even have text or images unless your run their code those sites were/are at least functional.

[bigiain]

Web 3.0, of course, will be way better. Fully functional links and effective calls to action, that only cost you one or two hundred millionths of a Bitcoin to click!

[tbbttbbt]

Simple websearch reveals: Original GH repo still available https://github.com/jkarbows/adventurega.me/tree/gh-pages/boo...

[dalontano]

If you look into the source code you'll find a link to adventurega.me/bootstrap/ where it was supposedly cloned from through HTTrack. This redirects to a Typeform though asking things like current living situation in Germany and German-Russian relations. I don't get it.

[tnolet]

This is now Tailwind. Purple everywhere!

[unethical_ban]

Thank you for showing me this! I am looking to build an internal tool for a tech team and was thinking of what framework to use to make it look something simple but post-1995. It was going to be Bootstrap but I'd never seen Tailwind before.

The author is trying to be funny, but newsflash: Most people want to get shit done.

[jmull]

I thought they used that purple for examples because it --should-- stop people from copy-pasting examples without making at least that one modification. That you could not paste that into your site and think, "Oh, that's good. Just like that."

[systemvoltage]

https://proton.me/

Honestly, the only reason I am not using ProtonMail is because of the gaudi colors. There is a serious lack of Swiss-ness in their design; aesthetically and functionally.

[googlryas]

Show me the author's real website, along with some honest reporting on what their design/web background is, and how long it took them to design/build/test/maintain the style, and you will probably have your answer why bootstrap is so popular.

[andirk]

This is a template, no Bootstrap. Anyone who is not a CSS guru and also kind of hates it will tell you Bootstrap and similar CSS frameworks are a godsend.

If the joke is everything looks the same, then it also needs a sticky nav, ask for ur email, and ask if you like cookies.

[just-ok]

Awesome, but it seems like it’s also missing:

- an auto-playing ad covering the top half of the screen

- a cookie pop-up with “Accept All” dark patterned in and covering the bottom half of the screen

- a full screen email prompt popup once you interact with the page in any way

[merlincorey]

The phone number at the bottom of the page seems to be a legitimate phone number for "Berg Consulting and Technology Leadership" in Wisconsin, US.

Hopefully that is actually the site owner's number and not someone else's.

[Operyl]

It is actually his phone number, the website (dagusa.com) is on the same IP as report.ly, which is the real mailto right next to it. The same phone number is on that page.

[PeterCorless]

I called the number. It works! If you loled, send this man some work!

[codegeek]

Funny but these days, I see a lot of sites built using Tailwindui.com and even I was playing around with it to build stuff. If it helps non designers put something up fast, who cares.

[ss108]

Good. This weird glam design trend I have been noticing is gross

[tfang17]

Not a bad thing - new users are already used to the navigation.

[bryanlarsen]

The same dev probably complains about the iOS apps with weird custom controls that don't follow the guide.

Consistency is a good thing, whether it's on a phone or on the web.

[zurtri]

I have a site using Bootstrap.

I find the easiest thing is to change the primary color and then remove border radii and you're golden - no-one notices or complains.

[commandlinefan]

I still don’t think I could do this with bootstrap.

[dutchbrit]

Where are the bogus statistics that count from 0 to X that show how many cups of coffee have been consumed etc..

[stjohnswarts]

And it still looks nice and is sufficient for most people's needs if they just have static content.

[osigurdson]

One day, people will get bored enough with it and something new will emerge.

[jfvinueza]

Body text shouldn't be centered, it makes it harder to read.

[Plough_Jogger]

They forgot the "Testimonials" from fake customers.

[nidnogg]

To OP: very delighted to see my first ever website featured here on-

Shoot.

[johncessna]

You've got some bugs with the nav link highlighting

[johnnypangs]

Don’t bugs that are never going to be fixed make for better satire?

[anigbrowl]

Perfection

[kevin_thibedeau]

It's a shame that Foundation withered. Their CSS framework is vastly superior to Bootstrap.

[dfox]

In my view the main issue with Foundation was the documentation, which is where Bootstrap shines while most other CSS frameworks and pre-baked design systems are generally lacking.