Leandro Lima

DevCast sobre Design Responsivo

Por | Comentários: 9

Olá galera! Recentemente (ok, nem tão recentemente assim) eu participei de um Videocast falando sobre Design Responsivo, organizado pelo pessoal do DevCast, uma comunidade de desenvolvedores com a finalidade de espalhar o conhecimento e dividir experiências sobre os mais diversos temas ligados a web.

O vídeo está disponível no site oficial do DevCast, no Youtube e logo aqui embaixo, pra quem quiser ver.

Boa parte do que eu falei na palestra estão nos posts escritos pela Dani Guerrato aqui mesmo no BlogUp. Os links deles, na ordem, estão aqui, aqui e aqui! =)

Pra quem assistiu, muito obrigado! Foi uma experiência super bacana. E, quem quiser contratar para palestras ou aulas particulares, é só chamar pelo e-mail leandro[at]popupdesign.com.br ou contato[at]popupdesign.com.br

 

 


 

 

Tags: > , ,

Leandro Lima

Leandro Lima

Designer, palestrante, nerd e co-fundador da PopUp junto com a Dani Guerrato. É apaixonado por criatividade e tecnologia. Trabalha com UX Design e Design de Interfaces há mais de 8 anos. Adora jogar xadrez, é fã do Rubens Barrichello e acredita que o universo tem 10 ou 11 dimensões.

Você pode achar o Leandro por aqui: Facebook - Twitter - - Instagram - LinkedIn

  • Eu assisti a palestra (aovivo) realmente muito boa.. vale a pena, galera… ! Parabéns #Leandro

  • Willy

    Bom da Leandro, estou com uma dúvida sobre design responsivo,
    Quando queremos mostrar ou esconder todo um bloco de elementos em um determinado device utilizamos o atributo css display: none e com as medias queries podemos retirar o display em determinada resolução para mostrar. até ai ok.
    Mais e se utilizarmos o design responsivo em uma loja virtual? Ex: Para um desktop mostramos uma vitrine, e quando estamos em um Ipad vizualizamos de outra forma, as informações ocultas poderam ser punidas pelo google? Pois o robo vai ler o site e ver que existem conteúdos ocultos. Pode dessa forma punir meu site?

    Obrigado!

    • Oi Willy, tudo bem? Então, recentemente trabalhei num projeto de loja virtual responsiva. O que não é recomendável fazer é utilizar a mesma informação duas vezes. Isso pode deixar o site mais pesado, o que acredito que prejudicaria o SEO dele. Agora, apenas ocultar uma informação, não acredito que sofreria punição pelo Google. Mas não sou especialista em SEO para te afirmar isso com 100% de certeza.

  • Olá Leandro, assisti ao vídeo hoje e adorei… Parabéns!

    A minha dúvida é o seguinte, na hora de criar um site responsivo no Photoshop você usa que tipo de conceito, cria ele na maior resolução possível somente, ou vai criando as variantes de resolução?

    Essa minha dúvida também se aplica na hora do wireframe no axure.

    Att,
    Sandro Oliveira

    • Olá Sandro, tudo bem?

      Então, nós planejamos as principais variações dele no photoshop e no Wireframe (nós fazemos os Wireframes na mão, usando lápis e papel, rs… não conheço o axure).

      Normalmente, usamos as resoluções de 1440, 1024, 768 e 480 ;)

      Abraço

  • Leandro, parabéns pelo cast, ficou excelente mesmo, complementando com os tutoriais do Blog, não precisa mais nada pra sair desenvolvendo hahaha E falando nisso, fiquei com uma dúvida… Seguinte, você acha melhor fazer primeiro todo o desenvolvimento do site e depois as adaptações com as medias querias, ou ir fazendo por partes (por bloco, por sessão)… Valeu.

  • Bruno

    Olá amigo, os liks com os arquivos estão off, poderia repostar esse material para estudo?

  • Dalianny
  • roberto

    os links estao quebrados..algum camiho alternativo pra estudar

Postamos coisas legais aqui


Google

Adicione no GOOGLE+

Instagram

Siga nosso perfil no INSTAGRAM

Quer utilizar o conteúdo do BlogUp?

Gostamos de compartilhar conhecimento por isto os textos sa seção Blog são licenciado sob Creative Commons com as condições: Atribuição - Não Comercial - CompartilhaIgual.

Em português claro, você pode reproduzir este artigo se cumprir TODOS os requisitos:
1. Ninguém esteja lucrando nada em função disto.
2. Exista crédito para a PopUp Design e o autor do post em um local claro com link para o conteúdo original.
3. O material derivado seja distribuido da mesma maneira.

Obs 1. Leia a licença completa para entender todos os termos.
Obs 2. Se o seu site tiver qualquer tipo de anúncio, como AdSence, por exemplo, isto já é considerado fim comercial e portanto você não pode reproduzir o texto.
Obs 3. Se você gostaria de utilizar este material sob outros termos e/ou possui dúvidas envie um e-mail contato@popupdesign.com.br e requisite uma autorização.