Macro of a flower in the garden just after the rain.
This site is an interpretation of the U.S. Web Design System (USWDS) 2.0. The purpose is to serve as a testing ground as well as providing examples for others to use. The initial ground rules are to stick with the USWDS as the foundation wherever possible, maximize accessibility and performance, and provide a professional design that will work for a wide range of websites. This is very much a work in progress and as features are added, links in the menu will be activated. I will also be posting information on my blog and as styles are extended, they will be available on Github.
Tools in Use
Just a list of software and service used in the creation of this project.
- Visual Studio Code
- US Web Design System 2.0 (beta 4)
- FontAwesome 5 (latest release)
- ColdFusion 2018
- ColdBox 5
- DevExpress 18.2.4
- Adobe Dreamweaver CC
- Adobe Photoshop CC
- Adobe Illustrator CC
- Adobe XD
- Color swatches for 40 basic colors (Download ASE file)
- Accordions (color variations)
- Simple Progress Bar
In progress refers to features that are complete in code, but the pages and examples are still in the works.
- Sections (color variations)
- Button Cards
- Cards (flex-based cards)
- Columns (column count, gap, width)
To Do List
Many of these were completed for USWDS 1.* but are being redone using the new code base.
- Hero Callouts (cancelled due to the utilies that are available). Demo page coming.
- Color Service
- Various page layouts
- Helper classes
Page content was last updated: Saturday, November 10, 2018