Jump to content
ArthurBandeiraAguiar

Devemos criar sites apenas na Unha agora? Designer

Recommended Posts

Ola pessoal!
Eu não tenho muito problema em trabalhar com código mas eu acho que ficar mexendo em código no bloco de notas em 2018 é muito pouco produtivo, ficar calculando a porcentagem de uma largura , onde ela aparece e tudo mais , em 2001 era super normal, mas agora parece uma perda de tempo, mesmo assim parece que a adobe nunca se firma numa ferramenta que faça isso.
Parece estranho hoje quase 20 anos depois não termos um criador de sites como WIX mas em formato de aplicação local e que seja consagrado.
Antes eu usava dreamweaver e os gurus do html adoravam falar mal dele simplesmente por ele simplificar a vida dos outros e tirar o reinado dos sabichões que adoram se exibir com termos complicados e cálculos sobre divs no seu css. De tanta pressão, o dreamweaver foi totalmente modificado, hoje ele esconde mais o seu potencial e ficou algo quase abstrato, tipo: " tá aí, se vira!" com esse bloco de notas modernão, tudo para agradar os gurus que fazem css e suas divs de olhos fechados.
Aí não deu certo, a Adobe lança o Adobe Muse, ok, aí vieram os gurus dizerem que o código que ele gera é feio, para os gurus o código tem que ficar mais bonito do que o próprio resultado, claro, quanto mais os códigos forem confusos , mais status é dado a quem se diz "desenvolvedor", aquele cara espertão que adora programa usando o notepad.

Então de tanto falarem mal do Muse, a adobe acabou com ele também.
Então eu pergunto a vocês:
Empresas grandes e ricas, não digo a Microsoft pois essa já deixou a beleza no layout de lado ficando literalmente quadrada e feia, mas sim empresas como a Apple cujo  site dá gosto de se ver e apreciar, tem os seus desenvolvedores fazendo os seus sites na unha? WYSIWYG saiu de moda? 
Como fazer um site bonito? Profissional na área de webdesigner é aquele cara que escreve tudo no bloco de notas ou no vi , salva e depois aperta F5 pra ver se ficou bom?
Aqueles templates bonitos são feitos onde?
Não existe uma ferramenta que faça sites assim como o PowerPoint faz apresentações ou mesmo como o WIX faz? O Wix realmente é fantástico pra quem precisa de se preocupar com layout e não com calculos com posição de divs, porem eles não se tocam que o dominio deles é ruim demais e alem disso não aparece no google, os sites de lá fazem um tipo de Deepweb kkkkkkkkkkkkkk, ninguém conhece. Se um grande hospedeiro de sites comprasse o WIX e fizesse os sites com dominios .com , ai realmente seria algo competitivo.

Enfim, não existe mais ferramentas que criem sites bonitos e profissionais WYSIWYG ?
Pra mim, em 2018 falar que programar na unha pra fazer designer é algo melhor, é tipo dizer que programar em Assembler uma janela é melhor e mais profissional que usar um JFrame/Swing do java. 

 

O que os gurus do designer tem a dizer?




 

Share this post


Link to post
Share on other sites

Cara, a web é bem mais complexa do que ela apresenta na telinha de nossos navegadores.

 

Se hoje em dia os profissionais fazem muito mais questão de estarem familiarizados aos códigos ao invés de utilizar editores WYSIWYG, é por uma única razão: a web não é mais a mesma de antes. O que você pode criar depende apenas da sua criatividade e do seu potencial, mas isso nós nunca conseguiríamos alcançar dependendo de WIX ou Dreamweaver.

Aliás, se hoje existe o WIX, que de fato é uma excelente plataforma para amadores, é porque os caras tiveram que se aprofundar muito nas especificações da web.

 

Me parece que a questão que você levantou tem mais teor de desabafo do que de pergunta, e eu até entendo isso, pois realmente é muito fácil se perder na imensidão de conteúdo, termos técnicos e caminhos pra se chegar a resultados que aparentemente deveriam ser simples, mas a computação e a tecnologia em geral sempre foi assim: ela cria problemas que nós não tínhamos antes de ela existir.

Creio que com o desenvolvimento da inteligência artificial, que é um tópico muito presente atualmente nos carros autônomos, na estatística, em aplicações financeiras, de risco, análise ou outras infinitas, logo teremos exatamente o que você está procurando nesse momento. Mas quem vai programar essas soluções? E quais problemas ela vai acabar gerando para reclamarmos no futuro?

 

2 horas atrás, ArthurBandeiraAguiar disse:

empresas como a Apple cujo  site dá gosto de se ver e apreciar, tem os seus desenvolvedores fazendo os seus sites na unha?

