A ideia de dividirapresentação de informações do código que o cria e processa. Foi uma decisão forte em algum momento, mas esse momento não foi totalmente reconhecido então. Quando a programação se separou de um único computador, mas não venceu em uma rede local ou em uma zona de domínio separada, mas imediatamente se espalhou por toda parte, só então se tornou óbvio que a apresentação da informação (em termos de design) e o trabalho com ela (em termos de código) são duas lados em um plano.
Três facetas da construção de sites
Do ponto de vista formal, existem três principaiscomponentes (em diferentes formas sintáticas) que compõem o site: código PHP, código JavaScript e descrições de estilo CSS. Não importa como o componente é nomeado e qual versão é usada, qual versão da marcação HTML é usada e qual versão do navegador é. A compatibilidade não é muito apreciada atualmente, porque a cada momento é relevante: o que está codificado e o que está codificado pode ser exibido e executado.
Se as linguagens anteriores lutavam por ideias, hoje os fabricantes de padrões no campo das tecnologias e navegadores da Internet gostam de lutar de forma vazia.
Pessoal e público
Os meios pelos quais a Internet é acessível,muitos (computadores, laptops, tablets, smartphones), existem muitos navegadores também. Não há garantia de que um único dispositivo exibirá o site na forma em que o desenvolvedor o criou. Nem sempre o esforço desta última atinge o objetivo e confere ao web design uma diversidade única, ou seja, a unidade da exposição da entidade, onde quer que seja aberta ao visitante.
Separando o privado e o público, usandoo último é apenas o que funciona, você pode alcançar um sucesso notável no design. Beleza, dinamismo artístico e web design são os destinos dos respectivos profissionais e talentos. CSS é um código, embora muito peculiar. Seu trabalho é descrever os estilos (opções de exibição de informações). Com o advento dos dispositivos móveis, o CSS foi carregado com codificação real na forma de consultas de mídia. Portanto, a opção de um novo casamento entre design e código não é tão irreal quanto pode parecer apenas alguns anos atrás.
Um desenvolvedor fazendo estilo CSS,conta com sua própria experiência comprovada e as construções CSS que funcionam na maioria dos navegadores satisfazem a maioria dos visitantes do site. Você deve aproveitar ao máximo o primeiro e o mínimo ao segundo, então há muito mais chances de obter um resultado que funciona quase sempre e em qualquer lugar.
Primeira regra: espere pelo padrão, mas não se engane
CSS:pairar é quando o mouse passa sobre um elemento da página. Quando o mouse clica em um elemento, ele se torna ativo, mas quando o cursor se move para o lado, ele pode mudar novamente e se mostrar em um estado ativo. “: Hover”, “ativo” e “visitado” são as pseudoclasses mais comumente usadas ao descrever estilos.
É muito conveniente não se preocupar com ninharias como o movimento do mouse sobre os elementos no código do site. Fornecendo duas descrições na tabela de descrição de estilo:
elemento {
cor preta;
}
elemento: hover {
cor branca;
cor de fundo: verde;
}
Pegue quando você passar o mouse sobre o elementoaltera automaticamente a cor do texto de preto para branco e altera o fundo deste elemento para verde. As pseudoclasses podem ser aplicadas a qualquer elemento e alcançar uma ampla variedade de efeitos visuais.
Segunda regra: confiar nos padrões, guie-se por seu código
Tudo ficaria bem se o progresso permanecesseno nível de computadores e laptops equipados com mouses, e o progresso na comunicação celular não levou ao surgimento de smartphones, tablets e outros dispositivos móveis aos quais é muito problemático conectar tal dispositivo.
Por outro lado, apenas equipadopor meio de gadgets touch screen especiais, é possível manipular os dedos diretamente na tela touch, como já é costume em smartphones, tablets e aparelhos semelhantes.
Há uma diferença significativa e: o hover não funciona como deveria. Você não pode ficar sem código aqui, e usar consultas de mídia não resolve todos os problemas.
A compatibilidade é muito cara emNo mundo da informação moderna, portanto, a fim de garantir a funcionalidade adequada do site dentro dos requisitos estabelecidos para web design e implementação funcional, é preferível focar nos casos de uso mínimos necessários: CSS hover, CSS hover focus, CSS hover ativo (visitado). Quanto mais código (dentro do navegador e no servidor) controlar o design da web, melhor. O programa é o controle, é melhor quando esse controle não está rendido aos padrões atuais, dos quais muitas vezes você não sabe o que esperar.
Botões e outros elementos da página
O CSS do mouse sobre o botão é uma solução maravilhosa, masem geral, cada elemento da página é um "botão". O site deve estar, antes de tudo, ativo, e se isso não estiver incluído no código, se a tarefa for criar um site que se desenvolva adequadamente ao escopo de aplicação e atue levando em consideração o comportamento do visitante, então pelo menos usando estilos CSS você pode dar vivacidade aos elementos da página.
É conveniente usar efeitos de foco. Com a ajuda deles, você pode facilmente dar vida às páginas, mas o código não sabe o que o mouse está fazendo na tela se não há como rastrear seu movimento nele. Deste ponto de vista, ou seja, quando o código controla o movimento do mouse (= o movimento do dedo no smartphone), pode destacar o elemento de forma independente ou transformá-lo. Isso não tem nada a ver com pseudo-classes, mas dá ao código controle total sobre a aparência da página, permite que ela seja exibida adequadamente em diferentes dispositivos em diferentes navegadores.
Armadilhas nas folhas de estilo
Diga que eles são padrão em termos de descrições de estiloCSS não sabe o que está fazendo, mas é impossível afirmar que interage totalmente com outros padrões no campo da programação da Internet.
Estilos e pseudoclasses podem ser descritos na etapacodificando a página, no momento em que o servidor gera a página e em dinâmica: já dentro do navegador, você pode facilmente criar um novo estilo e alterar o existente.
Usando AJAX quando não for necessário novamentegerar uma página para mostrar uma reação à ação de um visitante, basta mudar o seu elemento ou vários elementos adicionar um pouco de "pimenta". A “amizade” dos códigos - o que já está no navegador (JavaScript) e o que está no servidor (PHP) - fica por conta do autor (programador) do site.
De como o algoritmo desteinteração, depende significativamente não só da exibição de seus elementos na página, mas também sua percepção posterior pelo código. Resumindo, as pseudo-classes (em particular) são muito boas para a estática, como para um iate à vela em um mar claro com vento fraco - tudo é óbvio, acessível e controlável. Se o tempo mudar, ou quando o vento ficar mais forte, ou um visitante desencadear uma situação imprevista, você pode correr para o recife e perder o visitante.
Padrão e sua emulação
O hover do estilo CSS pode ser emuladovia JavaScript, usando os eventos onmouseover e onmouseout. Freqüentemente, é aqui que termina. Do ponto de vista do bom senso, quando se trata de criar um site realmente funcional, é melhor manter o controle em suas mãos do que deixá-lo à mercê de padrões míticos que mudam além da vontade e desejo do desenvolvedor.
Às vezes você pode ler algo como “dadoo recurso está disponível até no IE ”, mas com mais freqüência você pode ler sobre quais descrições de estilo são percebidas por este ou aquele navegador. Com muito menos frequência, você pode aprender como o JavaScript difere em certos navegadores.
Apreciando a experiência acumulada, admirandocapacidades de "Chrome" e "Opera", criticando a lentidão e inércia do navegador do fabricante (inesquecível, caro ao coração de todo programador de IE da Microsoft: “O bom e velho Internet Explorer não repreendia apenas os preguiçosos. Ou alguém que só sabe jogar Klondike no computador ”, - citação de um autor desconhecido da Internet), você deve se ater ao meio-termo: use algo que funcione em qualquer lugar e sempre.
As pessoas precisam de dinheiro para trabalhar, quando precisam de uma emoção geralmente vão ao cartório ou ao teatro, mas não à Internet.
Emulação e controle
Anteriormente, quando a programação começoupernas, era costume ouvir os mais velhos e escrever corretamente. Hoje em dia tem muitos idosos, tudo muda muito rápido, e se você ouvir todo mundo, então não dá tempo nem para um trabalho tão simples, para um site minimamente funcional.
A programação é principalmente sobre controle, e emNos casos em que o padrão estabelece as regras de maneira tendenciosa, ou você pode esperar uma mudança brusca na regra, sua eliminação e o surgimento de uma nova, a melhor decisão sempre foi não tomar qualquer decisão, mas implementar a funcionalidade necessária do site com o mínimo possível, mas realmente um código funcional.
