bl

bhtec.layoutp

Create a html-based layout presentation

Showing:

Popularity

Downloads/wk

2

Maintenance

No Maintenance Data Available

Package

Dependencies

0

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Bhtec.Layoutp


Instalação - deve usar o escopo global (-g)

Antes de tudo, é necessário ter o Node.js e o NPM instalados: http://nodejs.org/

-A instalação do Node.js já inclui o NPM (Node Package Manager)

-Tutorial: http://blog.nodeknockout.com/post/65463770933/how-to-install-node-js-and-npm

Com o nodejs instalado, abra o terminal e cole o seguinte comando:

$ npm install -g bhtec.layoutp 

Aplicação:

O pacote "bhtec.layoutp" cria uma apresentação em html (bootstrap responsivo), baseada na estrutura de pastas onde você criou seus layouts ou wireframes em JPG ou PNG. Basta navegar até essa pasta pelo terminal e iniciar o script.


Usando:

1- Navegue até a pasta desejada usando o terminal(cmd):

$ cd caminho/para/seus/layouts

(Windows / Linux / Mac OS X)


2- A estrutura da pasta deve seguir o seguinte padrão:

Pasta
    - Seção 1
    --- foto1.jpg
    --- foto2.png
    - Seção 2
    --- foto3.jpg
    --- foto4.png
    - Seção 3
    --- foto5.jpg
    --- foto6.png
    foto7.jpg
    foto8.png

-As seções do site deve sem criadas através de pastas.

-As imagens fora de pastas vão aparecer na área "Outros".

-A ordem dos arquivos na apresentação será alfabética. Sinta-se livre para adicionar letras no início dos arquivos para organizar na sua maneira.


3- Inicie o script:

$ layoutp

4- Finalizando:

Se tudo der certo, o seu terminal mostrará a seguinte mensagem:

Apresentação criada com sucesso na pasta: caminho/para/a/apresentação (Que é a mesma pasta onde estavam seus layouts)


Limitações:

-[Resolvido 3.0]Arquivos com o mesmo nome geram problemas (até mesmo em seções diferentes).

-Não é possível criar seções dentro de seções.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100