Sim! Sites com maestria em navegabilidade e usabilidade, com navegação suave, transições, responsividade (se adaptar igualmente ao computador ou celular, ou ainda outros dispositivos) só podem ser feitos na unha mesmo. E não é fácil otimizar um site para que ele atenda a esses requisitos. E eu ainda estou me limitando a falar apenas sobre sites institucionais, que geralmente não oferecem muito além do que visualizamos mesmo, mas para sistemas mais complexos, como um Google Drive e seus sub-aplicativos a coisa é bem mais complicada.

 

2 horas atrás, ArthurBandeiraAguiar disse:

Como fazer um site bonito? Profissional na área de webdesigner é aquele cara que escreve tudo no bloco de notas ou no vi , salva e depois aperta F5 pra ver se ficou bom?

Com programação. Muitas agências ou profissionais autônomos hoje em dia utilizam soluções prontas como Wordpress, WIX, Joomla ou qualquer outra coisa. Geralmente fica super pesado ou tem sérias limitações (ex: não conseguir fazer algo que já não exista pronto).

Porém, se esse cara tiver experiência e não tem intenção de fazer outra coisa além de sites, ele consegue sim se especializar e criar algo bacana, leve, bonito, e até mesmo sem lidar com muito código. Mas para ele alcançar isso, ele já teve que mexer, programar e errar um bocado.

Sobre usar bloco de notas / vi, é basicamente isso mesmo, mas não de forma tão masoquista quanto utilizando as ferramentas citadas. Existem programas mais adequados hoje em dia. Posso citar o Visual Studio Code para uso genérico e qualquer um dos oferecidos pela JetBrains para usos mais específicos.

 

Para desenvolvimento web temos tecnologias bacanas hoje em dia que permitem que você desenvolva sem sequer apertar o tal do F5, mas da programação você não foge não. Um exemplo disso é o webpack. Aqui no meu ambiente por exemplo, eu trabalho com dois monitores, e graças ao webpack, eu abro o navegador em um e o editor em outro. Toda vez que eu altero algum código, a interface é atualizada sem interferência minha, de forma instantânea. Existem diversos "facilitadores" como esse para aumentar nossa produtividade, mas cada um está associado ao custo de estudá-lo, e cara, isso leva um tempo...

 

Sobre "cálculos em divs", "percentuais" e tudo mais... existe "hoje em dia" uma tecnologia que facilita muito na construção dos layouts. Chama-se flexbox. Você consegue criar as estruturas gerais do site muito rapidamente e sem muito esforço (mas sim, é código igual). Veja se ajuda:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

http://desenvolvimentoparaweb.com/css/flexbox/

 

3 horas atrás, ArthurBandeiraAguiar disse:

O Wix realmente é fantástico pra quem precisa de se preocupar com layout e não com calculos com posição de divs, porem eles não se tocam que o dominio deles é ruim demais e alem disso não aparece no google

Na verdade o WIX permite sim você utilizar um domínio personalizado, sem propagandas, aparecer no Google e tudo mais, mas "não existe almoço grátis". Basta olhar mais atentamente nos planos ofertados por eles. A licença do Dreamweaver também não é nada barata, e nem sequer inclui a hospedagem do site.

 

Enfim... espero ter ajudado. Bons estudos :sweat_smile:

Share this post


Link to post
Share on other sites

Fazendo uma analogia, para trabalhar fazendo uma caixa de alerta em um executável, você iria preferir usar literalmente escrever milhares de linhas em assembler ou usar  MessageBox("oi ! "); ?
É sempre bom saber e saber e saber, porem tem programas tão complexos hoje em dia para várias coisas, que o diga o Blender , eu só acho estranho não existir um programa que faça quadrados( divs), coloque cores, imagens  e posicione esses elementos na tela e ao mesmo tempo mostre o código que fez para gerar isso.
Antes eu gostava de fazer sites usando <tables> era tão mais exato e organizado, aí começaram falar que o table é pra exibir dados e que os navegadores ficariam super carregados para ver sites com table.

