Você está aqui: Cards de Ética e Legislação Profissional |
||
|
||
|
|
||
CSS ::: Dicas & Truques ::: Media Queries |
CSS3 - O que são CSS media queries e como usá-las em suas páginas web para criar designs responsivosQuantidade de visualizações: 1887 vezes |
|
Os desenvolvedores web acostumados com o CSS2 com certeza vão se lembrar das media types e como as usávamos, ou ainda usamos, para definir o tipo de mídia para a qual uma determinada folha de estilo será aplicada. Com media types é possível, por exemplo, oferecer estilos diferentes dependendo se o tipo de mídia for all, screen ou print, ou seja, todos os tipos (all), somente tela (screen), ou impressão (print). O CSS3 trouxe ainda mais comodidade por meio das media queries, que, na verdade, são uma extensão das media types. Com as media queries é possível aplicar uma folha de estilo CSS baseado não somente no tipo de mídia, mas também baseado nas características do navegador web, tais como largura e altura do viewport (a área disponível para exibição dos elementos da página web), a largura e altura do dispositivo, sua orientação e resolução, etc. Veja, por exemplo, como podemos aplicar uma imagem de fundo diferente na página HTML dependendo do tamanho da tela: ![]() E aqui o código completo para a página HTML e as definições CSS:
<html>
<head>
<title>Estudando CSS3</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* demais resoluções */
body{
background-image: url("horizontal.jpg");
background-repeat: no-repeat;
}
/* max-width (largura máxima) */
@media screen and (max-width: 600px) {
body{
background-image: url("vertical.jpg");
background-repeat: no-repeat;
}
}
</style>
</head>
<body>
</body>
</html>
Este exemplo é bem simples, mas dará a você uma idéia de como iniciar hoje o mesmo o uso das media queries em CSS. Note que, se a resolução for no máximo 600px, a página terá como fundo a imagem "vertical.jpg". Se a página for aberta em outras resoluções, a imagem de fundo será "horizontal.jpg". Abra o exemplo no seu navegador e experimente redimensionar a janela. Veja como a imagem de fundo é trocada automaticamente ao atingir a resolução que definimos para o atributo max-width da media query. Esta técnica é muito utilizada quando queremos criar uma página web responsiva, ou seja, com design responsivo. |
Java ::: Coleções (Collections) ::: LinkedHashSet |
Como remover itens repetidos de uma ArrayList usando um objeto da classe LinkedHashSet do JavaQuantidade de visualizações: 858 vezes |
|
Em algumas situações nós temos uma ArrayList com algumas repetições e gostaríamos de remover os itens duplicados mas gostaríamos de manter a ordem original dos elementos. Para isso nós podemos usar um objeto da classe LinkedHashSet. Como sabemos, classes que implementam a interface Set possuem a habilidade de recusar itens repetidos. A classe LinkedHashSet, além de recusar duplicidades de valores, mantém a ordem de inserção dos elementos. Veja o código Java completo para o exemplo:
package estudos;
import java.util.ArrayList;
import java.util.LinkedHashSet;
public class Estudos {
public static void main(String[] args) {
// vamos criar uma ArrayList de linguagens de programação
ArrayList<String> lista = new ArrayList<>();
// vamos adicionar alguns elementos no ArrayList. Note
// que temos itens repetidos
lista.add("Java");
lista.add("Scala");
lista.add("Ruby");
lista.add("Scala");
lista.add("Python");
lista.add("Ruby");
lista.add("Delphi");
// vamos mostrar o conteúdo do ArrayList
System.out.println("O conteúdo do ArrayList é: " +
lista.toString());
// vamos criar uma instância da classe LinkedHashSet
LinkedHashSet<String> set = new LinkedHashSet<>(lista);
// agora construímos uma nova ArrayList sem repetições a
// partir do LinkedHashSet
ArrayList<String> lista2 = new ArrayList<>(set);
// e mostramos o resultado
System.out.println("ArrayList sem repetições: " +
lista2.toString());
}
}
Ao executar este código Java nós teremos o seguinte resultado: O conteúdo do ArrayList é: [Java, Scala, Ruby, Scala, Python, Ruby, Delphi] ArrayList sem repetições: [Java, Scala, Ruby, Python, Delphi] Note como a ordem dos elementos no ArrayList original foi respeitada. |
Java ::: Dicas & Truques ::: Strings e Caracteres |
Como transformar um StringBuffer em uma String usando o método toString() da classe StringBufferQuantidade de visualizações: 1 vezes |
|
Como já vimos em dicas anteriores, um objeto da classe String é imutável, ou seja, quando modificamos o conteúdo de uma String, o interpretador cria um novo objeto, copiando o conteúdo da string anterior para o objeto recém-criado. Já a classe StringBuffer é mutável, ou seja, podemos modificar o seu conteúdo sem a necessidade da criação de um novo objeto. Você ficará surpreso ao saber que não podemos atribuir uma variável do tipo StringBuffer em uma variável do tipo String e vice-versa. Ao tentarmos fazer isso, os seguintes erros de compilação são exibidos: a) error: incompatible types: StringBuffer cannot be converted to String b) error: incompatible types: String cannot be converted to StringBuffer Assim, sempre que for necessário converter um StringBuffer em uma String, temos que usar o seu método toString(). Veja:
package arquivodecodigos;
// Este exemplo mostra como converter um
// StringBuffer em uma String
public class Estudos{
public static void main(String[] args){
StringBuffer frase = new StringBuffer("Programação Java");
String resultado = frase.toString();
System.out.println(resultado);
System.exit(0);
}
}
|
C ::: Desafios e Lista de Exercícios Resolvidos ::: C Básico |
Exercício Resolvido de C - Ler três números inteiros e indicar se eles estão em ordem crescente ou decrescenteQuantidade de visualizações: 1539 vezes |
|
Pergunta/Tarefa: Escreva um programa C que pede para o usuário informar três números inteiros e informa se eles estão em ordem crescente ou decrescente. Se os números estiverem em ordem crescente, escreva "Ordem Crescente". Se estiverem em ordem decrescente, escreva "Ordem Decrescente". Do contrário escreva "Sem ordem definida". Sua saída deverá ser parecida com: Primeiro número: 4 Segundo número: 8 Terceiro número: 11 Ordem Crescente Veja a resolução comentada deste exercício em C:
#include <stdio.h>
#include <stdlib.h>
#include <locale.h>
// função principal do programa
int main(int argc, char *argv[]){
// variáveis usadas na resolução do exercício
int a, b, c;
setlocale(LC_ALL,""); // para acentos do português
// vamos pedir para o usuário informar três números
printf("Primeiro número: ");
scanf("%d", &a);
printf("Segundo número: ");
scanf("%d", &b);
printf("Terceiro número: ");
scanf("%d", &c);
// os números estão em ordem crescente?
if (a < b && b < c){
printf("Ordem Crescente");
}
// os números estão em ordem decrescente?
else if (a > b && b > c){
printf("Ordem Decrescente");
}
// sem ordem definida
else{
printf("Sem ordem definida");
}
printf("\n\n");
system("PAUSE");
return 0;
}
|
Ruby ::: Dicas & Truques ::: Strings e Caracteres |
Como converter uma string para letras maiúsculas em Ruby usando as funções upcase e upcase!Quantidade de visualizações: 7375 vezes |
|
Esta dica mostra como converter todos os caracteres de uma string para letras maiúsculas em Ruby. Para isso usaremos a função upcase(). Veja que podemos usar tanto upcase quanto upcase!. A primeira retorna uma nova string, enquanto a segunda opera na string original. Veja o exemplo: # declara e inicializa uma variável string frase = "Gosto muito de Ruby" puts "A frase original é: " + frase # vamos transformar a string toda para # letras maiúsculas. Veja que aqui não estamos # operando na string original frase2 = frase.upcase # exibe o resultado puts "Em letras maiúsculas: " + frase2 Ao executar este código Ruby nós teremos o seguinte resultado: A frase original é: Gosto muito de Ruby Em letras maiúsculas: GOSTO MUITO DE RUBY |
Desafios, Exercícios e Algoritmos Resolvidos de Ruby |
Veja mais Dicas e truques de Ruby |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |






