Responsive Images Solution / Nav Responsive [Cenário atual 2014]

[Ronny Santana(tm) (c) 2014]

Ola, bom dia!!

Terminei o livro, iniciei uma parte do livro do Tárcio, e me veio a dúvida de qual solução para imagens responsivas, o picture source do html5 seria uma boa se tratando de browser modernos? Tanto mobile quanto desktop...

Ou seguir o método do Bruno Barros seria melhor?

if(width >= 768){

// insere imagem desktop

}

http://www.designadaptavel.com.br/artigos/mobile-first-vs-desktop-first

Outra dúvida é quanto à navegação, esse projeto é "one page" "scrool paralax", com bastante links, seria o ideal usar o "nav icon" com "toggleClass" e esconder uns itens do menu?

Estou fazendo o projeto "desktop first", pois já tinha iniciado o mesmo!

--

Ronny Santana™ © 2014 ~ All Rigths Reserved
onl...@ronnysantana.com.br

ma...@ronnysantana.com.br

n...@ronnysantana.net

Sent from Teixeira de Freitas, Bahia, Brazil

[Sérgio Lopes]

Eu hoje ainda prefiro CSS pra imagens responsivas (com background e media queries). Mais rápido que qualquer solução baseada em JS.

E, como falo no livro, preferir vetores sempre que puder (SVG, icon fonts, css3...) e usar compressive images. Isso ja deve diminuir bastante a necessidade de trocar as imagens.

Abraço!