Enfim, eu achei uma solução que quase chega ao que eu acharia bom existir, é o pingendo.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By ROGERIO AMERICA
      Boa tarde. Possuo 1 bd com tabela principal empresa=(não editável), atendente=(não editável), consultor=(não editável), operadoras=(não editável), e a "agenda" que é editável. Criei uma página www onde eu mostraria os dados empresa juntamente com campos "agenda" para trabalhar com as informações disponíveis e coletadas para gerar dados na agenda. Gostaria que pudessem me ajudar ou indicar uma forma onde eu possa unir todos dados envolvidos nessa agenda conforme figuras.
      O código abaixo mostra os dados do cliente:
      <form> <input type="text" size="5" name="id_empresa" value="<?php echo $empresa['id_empresa']; ?>"><br></br> <input type="text" size="12" name="cnpj" value="<?php echo $empresa['cnpj']; ?>"> <input type="text" size="53" name="empresa" value="<?php echo $empresa['empresa']; ?>"><br></br> <input type="text" size="33" name="endereço" value="<?php echo $empresa['endereço']; ?>"> <input type="text" size="3" name="nº" value="<?php echo $empresa['nº']; ?>"> <input type="text" size="24" name="complemento" value="<?php echo $empresa['complemento']; ?>"><br></br> <input type="text" size="23" name="bairro" value="<?php echo $empresa['bairro']; ?>"> <input type="text" size="22" name="cidade" value="<?php echo $empresa['cidade']; ?>"> <input type="text" size="3" name="uf" value="<?php echo $empresa['uf']; ?>"> <input type="text" size="7" name="cep" value="<?php echo $empresa['cep']; ?>"><br></br> <input type="text" size="35" name="admin" value="<?php echo $empresa['contato']; ?>"> <input type="text" size="11" name="fone1 " value="<?php echo $empresa['fone1']; ?>"> <input type="text" size="11" name="fone2" value="<?php echo $empresa['fone2']; ?>"><br></br> <input type="text" size="40" name="email" value="<?php echo $empresa['email']; ?>"> <input type="text" size="3" name="linhas ativas" value="<?php echo $empresa['linhas ativas']; ?>"> <input type="text" size="8" name="vencimento" value="<?php echo $empresa['vencimento']; ?>"> </form> O código abaixo mostra os campos editáveis:
      $tem plano = $_POST["tem plano"]; $qtde de linhas = $_POST["qtde de linhas"]; $fatura media = $_POST["fatura media"]; $visita = $_POST["visita"]; $data = $_POST["data"]; $hora = $_POST["hora"]; $tipo de visita = $_POST["tipo de visita"]; $resenha = $_POST["resenha"];
           
          $string_sql = "INSERT INTO agenda (plano,qtde de linhas,fatura media,visita,data, hora,tipo de visita, resenha ) VALUES (null,'$plano','$qtde de linhas','$fatura','$visita','$data','$hora','$tipo de visita','$resenha')"; //String com consulta SQL da inserção
           
          mysql_query($string_sql,$conexao); //Realiza a consulta
           
       
      if(mysql_affected_rows() == 1){ //verifica se foi afetada alguma linha, nesse caso inserida alguma linha echo "<p>Cadastro feito com sucesso</p>"; echo '<a href="empresa.php">Voltar para formulário de cadastro</a>'; //Apenas um link para retornar para o formulário de cadastro } else { echo "Erro, não possível inserir no banco de dados"; } mysql_close($conexao); //fecha conexão com banco de dados ?> abaixo temos a premissa de funcionamento: 
       

      e abaixo temos a suposta tela de trabalho:"ainda esta sem CSS" 

      Como fazer para o form alimentar a tabela agenda sendo que 1 parte dos dados é só para visualização e a outra é editável e ao salvar, ir para próxima empresa? Obs: Estou querendo implementar isso pois descobri que a empresa de CRM que eu pagava estava vendendo Mailing para concorrentes. (era pago)
       
    • By penelopevitoria_
      Pessoal,
       
      estou com muitos problemas de layout em minhas páginas AMP. O que rola é que vários elementos estão saindo compridos ou esticados. Enfim, o AMP estraga coisas como formulário também. Vocês sabem se existe uma maneira massiva de corrigir esses problemas pelo plugin? Tenho muitas páginas com o layout comprometido e não achei nada na internet que me ajudasse a corrigir. 
       
      Aguardo retorno :D
    • By Guga Alves
      Olá, estou enfrentando um problema no qual não tinha tido contato até então.

      Alguns textos em uma landing que estou trabalhando simplesmente não exibidos ou apresentam erros na exibição.

      Gostaria de saber se alguém já enfrentado esse problema poderia me ajudar com isso.

      Abaixo segue imagens dos erros
       
       
       


    • By Yanzoca
      Olá, bom dia/tarde/noite, gostaria de uma ajuda sobre como mudar a interface do photoshop, no meu photoshop a janela de cores aparece como na segunda foto, mas gostaria de deixa-la como na primeira foto, poderiam me ajudar? Desde ja agradeço


    • By dba.amaro
      Galera, bom dia/tarde/noite, 
       
      Estou desenvolvendo uma aplicação web, porém preciso mostrar algumas informações e os objetos vão mudar de cor / porcentagem, segundo as informações que estão contidas no banco de dados, 
       
      Tenho, algumas ideias, porém não sei nem por onde começar, se alguém puder ajudar, agradeço !!
       
      Um abraço  a todos e bons posts!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.