[SP-pm] [OT] Layout HTML/CSS (era "Como anda o PerlPro?")

Tue Sep 10 17:03:26 PDT 2013

Valeu pessoal! To olhando todas as dicas.

Se alguém tiver mais, pode mandar.

[...]'s

Marcio

========================================
########### Campanha Ajude o Marcio! ###########
http://sosmarcio.blogspot.com.br/
http://www.vakinha.com.br/VaquinhaP.aspx?e=195793
========================================

Em 10 de setembro de 2013 19:46, Nilton OS <jniltinho em gmail.com> escreveu:

> Tenta Extjs -> http://www.sencha.com/products/architect/
>
>
>
>
> Em 10 de setembro de 2013 18:40, Marcio - Google <marciorp em gmail.com>escreveu:
>
> Vixe, acho que o buraco é bem mais em baixo!
>>
>> Isso ai é coisa pra maluco ... rsrsrsrsrs ... não consigo fazer nem uma
>> simples montagem de fotos no photoshop para sacanear os amigos ... kkkk
>>
>> Preciso receber dados do usuário pelo forms e depois retornar dados
>> "complexos"!
>>
>> Acho que vou usar aquele esquema de abrir uma sessão ssh pelo browser web
>> e fazer tudo em texto mesmo.
>>
>> Se alguém ainda tiver uma receita de bolo mais simples, ainda to na
>> esperança.
>>
>> E eu que tava na esperança de fazer uma UI inspirada no "Para Onde foi
>> Meu Dinheiro" ... como dizem, a esperança de pobre é a última que morre ...
>> kkkkk
>>
>>
>> [...]'s
>>
>> Marcio
>>
>> ========================================
>>  ########### Campanha Ajude o Marcio! ###########
>> http://sosmarcio.blogspot.com.br/
>> http://www.vakinha.com.br/VaquinhaP.aspx?e=195793
>> ========================================
>>
>>
>> Em 10 de setembro de 2013 13:30, Tiago Peczenyj <tiago.peczenyj em gmail.com
>> > escreveu:
>>
>> Alguns servidores/ middlewares suportam Server Side Include.
>>>
>>> https://metacpan.org/module/Plack::Middleware::SSI
>>>
>>> Porém eu não sei se vc precisa misturar o seu design com como as paginas
>>> são montadas e mostradas ao usuario final. Alias com um bom sistema de
>>> templates (tipo TT) vc pode separar o header, o footer, o content, o menu,
>>> etc.
>>>
>>> https://metacpan.org/module/Template::Tutorial::Web
>>>
>>> existem algumas tecnologias pra vc ter isso cliente side usando
>>> javascript e outras coisas (Angular.js Backbone.js etc).
>>>
>>> tudo tem pros e contras.
>>>
>>> se vc quer algo independente da linguagem, o TT tem bindings pra outras
>>> linguagens que não apenas Perl. Server Side Include pode ser feito pelo
>>> servidor web (apache, nginx) e não pela aplicação. AngularJS vai depender
>>> de alguem te mandar um json (que pode ser estatico ou gerado por
>>> Perl/Java/Bash/C/PHP/etc).
>>>
>>> tudo depende da complexidade que vc quer. eu apanhei muito no começo pra
>>> usar Backbone.js - sem falar q vc pode facilmente fazer algo que fica bem
>>> carregado no client-side e alguem num celular vai odiar vc por isso.
>>>
>>>
>>> 2013/9/10 Renato Santos <renato.cron em gmail.com>
>>>
>>>>  Vish Marcio,
>>>>
>>>> vou responder por cima, cada ponto, até onde sei.
>>>>
>>>> 2013/9/10 Marcio - Google <marciorp em gmail.com>
>>>>
>>>>> Mongers, desculpem o off-topic!
>>>>>
>>>>> Como vi que tem membros que dominam o assunto e o pessoal aqui é muito
>>>>> colaborativo, resolvi perguntar.
>>>>>
>>>>> Não entendo nada de HTML, layout de sites e etc. Estou precisando
>>>>> fazer algumas coisas, projetos pessoais, e vou ter que fazer a parte
>>>>> visual, ou melhor dizendo, o front-end. De preferência, independente da
>>>>> linguagem.
>>>>>
>>>>
>>>> Para fazer o layout, geralmente, você não precisa de nenhuma linguagem,
>>>> porem, geralmente utiliza-se ou um wrapper (um arquivo completo, e
>>>> dentro uma marcação para inserção do conteudo) ou um jeito mais 'phptizado',
>>>> dois arquivos (tipo header.php e footer.php) e ai no arquivo das
>>>> páginas em sí, manda incluir.
>>>>
>>>> o html não suporta isso por padrão, o servidor que tem que fazer esse
>>>> trabalho de juntar os arquivos.
>>>>
>>>>
>>>>>
>>>>> Bom, por onde começo? rsrsrs
>>>>>
>>>>> Vi que o André fez o layout como uma imagem, e eu particularmente
>>>>> gostei bastante.
>>>>>
>>>>
>>>> eu *acho* que não foi o andre que fez, mas ele esta usando as imagens
>>>> como referencia para criar o html.
>>>>
>>>>
>>>>> Como se faz essa imagem? Tem algo mais especifico e simples que o
>>>>> Photoshop da vida?
>>>>>
>>>>
>>>> eu acho que photoshop é o padrão. tinha/tem o Fireworks CS6, que é
>>>> focado em web.
>>>>
>>>> Depois como converte-se ela em HTML/CSS? É na unha ou tem algo
>>>>> automatizado?
>>>>>
>>>>
>>>> Até deve exitir essas ferramentas, mas o código final deve ser horrivel!
>>>>
>>>>
>>>>> E finalmente, como esse front-end interage com Perl?
>>>>>
>>>>
>>>> Bom, geralmente, as informações são enviadas para o backend por
>>>> formularios ou AJAXs.
>>>>
>>>> um <form method="post" action="/url/no/servidor"> envia os dados que
>>>> estão nos inputs, (exemplo, <input type="hidden" name="foobar"
>>>> value="123"/> ) no formato url-encoded, e ai o servidor também tem que se
>>>> virar pra ler.
>>>>
>>>>
>>>>>
>>>>> Tem um membro que postou um link de um projeto dele, que o front-end
>>>>> web era muito bom. Pareci um app winforms. Infelizmente não achei a
>>>>> mensagem.
>>>>>
>>>>>
>>>> eu acho que você esta falando do Eduardow,
>>>> https://www.facebook.com/groups/195216390589070/
>>>>
>>>> Isso é um framework JS, você escreve na estrutura dele, ele cria a
>>>> magica.
>>>>
>>>>
>>>>> Qualquer dica é bem vinda
>>>>>
>>>>
>>>> eu gosto de old speckled hen :)
>>>>
>>>> --
>>>> Saravá,
>>>> Renato CRON
>>>> http://www.renatocron.com/blog/
>>>> @renato_cron <http://twitter.com/#!/renato_cron>
>>>>
>>>> =begin disclaimer
>>>>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>>>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>>>>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
>>>> =end disclaimer
>>>>
>>>>
>>>
>>>
>>> --
>>> Tiago B. Peczenyj
>>> Linux User #405772
>>>
>>> http://about.me/peczenyj
>>>
>>> =begin disclaimer
>>>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>>>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
>>> =end disclaimer
>>>
>>>
>>
>> =begin disclaimer
>>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
>> =end disclaimer
>>
>>
>
>
> --
>
> ..............................................................................
>  *Nilton OS* | *DNA Linux a 15 anos* | linuxpro.com.br<http://www.linuxpro.com.br>
>
> *"Não são os grandes homens que transformam o mundo, mas sim os fracos
> nas mãos de um grande Deus."*
>
> =begin disclaimer
>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
> =end disclaimer
>
>
-------------- Pr?xima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://mail.pm.org/pipermail/saopaulo-pm/attachments/20130910/e6ffdcc0/attachment-0001.html>