throughthewireframe

KO | EN

gitlite — search

#python #hacktoberfest #llm #golang #machine-learning #linux #docker #nodejs #windows #awesome #cli #awesome-list #openai #open-source

throughthewireframe

(★ 8)

Simple CSS wiframing for making hand drawn looking prototypes

throughthewireframe 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> This is not maintained, at all! Check out [PaperCSS](https://github.com/papercss/papercss).

# Through the Wireframe
Simple CSS wireframing kit for quickly making hand drawn looking prototypes

***

![example of a wireframe](https://github.com/atomcorp/throughthewireframe/raw/master/source/img/facebook-example.jpg)

***

## Why use Through the Wireframe?

The benefit of Through the Wireframe is it doesn't care what your html, css or js is doing.

You can build an early mockup or prototype for a client or boss, to demonstrate UI or a feature using real HTML and JS. Rapidly prototype with flexbox and drop in something like jQuery or [Animate.css](https://daneden.github.io/animate.css/) for facier stuff. Or not. Through the Wireframe just gives you a quick way to ensure whatever you make *looks* like a prototype.

Only tested on latest Chrome on Windows, so far.

Wire CSS: [download here](https://github.com/atomcorp/throughthewireframe/blob/master/compile/wire.css)
Wire JS (only for necessary for true random): [download here](https://raw.githubusercontent.com/atomcorp/throughthewireframe/master/compile/wire.js)

***

## Guide

View a simple guide at [https://atomcorp.github.io/throughthewireframe](https://atomcorp.github.io/throughthewireframe/).

View an example of a complete example page (a facebook profile) at [https://atomcorp.github.io/throughthewireframe/facebook](https://atomcorp.github.io/throughthewireframe/facebook).

***

## Thanks

Big thanks and props to [Tiffany Rayside](https://twitter.com/tmrdevelops), whose Codepen [Imperfect Buttons](https://codepen.io/tmrDevelops/pen/VeRvKX) this is just an extension of. And Kanye.

### Todo list

* Clean up, and polish facebook page
* Make better image placeholder
* Add some (free) icons, search icon, or provide examples of using them

throughthewireframe

throughthewireframe 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

throughthewireframe

throughthewireframe 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README