Ir para conteúdo
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?




 

Compartilhar este post


Link para o post
Compartilhar em outros 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:

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por 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


    • Por 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!
    • Por Tiago92
      Bom dia. Tudo bom?
      Eu sou novo tanto aqui quanto na criação de sites e eu realmente apreciaria alguns conselhos.
      Eu criei esse site ( www.liderius.com ) em novembro do ano passado. E esse também foi o meu primeiro contato com criação de sites.
      basicamente é um site aonde eu ofereço conteúdo no blog assim como vendo produtos que sou afiliado.
      qualquer forma de feedback seria muito bem-vinda. tanto logotipo quanto design, cores ou estrutura do site de forma geral.
      Eu sou completamente leigo no assunto mas eu estou disposto a aprender o que for preciso para que esse site fique ótimo.
      Agradeço a sua anteção.
       
      Atenciosamente,
      Tiago
    • Por Geth
      Em termos de tipografia, logo, cores, espaçamentos, navegação, etc?
       
      Segue o link: https://tattoolandia.com.br/
    • Por xandedd
      Criei um login modal em minha page, e estou com problemas na minha (div #container), onde criei um background color com (width: 100% e height: 100%),  e não consigo eliminar as margins, ja tentei de tudo, (margin: 0  ,  padding: 0  ,  top:0  ,  left:0)    e até mesmo tentei colocar margin:0 nos elementos html e no body e nâo tive resultado,  exemplos =  *{margin: 0;} html,body {margin:0;} , e em ultima tentativa tentei usar o (!important;) mesmo assim sem resultado, preciso muito de ajuda, desde já agradeço
      html,body { background-size: cover; background-repeat: no-repeat; height: 100%; font-family: 'Numans', sans-serif; } *, *::after, *::before { border: 0; box-sizing: border-box; margin: 0; padding: 0; } #container { height: 100%; align-content: center; display: none; position: fixed; top: 0; left: 0; width: 100%; margin: 0; background: rgba(0, 0, 0, 0.8); z-index: 1300 !important; } #container:target{ display: block; } .card-header h3 { text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: .1rem; margin-bottom: 5px; } .card{ height: 370px; margin-top: auto; margin-bottom: auto; width: 400px; background-color: #fff !important; animation: slideUp 0.3s ease-in-out; } @keyframes slideUp { from{ opacity: 0; bottom: -200px; } to { opacity: 1; bottom: 0; } } .social_icon .tw{ font-size: 60px; margin-left: 10px; color: rgba(120,205,240,0.8); } .social_icon .fb{ font-size: 60px; margin-left: 10px; color: #6d84b4; } .social_icon .gm{ font-size: 60px; margin-left: 10px; color: #df4b37; } .social_icon span:hover{ color: #495057; cursor: pointer; } .card-header h3{ color: #bf8b28; } .social_icon{ position: absolute; right: 20px; top: -45px; } .input-group-prepend span{ width: 38px; background-color: #bf8b28; color: #fff; border:0 !important; } input:focus{ outline: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important; } .remember{ color: #495057; } .remember input { width: 20px; height: 20px; margin-left: 15px; margin-right: 5px; } .login_btn{ color: #fff; background-color: #bf8b28; width: 100px; } .login_btn:hover{ color: #fff; background-color: #6c757d; } .links { color: #495057; } .links a { margin-left: 4px; } a { text-decoration: none; color: #309ca7; } a:hover { text-decoration: none; color:#20eaff; } <div id="container"class="container"> <div class="d-flex justify-content-center h-100"> <div class="card"> <div class="card-header"> <h3>Log In</h3> <div class="d-flex justify-content-end social_icon"> <span class="fb"><i class="fab fa-facebook-square"></i></span> <span class="gm"><i class="fab fa-google-plus-square"></i></span> <span class="tw"><i class="fab fa-twitter-square"></i></span> </div> <a href="#" class="close">&times</a> </div> <div class="card-body"> <form> <div class="input-group form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-user"></i></span> </div> <input type="text" class="form-control" placeholder="Usuário"> </div> <div class="input-group form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-key"></i></span> </div> <input type="password" class="form-control" placeholder="Senha"> </div> <div class="row align-items-center remember"> <input type="checkbox">Lembrar-me </div> <div class="form-group"> <input type="submit" value="Login" class="btn float-right login_btn"> </div> </form> </div> <div class="card-footer"> <div class="d-flex justify-content-center links"> Não é cadastrado?<a href="#">Cadastre Se</a> </div> <div class="d-flex justify-content-center"> <a href="#">Esqueceu sua senha?</a> </div> </div> </div> </div> </div>  


×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.