Design Responsivo - Apresentação

Hoje darei início a uma sequência de posts sobre Design Responsivo.

Estes posts têm como objetivo ensinar este conceito para os que ainda não conhecem e aprimorar o trabalho daqueles que já estão atuando como designer.
Vou utilizar como base meus conhecimentos obtidos em mais de 18 anos trabalhando com Web, alguns anos como Professor na área e alguns vários livros e autores que mudaram minha forma de ver este mundo do Design.

Tenho muitas pessoas a agradecer pelo que tenho e sou hoje, familiares, amigos, colegas de trabalho, mas vou ressaltar duas pessoas que me motivaram a estudar e trabalhar com Desenvolvimento e Design para Web, isso lá atrás em 95 e 2002:

Paulinho ✞, que me deu este apelido de Webdre, e quando eu era criança, sempre achava incrível tudo o que eu fazia e me propunha novos desafios.

Davi Fontebasso Marques de Almeida, meu professor, amigo e atualmente colega de trabalho, mediamos juntos no SENAC São Paulo e aprendi muito com ele quando ele foi meu professor e hoje aprendo muito com ele como parceiros de trabalho.

Índice:


Segue abaixo algumas bibliografias e autores que vão nortear boa parte de minhas postagens:


 Toda semana um novo post, em breve, post: Tags HTML5

 Repositório no GitHub - > https://goo.gl/G43jH1
Canal no Youtube - > https://goo.gl/QV2Msh

Para os curiosos querendo um pouco mais, deem uma lida nos links e livros acima, garanto que será um aprendizado grande
OBS: Este post será atualizado no decorrer das publicações.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

ANDROID - Criando e Publicando APP com HTML, CSS, JavaScript e Java

Imagem
Neste post vamos ver, como criar um aplicativo android utilizando o Android Studio, você vai ver como é simples de fazer, e vamos ver também em nossa próxima live como fazer a publicação na loja. Códigos necessários: SPLASH SCREEN new Handler().postDelayed(new Runnable() {             @Override             public void run() {                 startActivity(new Intent(SplashActivity.this, GameActivity.class));                 finish();             }         }, 3000);  GAME SCREEN WebView wv = (WebView) findViewById(R.id.wv);         wv.getSettings().setJavaScriptEnabled(true);         wv.setWebViewClient(new WebViewClient());         wv.loadUrl("file:///android_asset/index.html"); Código para deixar em tela cheia requestWindowFeature(Window.FEATURE_NO_TITLE);         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,                 WindowManager.LayoutParams.FLAG_FULLSCREEN); Publicando APP Campos obrigatórios: Nome do app Breve descrição (É uma breve descrição d
Leia mais

Diferenças entre design responsivo, adaptativo e fluído

Imagem
Houve um tempo em que um site era apenas isso: um site. Felizmente, web design e desenvolvimento têm evoluído ao longo dos anos capacitando os usuários a exigir conteúdo real, relevante e com layout não mais frustrante. A fim de manter seus visitantes felizes e se ajustar a sua resolução de tela, três tipos de diferentes soluções de web design vêm à mente: design fluido, design adaptável e design responsivo. Saiba agora a diferença entre os três: Design Fluído Os layouts fluídos utilizam uma porcentagem do espaço em vez de largura fixa, ou seja, eles acompanham o tamanho da tela do dispositivo que você está usando sem mudar a estrutura. O maior problema com design fluido é o fato de que os elementos na página não podem se ajustar em conformidade. Isto significa que quando você mover para um monitor widescreen, a página e seu conteúdo podem parecer esticados. Se mover para uma tela menor como a de um tablet ou um smartphone tudo vai se aglomerar no meio. Isso pode representar alguns pro
Leia mais