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

Wed Sep 11 15:05:19 PDT 2013

(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
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.pm.org/pipermail/saopaulo-pm/attachments/20130911/e1101836/attachment-0001.html>