{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "event",
    "type" : "single",
    "title" : "USWDS Monthly Call - March 2022 |Digital.gov",
    "description": "USWDS Monthly Call - March 2022",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/event/2022/03/17/uswds-monthly-call-march-2022/index.json","item" : [
    {"kicker" : "New Release","title" :"USWDS Monthly Call - March 2022","summary" : "During this event, the USWDS core team will preview what to expect in the new USWDS 3.0.","date" : "2022-03-17T14:00:00-05:00","date_modified" : "2025-01-27T19:42:55-05:00","start_date" : "2022-03-17T14:00:00-05:00","end_date" : "2022-03-17T15:00:00-05:00",
      "event_organizer" : "Digital.gov","host" : "U.S. Web Design System","registration_url" : "https://www.eventbrite.com/e/uswds-monthly-call-whats-new-in-uswds-30-mar-2022-tickets-293339555507","authors" : {"james-mejia" : "James Mejia","dan-williams" : "Dan Williams"},"topics" : {
        
            "design" : "Design",
            "emerging-tech" : "Emerging tech"
            },"primary_image" : { "uid" : "uswds-monthly-call-march-title-card", "alt" :
  "Title card image of USWDS logo, a multi-colored pentagon shape consists of five triangles and is centered on a black background. In white text, the first line says, USWDS Monthly Call. Below that in yellow text, the second line has the date of the event, March 17, 2022.", "width" :
  "1200", "height" :
  "628", "credit" :
  "", "caption" :
  "", "format" :
  "png" },"content" :"\n\u003ca\n    href=\"https://s3.amazonaws.com/digitalgov/static/uswds-monthly-call-march-2022.pptx\"\u003eView the slides (PowerPoint presentation, 3.33 MB, 30 pages)\u003c/a\u003e\n\n\n\u003cdiv class=\"usa-accordion accordion\"\u003e\u003ch3 class=\"usa-accordion__heading\"\u003e\n    \u003cbutton\n      class=\"usa-accordion__button\"\n      title=\"View \"\n      aria-expanded=\"false\"\n      aria-controls=\"accordion-1\"\n    \u003e\n      \u003cspan class=\"icon\"\u003e\n          \u003csvg\n            class=\"usa-icon dg-icon dg-icon--standard margin-bottom-05\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          \u003e\n            \n            \u003cuse xlink:href=\"/preview/gsa/digitalgov.gov/bc-archive-content-3/uswds/img/sprite.svg#content_copy\"\u003e\u003c/use\u003e\n          \u003c/svg\u003e\n        \u003c/span\u003e\u003cspan class=\"src\"\u003e\n        \u003cstrong class=\"kicker\"\u003eSlide by Slide\u003c/strong\u003eUSWDS Monthly Call - Presentation Script for March 2022\n        \u003c/span\n      \u003e\n    \u003c/button\u003e\n  \u003c/h3\u003e\u003cdiv\n      id=\"accordion-1\"\n      class=\"accordion-body usa-accordion__content usa-prose\"\n    \u003e\u003cp\u003e\u003cstrong\u003eSlide 1:\u003c/strong\u003e Hi there and welcome to the U.S. Web Design System monthly call for March 2022 — in fact, St Patrick\u0026rsquo;s Day, 2022. And, for March we\u0026rsquo;ve got an emerald-hued logo.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 2:\u003c/strong\u003e My name is Dan Williams, and I\u0026rsquo;m the USWDS product lead and this is my avatar. Thanks for being here!\u003c/p\u003e\n\u003cp\u003eFirst, I\u0026rsquo;d like to mention that we\u0026rsquo;re recording this monthly call, so please refrain from turning on your camera. We will manually turn off any cameras to ensure the recording doesn\u0026rsquo;t show us on camera.\u003c/p\u003e\n\u003cp\u003eI’d also like to remind you that all attendees must abide by the TTS Code of Conduct, which is available at handbook.tts.gsa.gov/code-of-conduct. We’ve posted the link to the code of conduct in the chat.\u003c/p\u003e\n\u003cp\u003eWe\u0026rsquo;ll be posting other links and references into the chat as we go along, and I encourage you to ask questions in the chat at any time. If any member of our team can answer your question in the chat, we\u0026rsquo;ll do so, otherwise there\u0026rsquo;ll be some time for questions and answers at the end of the hour. Also, be sure to introduce yourself in the chat as well — it\u0026rsquo;s nice to know who\u0026rsquo;s here. It\u0026rsquo;s good to have you here today.\u003c/p\u003e\n\u003cp\u003eFor those of you who find the chat distracting, you’re welcome to close or hide the chat window during the main presentation. You can reopen it later during the Q\u0026amp;A session at the end of this call.\u003c/p\u003e\n\u003cp\u003eSo thanks! And, with that, let\u0026rsquo;s get started!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 3:\u003c/strong\u003e So what\u0026rsquo;s our agenda for today?\nFirst we\u0026rsquo;ll show off a couple new site launches.\nThen I\u0026rsquo;ve got a handful of design system product updates.\nAnd then we\u0026rsquo;ll take a look at a preview of USWDS 3.0, and show what it means to install it, use it, and customize it.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 4:\u003c/strong\u003e So let\u0026rsquo;s get into it with site launches.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 5:\u003c/strong\u003e First up, godirect.gov, a site from the Department of the Treasury. If you\u0026rsquo;re getting federal benefits by paper check, use godirect.gov to set up electronic delivery. The godirect.gov homepage features a large hero image of a family with children and the words \u0026ldquo;Still getting paper checks?\u0026rdquo;\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 6:\u003c/strong\u003e Next, nationalmap.gov, the website of The National Map program from the National Geospatial Program and the United States Geological Survey. As a former mapmaker, this one is pretty interesting to me! The nationalmap.gov homepage shows a large close-up of a map and the words \u0026ldquo;The National Map\u0026rdquo;.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 7:\u003c/strong\u003e Congratulations, and great work, everyone! Be sure to let our team know when a new site launches, either with an email or a note on the USWDS public Slack channel!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 8:\u003c/strong\u003e So now, a few product updates.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 9:\u003c/strong\u003e First up, USWDS 2.13.3. We\u0026rsquo;re working on prepping a new USWDS release right now, hot on the heels of USWDS 2.13.12, focused on improvements to the visual display of our components when rendered in Windows High Contrast mode.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 10:\u003c/strong\u003e High contrast and forced colors mode is an accessibility setting that constrains the number of colors available to the display to a fixed palette of system colors. We\u0026rsquo;ve needed to add some new style rules to make our components more compatible with forced colors mode, and starting with USWDS 2.13.3, all our components should be usable and fully accessible when constrained to limited fixed system colors.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 11:\u003c/strong\u003e We\u0026rsquo;re also releasing some changes to that improve the accessibility of the footer — specifically with the actions that hide and reveal content navigation content in the big footer. I\u0026rsquo;d hoped that this would get into the last release, but it\u0026rsquo;s going into this one instead!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 12:\u003c/strong\u003e So that\u0026rsquo;s USWDS 2.13.3 — a great accessibility-focused release — coming next week!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 13:\u003c/strong\u003e Next, USWDS 3.0.0 Beta 4. This one\u0026rsquo;s out now, and it\u0026rsquo;s what we\u0026rsquo;ll be showing here today. This is the first of the beta releases published to the new home of the uswds package on npm: [@uswds/uswds] (\u003ca href=\"https://www.npmjs.com/package/@uswds/uswds)\"\u003ehttps://www.npmjs.com/package/@uswds/uswds)\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 14:\u003c/strong\u003e This release also does some more restructuring of our codebase, and fully implements the modular, component-and-package–based structure that will be the basis for future development with the design system. We\u0026rsquo;re all-in on modular structure these days, and we think it\u0026rsquo;ll allow us to deliver a more maintainable product, more suited to your individual projects, that\u0026rsquo;s also more able to grow and evolve over time.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 15:\u003c/strong\u003e And that\u0026rsquo;s USWDS 3.0 Beta 4 —out now. We\u0026rsquo;re linking to the [full release notes] (\u003ca href=\"https://github.com/uswds/uswds/releases/tag/v3.0.0-beta.4\"\u003ehttps://github.com/uswds/uswds/releases/tag/v3.0.0-beta.4\u003c/a\u003e) in the chat. You\u0026rsquo;ll want to take a look at the release notes if you\u0026rsquo;re planning to use this Beta, the reorganization and the new package name will affect how you compile your USWDS Sass. If you\u0026rsquo;re not using USWDS Compile, you\u0026rsquo;ll need to make a few manual changes to your compiler\u0026rsquo;s load paths.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 16:\u003c/strong\u003e Which is a great segue into the last of our product updates today, USWDS Compile Beta 2. We\u0026rsquo;ve released a couple new USWDS Compile Betas in the last couple days: Compile Beta 1 and Compile Beta 2. The [npm link] (\u003ca href=\"http://npmjs.com/@uswds/compile\"\u003ehttp://npmjs.com/@uswds/compile\u003c/a\u003e) and the release note links for [Compile Beta 1] (\u003ca href=\"https://github.com/uswds/uswds-compile/releases/tag/v1.0.0-beta.1\"\u003ehttps://github.com/uswds/uswds-compile/releases/tag/v1.0.0-beta.1\u003c/a\u003e) and [Compile Beta 2] (\u003ca href=\"https://github.com/uswds/uswds-compile/releases/tag/v1.0.0-beta.2\"\u003ehttps://github.com/uswds/uswds-compile/releases/tag/v1.0.0-beta.2\u003c/a\u003e) are in the chat. These new Betas get USWDS Compile ready to use with USWDS 3.0.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 17:\u003c/strong\u003e In fact, we think that USWDS Compile is the fastest and easiest way to compile USWDS 2 code, but it\u0026rsquo;s the best way to migrate to USWDS 3.0. And this is another part of what we\u0026rsquo;ll show today.\u003c/p\u003e\n\u003cp\u003eAnd it\u0026rsquo;s fast. We\u0026rsquo;ve updated to the newest [sass-embedded] (\u003ca href=\"https://www.npmjs.com/package/sass-embedded\"\u003ehttps://www.npmjs.com/package/sass-embedded\u003c/a\u003e) package for our compiling, and we\u0026rsquo;ve seen compile times that are almost twice as fast. Twelve second compiles now take seven seconds. Seven second compiles now take four seconds. USWDS Compile Beta 1 and 2 use the same API as Beta 0, so you should be able to upgrade easily. And if you aren\u0026rsquo;t using USWDS Compile, check it out — especially if you\u0026rsquo;re already using Gulp as a part of your workflow, or if you use a tool like native compiling in Jekyll which does not support modern Sass Module syntax.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 18:\u003c/strong\u003e USWDS Compile Beta 2 is out now, and we encourage you to check it out.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 19:\u003c/strong\u003e So let\u0026rsquo;s put these pieces together and take a look at USWDS 3.0. When I\u0026rsquo;ve been thinking about this release, I\u0026rsquo;ve been contrasting it a bit with USWDS 2.0. 2.0 was somewhat flashy by USWDS standards. There were a lot of things changing, and a lot of new ways of thinking that it introduced. It was an aspirational release in many ways. By contrast, USWDS 3.0 is much more practical and hardworking. It does just a couple things, and is meant to be an incremental improvement to USWDS 2, not a revolutionary one. Still, what it does is something that\u0026rsquo;s going to slowly reveal its importance over time, and I\u0026rsquo;m excited to show it off for you today.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 20:\u003c/strong\u003e And to help me out, I\u0026rsquo;d like to introduce James Mejia, a contractor on the USWDS Core Team. Hi there James!\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 21:\u003c/strong\u003e So in our demo today, James will be driving and I\u0026rsquo;ll be narrating, so James why don\u0026rsquo;t you go ahead and share your screen and we\u0026rsquo;ll get started.\u003c/p\u003e\n\u003cp\u003e[demo]\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 22:\u003c/strong\u003e So, USWDS 3.0 will be here next month. At this point, we\u0026rsquo;re largely working on documentation and testing. For all intents and purposes, we\u0026rsquo;d like to consider next month\u0026rsquo;s monthly call to be the launch date — that would be April 21, 2022, almost exactly three years from the launch of USWDS 2.0.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 23:\u003c/strong\u003e With USWDS 3.0, the idea of USWDS Packages has grown up. What we launched in USWDS 2.1 is now a bit more mature: a version of USWDS centered around components and packages, allowing teams to use just the packages they need, optimize for performance, and update at their own pace. And on the design system side, we can deliver code that focused on the component, we can be really explicit about dependencies between components, and we can keep components at the center of what we deliver, giving ourselves room to improve how we deliver these components, and to let components evolve at their own pace. Some more slowly, some more quickly.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 24:\u003c/strong\u003e With USWDS 3.0, we\u0026rsquo;re starting the process of unbundling USWDS, making it less of an all-or-nothing proposition. And you may ask, at this point, what\u0026rsquo;s happening with independent component packages, distributed via npm. Well, it\u0026rsquo;s still happening, but we\u0026rsquo;re not ready to launch component packages with 3.0. But what we will do is make sure a component\u0026rsquo;s package is ready to publish before we make any kind of breaking change to any component. So, if we want to make a breaking change to the footer, we\u0026rsquo;ll release a usa-footer package in its existing state, then the breaking change will be published as a subsequent release to both USWDS and to usa-footer. So more to come on independent component packages, as we consider any changes that might require them.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 25:\u003c/strong\u003e USWDS 3.0 is the foundation of a more modular design system. One that lets teams define the parts of USWDS they want to use, customize their implementations, and update at their own pace.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 26:\u003c/strong\u003e We think it\u0026rsquo;s going to deliver a lot, with just a little bit of upgrade and migration effort. We think that most teams will be able to move from USWDS 2 to USWDS 3 in a matter of hours, not days or weeks. And if you\u0026rsquo;re thinking of migrating, USWDS Compile could be your friend. We think more teams should use it, and we want to make it as useful as possible. So if you have feedback, let us know, either in an issue or a discussion. We\u0026rsquo;re putting the \u003ca href=\"https://github.com/uswds/uswds/discussions/4587\"\u003egithub discussion link\u003c/a\u003e to the most recent 3.0 Beta release in the chat.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 27:\u003c/strong\u003e Above all, we\u0026rsquo;re working to deliver a simple migration process — not just for USWDS 3.0, but that 3.0 is the platform that will begin to deliver simpler updates and migrations going forward. We think that teams should make the effort to move to USWDS 3.0 and we\u0026rsquo;ll help you get there.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 28:\u003c/strong\u003e So next month, we\u0026rsquo;ll be launching USWDS 3.0 and we hope to do it with a real world example of migrating to USWDS 3.0 on a large website. So stay tuned, and thanks for being here today to let us give you a preview of what\u0026rsquo;s coming in 3.0.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 29:\u003c/strong\u003e And now, let\u0026rsquo;s get into Q\u0026amp;A.\u003c/p\u003e\n\u003cp\u003e[Q\u0026amp;A]\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eSlide 30:\u003c/strong\u003e Thanks for joining today’s USWDS monthly call. Next month, the monthly call will be looking at USWDS 3.0 in the real world!\u003c/p\u003e\n\u003cp\u003eAs always, I encourage you to join our community in the #uswds-public Slack channel so you can follow our progress, get answers, and contribute to the discussion.\u003c/p\u003e\n\u003cp\u003eFollow us on Github at \u003ca href=\"https://github.com/uswds\"\u003ehttps://github.com/uswds\u003c/a\u003e, check out our website, and visit \u003ca href=\"https://designsystem.digital.gov/about/community/\"\u003ehttps://designsystem.digital.gov/about/community/\u003c/a\u003e to join us and your colleagues across government who are using USWDS.\u003c/p\u003e\n\u003cp\u003eThank you, and see you next month!\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\u003cp\u003eDuring this event, the USWDS core team will preview USWDS 3.0. We’ll talk about improvements to day-to-day maintainability, component packages, and the new component library.\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eThis event is part of a monthly series that takes place on the third Thursday of each month. Don’t forget to set a placeholder on your personal calendar for our future events this year.\u003c/em\u003e\u003c/p\u003e\n\u003ch2 id=\"about-the-uswds\"\u003eAbout the USWDS\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://designsystem.digital.gov/\"\u003eThe U.S. Web Design System\u003c/a\u003e is a toolkit of principles, guidance, and code to help government teams design and build accessible, mobile-friendly websites backed by user research and modern best practices.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://designsystem.digital.gov/\"\u003eThe U.S. Web Design System\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/uswds/uswds/issues\"\u003eContribute on GitHub\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"mailto:uswds@support.digitalgov.gov\"\u003eEmail Us\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://digital.gov/communities/uswds/\"\u003eJoin our community\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://twitter.com/uswds\"\u003eFollow @uswds on Twitter\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n",
      "branch" : "bc-archive-content-3",
      "filename" :"2022-03-08-uswds-monthly-call-march-2022.md",
      
      "filepath" :"events/2022/03/2022-03-08-uswds-monthly-call-march-2022.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/events/2022/03/2022-03-08-uswds-monthly-call-march-2022.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/events/2022/03/2022-03-08-uswds-monthly-call-march-2022.md","slug" : "uswds-monthly-call-march-2022","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/event/2022/03/17/uswds-monthly-call-march-2022/"
    }
  ]
}