README
hidro
Dead simple web prototyping framework for developers
What is it?
Hidro is a dead simple prototying/design tool for developers. Use HTML and CSS to quickly create a styleguide, views and components on a fully navigable web.
What is it not?
Hidro is not supposed to be used to power a real life production webapp, it is designed to just prototype/design it.
Installation
Using git
git clone https://github.com/sergiouve/hidro.git my_prototype
Using yeoman
yo hidro
Usage
Startup
gulp
This will start compiling assets and boot up a server on localhost:3000
Structure
Hidro uses the following file structure
assets/
├── images/
├── scripts/
│ └── prototype.js
├── styles/
│ └── main.css
└── vendors/
helpers/
├── config.php
└── url.php
resources/
src/
├── images/
├── scss/
│ ├── common/
│ │ ├── _base.scss
│ │ ├── _helpers.scss
│ │ ├── _mixins.scss
│ │ ├── _typography.scss
│ │ └── _variables.scss
│ ├── components/
│ │ └── _example-component.scss
│ ├── pages/
│ │ ├── _styleguide.scss
│ │ └── _welcome.scss
│ └── main.scss
└── vendors/
views/
├── components/
├── layouts/
│ ├── footer.view.php
│ └── header.view.php
├── pages/
│ ├── styleguide.view.php
│ └── welcome.view.php
└── layout.view.php
gulpfile.js
index.php
package.json
README.md
Workflow
Views
SCSS