Fanclub Page: R.E.M

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Seletores CSS

Imagem
Após um bom tempo sem postar, volto com um assunto já falado anteriormente: os seletores CSS . Já foi explicado nesse post o que são e para que servem, porém no post de hoje meu objetivo é apresentar formas avançadas, e de certo modo "interessantes", de utilizá-los. Já sabemos que podemos ter uma tag , um ID e uma classe como seletores, agora aprenderemos os tipos de seletores que podemos ter ao utilizá-los em conjunto, que são: Seletor Universal Seletor de Tipo de Elemento Seletor Contextual Seletor de Elementos-filhos Seletor Adjacente Seletor de Classe Seletor de ID Agrupamento de Seletores Seletor de Atributo Pseudo-classes Pseudo-elementos Seletor Universal Este tipo de seletor é de compreensão básica e geralmente utilizado para o que chamamos de Reset de CSS (zerar os estilos pré-definidos pelos browsers), pois ele aplica a(s) mesma(s) regra(s) à todos os elementos HTML, isso mesmo, TODOS. Para criarmos uma regr...
Leia mais

Design Responsivo

Imagem
Olá galerê! Aproveitando que ontem (05/11) foi dia do Designer (Parabéns para mim e para quem trabalha nessa área!!!) e também aproveitando a deixa no post anterior sobre Acessibilidade, hoje falarei sobre Design Responsivo, destacando sua necessidade, características e um breve "tutorial" para tornar um site de design fixo (feito para desktops) em responsivo. So, let's begin! O que é? Há pouco tempo atrás, quando o uso da Internet em dispositivos mobile era pouco ou quase inexistente, era muito comum o desenvolvimento de websites pensando apenas em desktops, com medidas fixas baseadas nas resoluções comuns entre os monitores (800x600 ou 1024x768), porém quando ocorreu o BOOM dos smartphones e consequentemente o aumento de acesso à web proveniente destes, e também o surgimento de uma variedade de resoluções de tela, uma nova forma de layout teve de ser criada. Esta forma é o que chamamos de design responsivo , que não deve ser confundido com design fluído , já explico...
Leia mais

Tutorial CSS

Mais um post de CSS e este tem como objetivo apresentar um simples tutorial para gerar duas versões de uma mesma página HTML: uma para visualização na internet e outra para impressão. Mas antes de começarmos, vejamos alguns conceitos de CSS em várias mídias e os tipos das mesmas, conhecidos como media types : Sabemos que o CSS foi criado para possibilitar-nos determinar como nossas páginas HTML serão apresentadas em diferentes tipos de mídia. Não só apresentar, mas tornar o conteúdo bem apresentado em todas essas mídias. Para isso, basta criar um estilo CSS para cada meio de acesso, que pode ser feito das seguintes formas: - Pelo @import : @import url("caminho_estilo.css") tipo_de_midia (por exemplo print ); - Pelo @media : @media tipo_de_midia; - Pelo atributo media dentro da tag <link>. Obs.: Os dois primeiros métodos devem ser inseridos entre <style> e </style> e são utilizados quando o estilo CSS é importado dentro dessa tag. Agora que sabemos...
Leia mais