News for hackers. Stuff that matters.
Re:USWDS: The United States Web Design System by Someone1234 on Tuesday March 29, 2022 @12:30PM (#30844736)
Developers are an interesting bunch "Why does anyone use Bootstrap anymore?" and then goes and creates basically the exact same components again by hand.

Seems like that same trend repeats every couple of years "[Popular library] is now outdated, let me just create an in-house clone or move to identical but trendy [Popular library]."

To be clear I very much like the USWDS components, but they are mostly 1:1 with Bootstrap while being incompatible, and having to maintain them in-house. Just feels like NIH.

Am I missing something?

Re:USWDS: The United States Web Design System by wanda on Tuesday March 29, 2022 @12:48PM (#30845051)
Nope, you're not missing anything really, but I'm sure glad that not every website looks like a Bootstrap 3.

I think these government ones are more about keeping a consistent style and look across departmental websites, than advertising a product for general use.

In fact, I think the government would not take very kindly to hobbyists making official-looking websites serving a non-government agenda.

Front-end isn't that difficult for websites that primarily display information and at most require a contact us form or some basic CRUD.

So, naturally, given what may be an unconscious existential dread that one day the world may realise that front-end is more or less solved, front-end developers like to make sure that there's always something new to do, rather than admit that a problem is more or less solved.

And thus fashion is born.

Clothing was also a problem solved. We figured out that we needed shoes, trousers, shirts, jumpers when it's cold, coats when it's raining, etc.

But once you have those, well, the tailor has no income. So the idea emerges that we need to have nice shoes, shirts and trousers for special occasions.

And that perhaps some clothing items are better than other clothing items.

And what if you don't want to dress in white and grey tomorrow, perhaps you'd like to be eye-catching?

And so, fashion was born.

The basic template is the same. You have some fabric that covers your legs, genitals, torso, arms etc. and the lower half is, more often than not, a different garment to the top half, to allow for easy swapping of components for different looks etc. But the base structure is the same.

And if you are so inclined, you can have a totally bespoke and crazy item of clothing made for you by a designer.

Sound familiar?

Re:USWDS: The United States Web Design System by Uehreka on Tuesday March 29, 2022 @02:33PM (#30846587)
Honestly, in my experience, the drive for bespoke styles isn't from developers, but from product folks and stakeholders. For instance, I once had to build a CMS UI with a dropdown where users could pick how they wanted to sort their search results. The product folks also asked me to add a "Show Translations" option in the dropdown, which wasn't a sort order, and could be toggled separately. They insisted that it needed to be in this dropdown and not a separate UI control, and since they generally know what the users want better than I do, I went with it.

I've semi-frequently had to build custom tree views and tree selectors with multiple modes of operation and various amenities. And sometimes the way those complicated widgets are built requires that we customize more basic components like split-buttons or dropdowns to match so that users aren't thrown off.

Sometimes all of this can be accomplished by taking a library like Bootstrap and applying a theme. But sometimes the theme gets so intense that we realize we're basically just building Material UI on top of Bootstrap's code, and it makes more sense to use that library instead. And as mentioned before, sometimes there are just things that we can't get from Bootstrap or Material, but that we're going to use fairly often (last I checked, Bootstrap didn't have a 5-star rating widget).

The "It's Fashion!" narrative seems very appealing to people on HN, to the point that I'd advise people to double check that they're not falling for confirmation bias before proffering it as an explanation.

Re:USWDS: The United States Web Design System by gedy on Tuesday March 29, 2022 @05:08PM (#30848393)
> I'm sure glad that not every website looks like a Bootstrap 3

Just to clarify, Bootstrap is designed to be themeable, they don't hardcode styles. Examples: https://www.bootstrapcdn.com/bootswatch/

Re:USWDS: The United States Web Design System by reidjs on Tuesday March 29, 2022 @04:33PM (#30848007)
I wonder if there is some hidden value to fashion trends. There are obvious reasons to wear clothes like you mentioned, to stay warm, protect from elements, carry your wallet, etc. but it also helps you identify in group/out group. Your style conveys your age and generation. Your music preferences. Where you are from.

I think web design can convey similar things, sometimes at the cost of utility. For example, a website may want to convey that it’s for professionals and businesses. Or that it’s fun & silly like a toy. Or that it’s for academics and learning. The style of the site helps to identify if you’re in the right place for your “group”. users can look past bad UI. In fact, they will often complain if you decide to “improve” the UI without their consent.

Re:USWDS: The United States Web Design System by bobthepanda on Tuesday March 29, 2022 @09:42PM (#30850607)
A lot of fashion trends can also come from advancements in materials or changes in their cost which allow new kinds of experimentation. As an example (not necessarily positive) fast fashion was enabled by ruthlessly cutting costs of production. Polyester was really big in the ‘60s after its commercial release. And so on.
Re:USWDS: The United States Web Design System by DangitBobby on Tuesday March 29, 2022 @06:46PM (#30849309)
> So, naturally, given what may be an unconscious existential dread that one day the world may realise that front-end is more or less solved, front-end developers like to make sure that there's always something new to do, rather than admit that a problem is more or less solved.

Can you really not think of one thing that you couldn't do in the frontend 10 years ago that you can do today? Or that is significantly easier to do today than it used to be? Nothing new or novel or of value has emerged lately? I understand that your comment was intended to be inflammatory, but come on. Use your brain.

Re:USWDS: The United States Web Design System by wanda on Tuesday March 29, 2022 @07:13PM (#30849537)
It was actually intended as a harmless joke. I spend most of my time on front-end development myself, these days.
Re:USWDS: The United States Web Design System by alephnan on Tuesday March 29, 2022 @06:23PM (#30849138)
> The basic template is the same

It’s obvious you are a tech person who did not study fashion design and don’t know what you’re taking about. No one would use the term template. There are silhouettes and there are patterns (that’s a technical term). There’s a reason Uniqlo is respected by fashion design students, but H&M / Zara is the bane of their existence, and that difference is pattern. Pattern, even more than fabric, is that difference between a $200 designer t-shirt and $5 from H&M. The layman will notice color, maybe a luxury logo, but the trained eye looks for pattern. Pretty much every MFA thesis is pushing the boundaries on pattern and silhouette among other things such as process, and that’s why the garments may appear outlandish. Every decade, a professional fashion designer comes with a distinct silhouette. Unlike students, it is more basic and rudimentary, yet no one has thought of it before. There was Alexander McQueen, now there is Demna Gsvalia, in between there is Raf Simons. Based on the way you’re describing things, I don’t expect you know who any of these people are. Yes, it’s fashion and doesn’t introduce any functional improvements, but the way you’re describing things makes fashion seem superfluous. It’s art yes, and maybe art is superfluous for you, but it’s weird to use analogies on a discipline you don’t really understand. It’s fine if you don’t care or don’t understand or don’t think fashion is important, but don’t think you know what fashion is simply because you wear clothing. I understand this as a naive and hand wavy analogy, but if I were to take it seriously then it’s quite offensive to suggest fashion is unnecessary. It’s the equivalent of a non technical MBA waxing up corporate talking points about Machine Learning or cryptography, or one of those San Francisco Uber drivers who mention their glory days as a tech executive during the Dotcom bubble, but goes in a circle of buzzwords when you ask them about the technical details.

> you can have a totally bespoke and crazy item of clothing made for you by a designer

This reflects your preconceived notions that there is Costco, and then fashion = couturiers. This is not 19th century Paris nor some developing country where rich people go to a local tailor who has a range of fabric in house and makes clothing from scratch.

First, if people are seeking a specific “designer”, they’re going to seek out motifs or a particular style of the designer. At the same time, the designer has their specific approach, and so this is not infinite possibilities of bespokeness.

There’s also nuanced distinction between tailors, designers, couturier, atelier craftspeople, pattern makers, creative director. What you think of “designer” is most likely a creative director at the helm of a fashion label. These people’s skills are management, understanding industry trends, strategically positioning their brand given budget/limited resources, deciding what the art direction for advertising should be, managing / taking risks. Nowadays many of them don’t even design or are capable of working with the garments. It’s the difference between a movie producer and a director of photography. For sufficiently small firms, they might be the same person, but at any sufficiently large project, especially with how much money is involved in fashion, it’s not. These are different roles in the industry, and there are overlap and people can change roles, but most of the time people can’t. It’s like thinking all engineers, or all engineers in tech ( SRE vs SWE), or even all software engineers are interchangeable. In Japan, I see management try to teach designers to become software engineers because to them all people work with computers are equivalent.

> Clothing was also a problem solved

It’s not a solved problem. New fabrics are being developed. Mount Everest, high altitude climbing, winter sports is becoming easier over the decade in part to innovation in clothing and wearables.

Then there is athleisure wear, athletic wear. Fashion is symbiotic with functional improvements. Cowboywear were fashion but also function.

> nice shoes

Just because the shoes are nice looking doesn’t mean there aren’t improvements in comfortability, and function. Allbirds which is liked among the HackerNews crowd just IPO’d in the last year.

Moving past how misunderstood the analogy is, you’re not seeing the value in brand identity and uniqueness. Coca Cola is mostly branding.

Re:USWDS: The United States Web Design System by wanda on Tuesday March 29, 2022 @07:14PM (#30849554)
As I said to another respondent, my post was tongue-in-cheek. I meant no offense to anyone.
Re:USWDS: The United States Web Design System by pishpash on Tuesday March 29, 2022 @03:31PM (#30847254)
> I think these government ones are more about keeping a consistent style and look across departmental websites, than advertising a product for general use.

And how long will this last? Until the next administration who hates the association with the predecessor's style?

Re:USWDS: The United States Web Design System by vel0city on Wednesday March 30, 2022 @11:01AM (#30856110)
A lot of the people in the GSA are civil service employees. They don't have a lot of turn over administration to administration.

To an extent the spoils system has been a bit in the past for a while.

Re:USWDS: The United States Web Design System by deltarholamda on Tuesday March 29, 2022 @12:50PM (#30845081)
Government agencies love making standards. It provides busy work for the many interns and gives the desk workers a sense of joie de vivre because they're "making a difference."

I really love the landing page. Has any landing page ever been useful at all to the end user? It's always a top priority, but on pretty much every site I've ever used it's never seen or used. Often I'll scroll all the way down just so I can get to the bottom page links that I'm actually looking for.

I wonder why this is so difficult. Everybody has seen Google's landing page. Function over form. It's really weird that "design meetings" have completely eliminated usability on the damned home page.

Re:USWDS: The United States Web Design System by jrochkind1 on Tuesday March 29, 2022 @02:05PM (#30846247)
Having seen how bad government websites can be, the design area specifically included (including accessibility concerns) -- I do not consider providing a well-designed useable design system to government to be busy-work. At least not if it actually gets uptake.

This one is high-quality enough that if it was done by many interns, those are some really good interns.

Re:USWDS: The United States Web Design System by wallfacer120 on Tuesday March 29, 2022 @03:22PM (#30847169)
Um yeah, but it's the government doing it so it's really important that we all react with scorn and derision, because we're all such bold iconoclasts you see.
Re:USWDS: The United States Web Design System by ProfessorLayton on Tuesday March 29, 2022 @01:14PM (#30845500)
>Everybody has seen Google's landing page. Function over form.

My favorite thing about google's home page is having their elaborate doodles load just as I'm about to tap on the search box, leading me to an unintended search. Function over form at its finest.

I've resorted to bookmarking an empty search results page.

Re:USWDS: The United States Web Design System by haltcase on Tuesday March 29, 2022 @01:51PM (#30846053)
I know everyone has their own workflow, but I'm still surprised anyone actually goes to Google's home page anymore what with their search bar being accessible from practically anywhere (browser address bar for example).

I don't remember the last time I actually went to the Google home page. What leads you there these days?

Re:USWDS: The United States Web Design System by ProfessorLayton on Tuesday March 29, 2022 @01:58PM (#30846144)
My default address bar search is DDG, but need to fallback to google at times, and I keep my iPhone relatively google-free (Other than google voice).
Re:USWDS: The United States Web Design System by stevenhuang on Tuesday March 29, 2022 @03:02PM (#30846928)
Use !g at start or end of your query to query google https://duckduckgo.com/bang
Re:USWDS: The United States Web Design System by brimble on Tuesday March 29, 2022 @03:36PM (#30847326)
Or, indeed, anywhere in your query. "test !g query" will search Google for "test query".
Re:USWDS: The United States Web Design System by stjohnswarts on Tuesday March 29, 2022 @02:22PM (#30846466)
Or they wedge it all into a hamburger menu because "we prioritize mobile". Fine, but how hard would it be to expand the options for a laptop?
Re:USWDS: The United States Web Design System by somehnacct3757 on Tuesday March 29, 2022 @12:38PM (#30844865)
I would find real peace of mind in a design system maintained by a government that guarantees compliance with that government's accessibility requirements.
Re:USWDS: The United States Web Design System by gunsch on Tuesday March 29, 2022 @07:22PM (#30849615)
This one's the real answer (or at least a substantial part of it). On VA.gov, the USWDS components (and their composition into a modular forms system) was a large part of making sure that applications met the accessibility needs of the general public.

Source: I was the VA.gov engineering lead for awhile

Re:USWDS: The United States Web Design System by sakopov on Tuesday March 29, 2022 @05:19PM (#30848507)
Any kind of technical compliance by government is guaranteed to be old and obsolete in the near future. The reality of the situation is that this "design system" is a waste of time and it will never iterate as fast as other systems maintained by industry experts in web compliance and accessibility.

This is just a case where folks are happy that our government isn't doing shit in Dreamweaver anymore and has moved on to something that resembles progress. However, government should be focusing on streamlining government operations, not developing accessibility standards and reinventing the same wheel. Leave that to professionals and use what's already available.

Re:USWDS: The United States Web Design System by p_l on Wednesday March 30, 2022 @07:18AM (#30853652)
Considering that accessibility standards worldwide are mostly pushed forward by governments, even when there's action outside of it it's usually due to "government put laws stating specific requirements". While accessibility is usually afterthought unless directly whacked by a fine, and you can't just use "what's already available".

As for streamlining - this is streamlining, making it so that multiple entities within government that all need to build websites can use a common shared resource instead of duplicating the work (even "going shopping" for external solution takes valuable time).

Re:USWDS: The United States Web Design System by webmaven on Wednesday March 30, 2022 @12:07PM (#30857129)
> Any kind of technical compliance by government is guaranteed to be old and obsolete in the near future. The reality of the situation is that this "design system" is a waste of time and it will never iterate as fast as other systems maintained by industry experts in web compliance and accessibility.

You really ought to check out how fast this design system has iterated to date:

https://github.com/uswds/uswds/releases

> However, government should be focusing on streamlining government operations, not developing accessibility standards and reinventing the same wheel. Leave that to professionals and use what's already available.

First, I'm not sure why you think accessibility doesn't fall under streamlining government operations.

Second, the folks at USDS are top professionals from industry and are limited to a four year "tour of duty", so they aren't lifelong government employees.

Re:USWDS: The United States Web Design System by clairity on Tuesday March 29, 2022 @12:43PM (#30844971)
bootstrap is a common design system base for companies that can't afford nor needs a full design team. it's a one-size-fits-none approach, but it's close enough that devs can wrangle it into shape well enough.

larger entities with multiple, decoupled teams often move toward developing their own living design systems as bootstrap no longer fits the many idiosyncracies of the organization.

i'm really looking forward to design systems that no longer rely on set breakpoints/grids and move to fully flexible, responsive layouts and components (come on, container queries!).

Re:USWDS: The United States Web Design System by dpedu on Tuesday March 29, 2022 @04:28PM (#30847950)
As someone who does exactly this - building a website with Bootstrap or similar tools will get you 90% of the way there in terms of how closely your functional product matches its design. The remaining 10% requires fighting Bootstrap (since this is css, this means overriding rules). This is annoying and produces a fragile resulting code. Maybe it's a reason why the 90-90 rule exists. Instead, I choose to write exactly what's needed instead of trying to shoehorn in something to save time initially.
Re:USWDS: The United States Web Design System by vsareto on Tuesday March 29, 2022 @04:49PM (#30848179)
The shoehorning can come from designers who don't put things together using bootstrap components as their design language. Then the developer tries to do forbidden CSS alchemy and go from a Bootstrap component to the designer component. That's using an opinionated framework when your designers don't share the same opinions which often will make things more difficult.

Bootstrap and other opinionated frameworks are super handy when you don't have designs/designers though.

Re:USWDS: The United States Web Design System by bobabob on Tuesday March 29, 2022 @05:21PM (#30848532)
I call that the @tiangolo/FastAPI pattern of open source software.

After individuals noticed that it's possible to make tons of money through donations/sponsors on Github and providing support for their OSS many just rebrand libraries by sugar coating abstractions on top of it (what FastAPI did to Starlette) and trying to own all parts of the development (by not giving access to anyone on the project for example) so that they own they're seen as the only person able to provide true support for it.

See https://github.com/tiangolo/fastapi/issues/4263 and https://github.com/tiangolo

Re:USWDS: The United States Web Design System by hallway_monitor on Tuesday March 29, 2022 @12:37PM (#30844845)
Didn't you mean designers? In my experience, that's who loves pushing low-value efforts like this (yes, at the scale of the US government, Google etc it may be warranted). The real problem is you have too many designers on staff and they have found something to keep themselves busy.
Re:USWDS: The United States Web Design System by jonshariat on Tuesday March 29, 2022 @12:51PM (#30845097)
(full disclosure: I am a designer)

While I agree with you in general, I think the US gov has an excuse while others may not: they have much stricter laws and requirements they HAVE to meet.

Re:USWDS: The United States Web Design System by brimble on Tuesday March 29, 2022 @12:40PM (#30844898)
In my experience, PMs and middle managers drive a fair amount of unnecessary design work. Looks better in a PowerPoint than most things do, I reckon.
Re:USWDS: The United States Web Design System by Aeolun on Tuesday March 29, 2022 @01:21PM (#30845609)
At least for our business, we need the components to do fairly specific things that are not, or only partially supported by pre-build components.

So we make our own. Now they’d suck for anyone else to use, but they’re perfect for us.

Re:USWDS: The United States Web Design System by ramesh31 on Tuesday March 29, 2022 @01:32PM (#30845768)
>At least for our business, we need the components to do fairly specific things that are not, or only partially supported by pre-build components.

I would say the moment you are dealing with business logic you are no longer dealing with something that can seriously be called a "component", that's just application development. And if you are spending developer time to build custom HTML select boxes or dropdowns in the year 2022 you're really doing something wrong.

Re:USWDS: The United States Web Design System by Aeolun on Wednesday March 30, 2022 @01:10PM (#30857990)
> And if you are spending developer time to build custom HTML select boxes or dropdowns in the year 2022 you're really doing something wrong.

You are, of course, entitled to your opinion.

Re:USWDS: The United States Web Design System by tvanantwerp on Tuesday March 29, 2022 @04:01PM (#30847624)
I would assume that the USWDS are built with section 508 compliance in mind, and I'm not sure Bootstrap, et al., care about that.

https://www.section508.gov/

Re:USWDS: The United States Web Design System by rootusrootus on Tuesday March 29, 2022 @04:41PM (#30848091)
First thing that came to mind when I clicked that link was "I wonder if those blue-on-blue hyperlinks are compliant?" because man, my eyes are getting old.
Re:USWDS: The United States Web Design System by rado on Tuesday March 29, 2022 @02:19PM (#30846410)
BS is an opinionated framework aimed towards app devs who need UI for their web app ASAP. It's not suitable for all cases and required some tweaking to boot up (rounded buttons, hidden focus ring etc).
Re:USWDS: The United States Web Design System by sdunwoody on Tuesday March 29, 2022 @01:12PM (#30845466)
Using a custom library over Bootstrap would potentially offer them the following benefits:

* Full control over browser support (Government Agencies are likely to have to support older browser than Bootstrap for example would support).

* Full control over accessibility (as far as I know, Bootstrap is not entirely accessible).

* Ability to limit customisation to more closely fit any government style guide etc.

* Not needing to update the version they are using whenever Twitter drop support for older versions, as they completely control the development life cycle and how long they support each version for.

Possibly some other ones I have missed as well.

Would they have saved money in the long term by using Bootstrap? Quite possibly (although I think it is hard to say definitively, and I really doubt creating this library cost significant amounts of money).

Would using Bootstrap have resulted in sites that didn't look as nice? I highly suspect so.

Re:USWDS: The United States Web Design System by 1shooner on Tuesday March 29, 2022 @10:05PM (#30850746)
Section 508. Even if Bootstrap might support it for now (and I don't know that it does), there's no guarantee it will continue to.