lowcodelounge / trapkit

Low-code prototyping toolkit based on Markdown, USWDS, and Jekyll
https://trapkit.co/
MIT License
3 stars 0 forks source link

Create one-pager #48

Closed pglevy closed 2 years ago

pglevy commented 2 years ago

https://practical-accessibility.today/

pglevy commented 2 years ago

Coming this summer to UXPA 2022 in San Diego:

Rapid Web Prototyping Workshop

Spend a half-day learning how to Make rapid web prototypes — responsive as code, easy as paper — and get real feedback real fast.

Get updates | Learn more

Why you should do this workshop

🕺 Get down with Markdown and go content-first The most important thing people interact with on your page is the content. This is why they're there — either to get information or get something done. So let go of lorem ipsum and start testing your content first. Markdown makes it easy to format your text without messy HTML tags.

add-address

(Screenshot of side-by-side with markdown and add address form)

👋 Goodbye hotspot. Hello hyperlink. Hotspot-based prototype tools are nice, but there's nothing like interacting with a real website on a real device for seeing how users actually respond to your hypothesis. And as easy as it is to build in the browser, you'll spend less time futzing around in Figma and more time validating your ideas.

excitement-level

(Screenshot of "excitement level" simple form)

♼ Stop annotating and start iterating. Working with an accessibility-aware, mobile-friendly design system allows you to focus more on collaboration with developers and less on communicating design details. The U.S. Web Design System includes a robust set of well-documented components that work out of the box. Even if you're already using a design system, this approach covers the basics so you can concentrate on what makes your design unique.

components

(Screenshot of Components page)

What you'll learn

Use the RWP Toolkit template to build working prototypes in the browser with the human-friendliest tech stack around: Markdown for content, USWDS for components, and GitHub Pages for hosting. All free and open-source.

  1. Create content and link it together with GitHub-flavored Markdown.
  2. Add U.S. Web Design components to your pages with a line of human-readable, plain-text.
  3. Go live with GitHub Pages and get feedback from real people on real devices.

How to get involved

Come to San Diego this June!

I will be hosting live and in-person as a pre-conference workshop at UXPA 2022. Registration is not live yet but subscribe to my newsletter about this workshop only for updates.

Can't make it in person?

This is an open-source workshop, meaning all the material relating to this event will be available online both leading up to the event and afterward. If you want to follow along, subscribe to my newsletter about this workshop only for updates.

Subscribe

When you subscribe, you'll get occasional email specifically about this workshop and the related material — nothing else. [Subscribe]

Not ready to commit? You can always follow me on Twitter to stay in the loop.

pglevy commented 2 years ago

https://pglevy.github.io/rwp-workshop/