Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
keytous

CSS Dica desenvolvimento responsivo melhor linguagem tecnologia

Recommended Posts

Boa tarde galera.

 

Gostaria de saber o que usar para desenvolver uma aplicação responsivo, que rode tanto na web ou em smartphone podendo ser apenas android mesmo, gostaria de saber quais linguagens e tecnologias para desenvolvimento completo, mas lembrando q de forma descomplicada, tudo isso para um cara que sabe apenas o básico de programação e banco de dados.

 

Muito obrigado!

Editado por DiF

Compartilhar este post


Link para o post
Compartilhar em outros sites

@keytous Basicamente não tem muito o que "usar". A responsividade toda está no CSS.. Lá você define as regras com media queries, para cada tipo de resolução... seja notebook, desktop ou smartphone.

 

Você pode usar frameworks que facilitam um pouco como o bootstrap, que possui responsividade no CSS deles.

Ou fazer do zero usando o CSS.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resumindo e somando ao que o Dif falou:

 

CSS Media Queries

 

Permite aplicar diferentes regras CSS, de acordo com alguma condição relacionada a tela do usuário.

 

Unidades de medidas relativas

 

Espera-se que use-se unidades como %, em ou rem. Assim, fazem o valor de propriedades serem flexíveis. Portanto, precisamos dar menos importância a unidades de medidas fixas, como o famoso pixel.

 

Conceito Mobile First

 

media-query-for-mobile-first.png?resize=666,500&quality=100&strip=all

 

Tudo fica muito mais fácil, quando você começa desenvolvendo para dispositivos móveis (telas menores) e vai escalando para telas maiores. Nessa perspectiva, notamos que dispositivos móveis possuem pouco espaço, por isso, se começarmos por eles, vamos somente utilizar e otimizar os componentes essenciais para a solução.

 

No entanto, se começarmos a desenvolver por telas maiores, teremos muito espaço e vamos populando a tela com tudo que quisermos. Nesse sentido, até aí, tudo é uma maravilha. Entretanto, quando vamos começar a adaptar o projeto para as telas menores, vamos ter que pensar muito mais se podemos remover certo componente e como, sem quebrar o layout. Devido a isso, nossa vida começa a ser um inferno.

 

Mídias flexíveis

 

Não é só o layout de seu projeto que deve ser flexível, adaptando-se a todas telas. Assim, temos que aprender a criar mídias que se adaptam, também.

 

Otimização das mídias

 

Se você seguir o passo anterior, vai se deparar com imagens de grandes resoluções sendo encolhidas em telas minúsculas.

 

Problema: o consumo de dados do usuário e tempo de carregamento da página cresce, desnecessariamente.

Solução: apresentar diferentes resoluções, para telas correspondentes.

 

Links úteis

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






Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×