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

Tiago Peczenyj tiago.peczenyj at gmail.com
Wed Sep 11 17:47:24 PDT 2013


bixo.

faz algo simples e vai incrementando :-)
Em 11/09/2013 21:44, "Marcio - Google" <marciorp at gmail.com> escreveu:

> Valeu pessoal pelas dicas, mas tá froidz ... tive certeza de algumas
> coisas que já imaginava:
> 1. Simplesmente saber HTML/CSS não significa conseguir fazer algo bonito e
> funcional;
> 2. Existem um milhão de formas de fazer a mesma coisa e nenhum lugar que
> diga qual a melhor, mais correta ou mais elegante. Cada um defende a sua; e
> 3. Esse negócio não é pra mim.
>
> Acho que vou colocar um "webSSH" e jogar o cara pra dentro de uma sessão
> texto no servidor. Quando tiver grana ou já tiver aprendido o minimo
> necessário, faço em html/css e todas essas firulas .. rsrsrs
>
>
>
> [...]'s
>
> Marcio
>
> ========================================
> ########### Campanha Ajude o Marcio! ###########
> http://sosmarcio.blogspot.com.br/
> http://www.vakinha.com.br/VaquinhaP.aspx?e=195793
> ========================================
>
>
> Em 11 de setembro de 2013 18:05, Marcio Ferreira <
> marciodesouzaferreira at gmail.com> escreveu:
>
>> (nao ía dizer nada, até que li W3Schools =S )
>>
>> @Marcio,
>> Nao use o w3schools, referência de como nao aprender. #IMPLORO, SEM
>> FLAMEWAR
>>
>> Pelo que entendi vc quer uma noção abrangente e nao especialista em
>> design, vou dar meu pitaco.
>>
>> http://pt.wikipedia.org/wiki/Web_design
>> http://arquiteturadeinformacao.com/
>> http://www.uxdesign.blog.br/
>> http://ux.walkme.com/
>> http://alistapart.com/
>>
>> Como programador, recomendo o livro "Design para quem não é designer".
>> Bootstrap do twitter é útil!
>> Inclua no seu café da manhã o Hack News(HN) -
>> https://news.ycombinator.com
>> E o google é seu amigo "converter imagem para html"
>>
>>
>>
>> Em 11 de setembro de 2013 18:06, Andre Carneiro <
>> andregarciacarneiro at gmail.com> escreveu:
>>
>> Se o seu objetivo é ser prático com layouts interessantes, recomendo este
>>> site:
>>>
>>> http://themeforest.net/
>>>
>>> Agora se o seu objetivo é aprender, aí é só fuçando mesmo...
>>>
>>> Eu costumo usar muito o w3schools(http://www.w3schools.com/) como
>>> consulta a referências rápidas de HTML e CSS. Mas design de layouts exige
>>> bem mais que isso...
>>>
>>>
>>>
>>>
>>>
>>> 2013/9/10 Hernan Lopes <hernanlopes at gmail.com>
>>>
>>>> Marcio,
>>>>
>>>> Esse projeto deve ser do Eduardo Almeida.. ele tem um framework pra
>>>> fazer sites com essa cara de windows :p
>>>>
>>>>
>>>> 2013/9/10 Marcio - Google <marciorp at 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.
>>>>>
>>>>> Bom, por onde começo? rsrsrs
>>>>>
>>>>> Vi que o André fez o layout como uma imagem, e eu particularmente
>>>>> gostei bastante.
>>>>>
>>>>> Como se faz essa imagem? Tem algo mais especifico e simples que o
>>>>> Photoshop da vida?
>>>>> Depois como converte-se ela em HTML/CSS? É na unha ou tem algo
>>>>> automatizado?
>>>>> E finalmente, como esse front-end interage com Perl?
>>>>>
>>>>> 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.
>>>>>
>>>>> Qualquer dica é bem vinda.
>>>>>
>>>>>
>>>>> [...]'s
>>>>>
>>>>> Marcio
>>>>>
>>>>> ========================================
>>>>> ########### Campanha Ajude o Marcio! ###########
>>>>> http://sosmarcio.blogspot.com.br/
>>>>> http://www.vakinha.com.br/VaquinhaP.aspx?e=195793
>>>>> ========================================
>>>>>
>>>>>
>>>>> Em 18 de julho de 2013 21:13, Nilton OS <jniltinho at gmail.com>escreveu:
>>>>>
>>>>>> André parabéns, depois do anuncio quase todo dia acessei o github.
>>>>>>
>>>>>> Muito bacana.
>>>>>>
>>>>>>
>>>>>> Em 18 de julho de 2013 21:39, André Walker <andre at andrewalker.net>escreveu:
>>>>>>
>>>>>> Salve, mongers,
>>>>>>>
>>>>>>> Estou escrevendo para dar uma visão geral do status de PerlPro. Se
>>>>>>> você não
>>>>>>> sabe do que estou falando, veja:
>>>>>>>
>>>>>>>     https://github.com/Brasil-**Perl-Mongers/perl-pro<https://github.com/Brasil-Perl-Mongers/perl-pro>
>>>>>>>
>>>>>>> Aproveite e clique em Star e Watch :)
>>>>>>>
>>>>>>> O que nós temos até agora?
>>>>>>>
>>>>>>> Foi criado o layout de praticamente todas as páginas, em imagem.
>>>>>>> Vocês podem
>>>>>>> ver na wiki do github. Criei também a estrutura da aplicação
>>>>>>> Catalyst, o banco
>>>>>>> de dados, e implementei o layout em HTML/CSS também. Ou seja, o
>>>>>>> esqueleto da
>>>>>>> aplicação está pronto. Não temos, no entanto, as páginas específicas
>>>>>>> e suas
>>>>>>> funcionalidades.
>>>>>>>
>>>>>>> Para estruturar o layout, estou usando Twitter Bootstrap. Para
>>>>>>> versionar o
>>>>>>> banco de dados, sqitch. Para ORM, DBIx::Class, e para o SGBD,
>>>>>>> PostgreSQL. Como
>>>>>>> framework MVC, como já falado acima, Catalyst, e como linguagem de
>>>>>>> templates
>>>>>>> Kolon (do Text::Xslate). Tudo isto já está configurado, é bastante
>>>>>>> fácil de
>>>>>>> se instalar o código e compreendê-lo.
>>>>>>>
>>>>>>> Parece pouco, semanas depois de anunciado, não?
>>>>>>>
>>>>>>> Estive trabalhando nisso durante períodos livres da faculdade (faço
>>>>>>> um curso
>>>>>>> em período integral), e acabei não dedicando tanto tempo quanto
>>>>>>> gostaria. A
>>>>>>> partir de hoje, entretanto, estou de férias, e acredito que nos
>>>>>>> próximos 30
>>>>>>> dias teremos o site no ar :)
>>>>>>>
>>>>>>> Gostaríamos da participação da comunidade, afinal, é um projeto open
>>>>>>> source!
>>>>>>> Tivemos algumas contribuições assim que o repositório foi criado,
>>>>>>> antes mesmo
>>>>>>> de anunciarmos o projeto! Sintam-se livres para contribuir; podemos
>>>>>>> discutir
>>>>>>> as features no canal do IRC, ou por e-mail e desenvolver em cima
>>>>>>> disso. Dê uma
>>>>>>> olhada nos issues do GitHub, sugira uma funcionalidade, critique o
>>>>>>> código.
>>>>>>> Toda contribuição é bem vinda! Principalmente em forma de código,
>>>>>>> obviamente. :P
>>>>>>>
>>>>>>> Teremos uma reunião no canal do IRC do SPPM: #sao-paulo.pm em
>>>>>>> irc.perl.org,
>>>>>>> daqui a aproximadamente 10 dias. Vamos avisar a data e o horário
>>>>>>> certinho por
>>>>>>> aqui quando estiver mais próximo. Mas, se tiver qualquer dúvida ou
>>>>>>> sugestão é
>>>>>>> só dizer!
>>>>>>>
>>>>>>> =begin disclaimer
>>>>>>>   Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>>>>>> SaoPaulo-pm mailing list: SaoPaulo-pm at pm.org
>>>>>>> L<http://mail.pm.org/mailman/**listinfo/saopaulo-pm<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
>>>>>>> >
>>>>>>> =end disclaimer
>>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>>
>>>>>> ..............................................................................
>>>>>> *Com Deus todas as coisas são possíveis* ::: LinuxPro<http://www.linuxpro.com.br>
>>>>>>
>>>>>> *"A qualidade nunca se obtém por acaso; ela é sempre o resultado do
>>>>>> esforço inteligente." (John Ruskin)
>>>>>> "A mente que se abre a uma nova ideia jamais volta ao seu tamanho
>>>>>> original" (Albert Einstein)*
>>>>>>
>>>>>> =begin disclaimer
>>>>>>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>>>>>  SaoPaulo-pm mailing list: SaoPaulo-pm at 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 at 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 at pm.org
>>>>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
>>>> =end disclaimer
>>>>
>>>>
>>>
>>>
>>> --
>>> André Garcia Carneiro
>>> Software Engineer
>>> (11)982907780
>>>
>>> =begin disclaimer
>>>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>>  SaoPaulo-pm mailing list: SaoPaulo-pm at 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 at 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 at pm.org
>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
> =end disclaimer
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.pm.org/pipermail/saopaulo-pm/attachments/20130912/ec16a756/attachment-0001.html>


More information about the SaoPaulo-pm mailing list