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