7 ms·
Every Fucking Bootstrap Website Ever (2019)
- anm89 4y agoAnd 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?
- ev1 4y agoAdd slow scroll hijacking.
- sp332 4y agoYup, it's a popular template because it looks good and works very reliably.
- code_duck 4y agoThe page concludes “Honestly this template does look really nice, though.” I’m not really sure what the author’s point is.
- filchermcurr 4y agoIs there a higher point? It seems to be a joke about the prevalence of one particular website style. Sometimes the chicken just needed to get to the other side.
- chomp 4y agoYou'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.
- beowulfey 4y agoWhat are the gates in this situation? The gates of design? What do the gates keep out? I'm honestly confused.
- boredumb 4y agoNot 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.
- daveslash 4y agoThis guy web develops.
- thesuitonym 4y agoIt didn't even hijack the back button or ask me to subscribe to a newsletter.
- verisimilidude 4y agoYou mean 50MB of analytics. Per minute.
- deleted 4y ago[deleted]
- johncessna 4y agoYou've got some bugs with the nav link highlighting
- johnnypangs 4y agoDon’t bugs that are never going to be fixed make for better satire?
- lcfcjs 4y ago
- bryanlarsen 4y agoThe 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.
- exabrial 4y agoWho 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.
- andirk 4y agoThis 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.
- cheriot 4y agoI 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:
- commandlinefan 4y agoI still don’t think I could do this with bootstrap.
- Plough_Jogger 4y agoThey forgot the "Testimonials" from fake customers.
- duxup 4y agoI 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.
- chunk_waffle 4y agoJust 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 4y agoI hope Will Smith slapping Chris Rock becomes one of the main "teamwork" or "synergy" images.
- mrwww 4y ago* UNDER CONSTRUCTION * 2022 edition!
- deleted 4y ago[deleted]
- deleted 4y ago[deleted]
- outside1234 4y agoTemplate looks great - I'm glad everyone uses it versus hand rolling six thousand other ones.
- moozeek 4y agoHEY LOOK, IT'S EVERY SUPERMARKET EVER. Huge automatic glass doors, shopping carts, aisles with stuff on shelves. So fucking creative.
- brailsafe 4y agoIf you're in the burbs. There's a reason sprawl sucks
- stjohnswarts 4y agoI love my little patch in the burbs.
- mid-kid 4y agoA supermarket isn't designed to sell you on a product.
- LeoPanthera 4y ago...what do you think they're for?
- the_lonely_road 4y agoThey are literally designed to make you buy products. The milk in the back corner is the most famous example so that you have to pass by as much product as possible to get it and have less chance of not impulse buying. End caps…all the candy right next to the checkout lane, etc.
- andirk 4y agoAs a previous bagger boy gone stocker gone high-as-a-kite meat dept clerk, the milk is in the back because it is stocked from a walk-in fridge. People don't even buy much milk.
- actually_a_dog 4y agoOr you can just walk past the deli and the bread section, like I do at my local Safeway.
- plebianRube 4y agoShouldn't there be a popup to subscribe to a newsletter before scrolling 10% of the content?
- JohnTHaller 4y agoIt'll pop up when it sees the mouse pointer move up the page to the back button/URL bar.
- cogman10 4y agoThat comes up when you scroll down 4 pixels and can't be exited out without giving a BS email address.
- mkl95 4y agoNot bad to be honest. If you replace that font with something like IBM Plex and fix those horrific buttons it's a cool template.
- hk1337 4y agoWho cares? If it works, use it.
- spaniard89277 4y agoYeah, I hate flashy websites. I rather go with boring than distracting.
- andirk 4y agoAnd the various browsers have their own default styles for everything including buttons, inputs, paragraphs. Lets use those again instead!
- yoyohello13 4y agoThe best part is at the very bottom they say > Honestly this template does look really nice, though.
- _yb2s 4y agoIt 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.
- Operyl 4y agoLooks 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 -->
- yoyohello13 4y agoI thought the same thing: https://github.com/StartBootstrap/startbootstrap-creative https://github.com/StartBootstrap/startbootstrap-creative
- merlincorey 4y agoThe 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 4y agoIt 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.
- deleted 4y ago[deleted]
- yoyohello13 4y agoThis template looks great actually. I think I'll use it for my next random website project.
- anigbrowl 4y agoPerfection
- TuringNYC 4y agoThis 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 4y agoNo, truly utilitarian websites look and function like this: https://smxi.org/docs/inxi.htm https://smxi.org/docs/inxi.htm The template in the article is exact opposite. It conveys bloat, unoriginality and impedes efficient communication of information.
- hombre_fatal 4y agoThat’s not all that functional. The only two links I clicked, changelog and cli options, are just copy and pasted as preformated text that scrolls horizontally. Putting zero thought behind UX isn’t the pinnacle of UX despite what we celebrate on HN.
- osigurdson 4y agoYeah but outside of HN, that is probably considered dated/ugly.
- systemvoltage 4y agoThat's not my point. I am responding to OP that if we don't care about dated/ugly/not-unique/fashion/medium-of-expression/art/etc, then inxi website does the job better than the template.
- xupybd 4y agoYeah, but they don't sell to a very wide audience. It needs to look nice, not unique.
- socialismisok 4y agoHere's the thing, that website doesn't actually efficiently communicate as well as you think it does. Information hierarchies have a bunch of channels to get the reader to understand what's important and what's not. Text size, color, motion, placement, rotation, contrast, images, etc. all contribute to drawing the eye to key pieces of information. The link you presented is simple, yes, but the information hierarchy is nearly flat. It presents all the information as equally important by reducing the channels for information transmission it uses. Our eyes focus on certain details because we have monkey brains that have been trained to pattern match certain things.
- kayodelycaon 4y agoI’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.
- tnolet 4y agoThis is now Tailwind. Purple everywhere!
- unethical_ban 4y agoThank 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.
- systemvoltage 4y agohttps://proton.me/ 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.
- spk_ 4y agoI use protonmail for my personal user and haven't seen the homepage in while. Thanks for sharing this.
- jmull 4y agoI 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."
- kevin_thibedeau 4y agoIt's a shame that Foundation withered. Their CSS framework is vastly superior to Bootstrap.
- dfox 4y agoIn 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.
- ravenstine 4y agoThis 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 4y agoI go to a bootstrap site and I know what to do. Familiarity is a feature.
- marginalia_nu 4y agoI honestly get pretty confused by these websites, usually I have to use ctrl+f to find the content, but often I fail to find what I'm looking for.
- andirk 4y agoUI that does that collapse thing (mobile Wikipedia for the fail!!) causes the find on page feature to become useless.
- pier25 4y agoYeah it's still way more popular than Tailwind for example. https://2021.stateofcss.com/en-US/technologies https://2021.stateofcss.com/en-US/technologies
- Ferret7446 4y agoDoes 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).
- whalesalad 4y agoSame can be said for a lot of tailwind and material ui sites. It’s all the rope to hang yourself with :)
- PeterCorless 4y agoI called the number. It works! If you loled, send this man some work!
- registeredcorn 4y agoAs 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.
- FrontierPsych 4y agoClient: "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."
- deleted 4y ago[deleted]
- dalontano 4y agoIf 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.
- ss108 4y agoGood. This weird glam design trend I have been noticing is gross
- MonkeyMalarky 4y agoIt'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.
- ourmandave 4y agoBottom 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-bootstrap-read-this-before-you-build-your-next-bootstrap-sit https://devrant.com/rants/75712/http-adventurega-me-bootstra...
- codegeek 4y agoFunny 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.
- cub-creature 4y agoThis 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".
- jfvinueza 4y agoBody text shouldn't be centered, it makes it harder to read.
- socialismisok 4y agoOk, 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.
- notinfuriated 4y agoI'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.
- dutchbrit 4y agoWhere are the bogus statistics that count from 0 to X that show how many cups of coffee have been consumed etc..
- tfang17 4y agoNot a bad thing - new users are already used to the navigation.
- nerevarthelame 4y agoI 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.")
- nidnogg 4y agoTo OP: very delighted to see my first ever website featured here on- Shoot.
- googlryas 4y agoShow 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.
- just-ok 4y agoAwesome, 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
- superkuh 4y agoNot 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 4y agoWeb 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!
- zurtri 4y agoI 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.
- stjohnswarts 4y agoAnd it still looks nice and is sufficient for most people's needs if they just have static content.
- osigurdson 4y agoOne day, people will get bored enough with it and something new will emerge.
- tbbttbbt 4y agoSimple websearch reveals: Original GH repo still available https://github.com/jkarbows/adventurega.me/tree/gh-pages/bootstrap https://github.com/jkarbows/adventurega.me/tree/gh-pages/boo...