Skip to content

Instantly share code, notes, and snippets.

@jebbles

jebbles/prototype-to-wireframe.css

Last active November 23, 2017 03:06
Show Gist options
  • Save jebbles/8296fe71ef87831d7ee820f4e9ef5e43 to your computer and use it in GitHub Desktop.
Save jebbles/8296fe71ef87831d7ee820f4e9ef5e43 to your computer and use it in GitHub Desktop.
Download ZIP
Turn your UI markup into a wireframe with a few lines of CSS. For people who prefer to skip visual wireframing entirely and use code to iterate on product development. Reduces assumptions from stakeholders and keeps the focus on usability rather than aesthetics.
Raw
prototype-to-wireframe.css
body {
filter: saturate(0%) !important;
}
* {
font-family: 'Comic Sans MS' !important;
border-color: black !important;
}
@jebbles
Copy link
Author

jebbles commented Nov 21, 2017

Turns this:
gist github com_jebbles_8296fe71ef87831d7ee820f4e9ef5e43 1

Into this:
gist github com_jebbles_8296fe71ef87831d7ee820f4e9ef5e43

It's not perfect but it gets the job done. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment