CSS: hover. pair efectos orixinais

Radicalmente nova era a idea de dividir a presentación de información a partir do código que creou e procesados. Foi unha forte decisión a tempo, pero esta vez non foi recoñecido, logo totalmente. Cando a programación é separado dun único ordenador, pero non gañou na rede local ou unha única zona de dominio, e inmediatamente se espallar por todo o lugar, pero, a continuación, chegou a ser evidente que a prestación de información (en termos de deseño) e traballar con el (en termos de código) - dous lado no mesmo plano.

Tres facetas da construción de sitio

Dun punto de vista formal, existen tres compoñentes principais (en varias sintaxe formas) que compoñen o sitio web: PHP-código, JavaScript-código e descrición de estilos CSS. Non importa como se usa e que versión dun compoñente particular, que a versión de HTML se usa e que versión do navegador paga a pena. Compatible hoxe non é tido en alta estima, porque, en determinado momento está atrasado: que está codificado e que o que está codificado, pode ser amosado e executado.

Se anteriormente loitou pola idea de linguaxe, agora a loitar en van preferir patróns fabricantes no campo das tecnoloxías de Internet e navegadores.

Público e privado

Os medios polos que o acceso a Internet, unha morea de (ordenadores, portátiles, tablets, smartphones), navegadores, tamén, non faltan. Non hai garantía de que o dispositivo individual mostrará o sitio na forma en que foi creado por un creador. Non sempre acadar a meta último esforzo, e proporcionar un deseño web unificado ten moitas caras, que é a esencia da exhibición unidade, onde queira que pode ser aberto para o visitante.

Compartindo o privado eo público, mediante esta última só o que funciona, pode conseguir un progreso significativo no proxecto. Beleza, momento artístico e deseño web - a herdanza dos expertos e talentos relevantes. CSS - un código, aínda que moi peculiar. A súa preocupación para describir os estilos (Opcións de visualización). Coa chegada dos dispositivos móbiles CSS para cargar o conxunto real de consultas de medios. Así que a opción de re-unión entre deseño e código - non é tan irrealista como podería parecer só uns anos.

O creador dedicada ao desenvolvemento de CSS-estilos con base na súa experiencia persoal e comprobados os deseños CSS que funcionan na maioría dos navegadores satisfacer a maioría dos visitantes. o primeiro e segundo mínimo debería empregar, na medida do posible, a continuación, máis probabilidade de obter un resultado que funciona en case calquera lugar, a calquera hora.

A primeira regra: esperanza defecto, pero tamén aqueles que se axudan

CSS: hover - cando o rato está "Gone" na páxina de entrada. Cando o rato é premendo nun elemento, que se fai activo, pero cando o cursor vai ao lado, pode cambiar de novo, e mostran-se nun estado activo. ": Pase", "activos" e "visitado" - as pseudo clases máis populares na descrición de estilos.

É moi cómodo no seu código local non se preocupe niñada como o movemento do rato sobre os elementos. Introducindo na táboa describindo dúas descricións de estilos:

elemento {

color: black;

}

elemento: hover {

Color: Blanco;

background-color: green;

}

Obter cando pasa o rato sobre o elemento cambia automaticamente a cor do texto do negro ao branco, e cambiar o fondo do elemento a verde. Pseudo pode ser aplicado a calquera elemento e conseguir unha gran variedade de efectos visuais.

A segunda regra: patróns de confianza, é guiado polo seu código

Todo estaría ben se o progreso mantívose en ordenadores e portátiles equipados con armas, e os avances na comunicación móbil non levou ao xurdimento de teléfonos intelixentes, tablets e outros dispositivos móbiles que se conectan un tal dispositivo é moi problemática.

Por outra banda, só equipado cun dispositivo de pantalla táctil especial está dispoñible manipular directamente os dedos sobre a pantalla táctil, como se fixo habitual para smartphones, tablets e dispositivos similares.

Hai unha diferenza significativa e: hover funciona aquí non é como queremos. Ningún código non pode facer, eo uso de consultas de medios non decide a todas as preguntas.

Compatibilidade - moi caro no mundo de hoxe da información, polo tanto, para garantir a funcionalidade adecuada do lugar dentro dos requisitos especificados para deseño web e posta en marcha dun funcional, preferentemente guiada polos mínimos casos de uso necesarios: hover CSS, foco CSS pair, CSS pair activa (visitado) . O código máis (como no navegador e no servidor) monitor web deseño, mellor. O programa - é o control, é mellor cando este control non está á venda nos a mercé das normas actuais, que moitas veces non saben o que esperar.

Botóns e outros elementos da páxina

Botón en foco CSS - unha solución marabillosa, pero a longo prazo, cada elemento da páxina é o "botón". A web debe ser sobre todo a vida e se o código non está construído, a tarefa é crear un sitio web que desenvolve alcance e actúa con base no comportamento visitante adecuada, entón, polo menos a través de CSS-estilos poden dar elementos da páxina vivacidade.

Use pair efectos conveniente. Coa axuda deles, pode facilmente dar o seu páxinas vivacidade, pero o código non sabe o que fai un rato na pantalla, se non é posible rastrexar o seu movemento. Deste punto de vista, é dicir, cando o movemento do rato de control de código (= movemento dun dedo nun smartphone), pode destacar de forma independente un elemento ou convertelo lo. Non ten nada que ver con pseudo-clases, pero permite o control total sobre a páxina aparencia do código, para amosar-la adecuadamente en diferentes dispositivos en diferentes navegadores.

Trampas en follas de estilo

Para dicir que o estándar no campo dos estilos CSS non sei o que están facendo, é imposible, pero para dicir que cooperen plenamente coas outras normas en materia de programación Internet tamén é imposible.

Estilos e pseudo-clases pode ser descrito na fase de codificación da páxina, cando o servidor xera unha páxina e na dinámica xa está dentro do seu navegador, pode facilmente crear un novo estilo e cambiar un existente.

Usando AJAX, cando non hai necesidade de re-xerar a páxina para ver a resposta á acción do visitante, e é suficiente para cambiar un elemento ou varios elementos engade un pouco de "pementa". código "Amizade" - que xa está no navegador (JavaScript) eo feito de que o servidor (PHP) - a herdanza do sitio autor (programador).

Sobre a forma na que o algoritmo desa interacción será executado, depende significativamente non só en exhibición na páxina dos seus elementos, senón tamén a súa percepción de código adicional. Simplificando, o pseudo (en particular) son moi bos para estática, por iates á vela no mar claro cunha lixeira brisa - todo claro, accesible e gerenciável. Se o tempo muda, ou cando o vento é máis forte, ou fará que o visitante nunha situación inesperada, pode rapidamente baixar no arrecife e perder o visitante.

Estándar ea súa emulación

O estilo do CSS foco pode ser emulado vía JavaScript, a través do uso de onmouseover e onmouseout eventos. Moitas veces iso todo remata. Desde o punto de vista do sentido común cando se trata de crear web real de traballo, é mellor para manter o control nas súas mans, que dar-lo a mercé dos patróns míticos que o cambio é a vontade eo desexo de desenvolvemento.

Ás veces pode ler algo así como: "este recurso está dispoñible mesmo no IE», pero máis se pode ler sobre o que estilos son percibidos describir un navegador específico. Moito menos pode aprender sobre como JavaScript é diferente en distintos navegadores.

Avaliando a experiencia, admirando características "Chrome" e "Opera", criticando a lentitude e inercia do navegador do fabricante (da inesquecible, caro ao IE da "Microsoft" calquera programador: "O bo e vello Internet Explorer non maldixo só preguiceiro ou quen no seu ordenador. só sabe xogar "Solitaire", "- citou un Internet autor descoñecido), debe seguir a media de ouro: usar o que funciona en todas as partes e en todo momento.

As persoas precisan de ferramentas para o traballo cando eles precisan para obter emocións, eles adoitan ir a oficina de rexistro ou o teatro, pero non a Internet.

Emulación e Control

Anteriormente, cando a programación está a recibir nos seus pés, era costume escoitar as persoas maiores e escribir correctamente. Tamén hoxe moitos anciáns, moi rapidamente todo está cambiando, e se escoitar o tempo non é suficiente incluso para un traballo moi sinxelo, no lugar funcional mínimo.

Programación - é esencialmente un control, e en caso de que os conxuntos tendenciosas estándar as normas, ou pode esperar un cambio brusco de regras, a súa liquidación eo xurdimento do novo, a mellor solución sempre foi non facer calquera decisións e aplicar a funcionalidade do sitio necesario o menor posible, pero o código realmente traballar .