EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Definir como idioma padrão
Perguntas de PF - Fórum

Como evitar erros comuns quando programação estilos em CSS

Programação de CSS  
 
Como evitar erros comuns quando programação estilos em CSS

CSS o Folhas de estilo em cascata (Folhas de estilo em cascata) é um linguagem de marcação Isso é usado para representam o aparência um Página da web HTML. É uma ferramenta bastante poderosos que com ele podemos mudar completamente o design de um site da web.

A própria linguagem Não é uma língua difícil Embora nós deve estar cientes de várias questões que nos fazem não cair na erros mais comuns Quando fazemos a escrita de qualquer estilo em CSS, Além de ter sempre em mente a reutilização de cualquier parte de nuestro código.

O no cometer estos errores, como quase tudo nessa vida, se consigue a base de experiencia y de encontrarnos una y otra vez con ellos, por lo que vamos a intentar guiaros Para quê, entrada, no os enfrentéis solos a ellos.

 

Dicas e truques para evitar erros comuns ao escrever CSS

 

1. Olvidar la compatibilidad con otros navegadores

De todos es conocido que los navegadores da Web presentan diferenças entre ellos a la hora de mostrar cualquier página web. Apesar de existirem normas creados para que esto no suceda, cada fabricante hace que su navegador funcione como quiere. Eles tendem a estar em conformidade com as normas, Mas eles também tendem a deixá-los, por lo que es conveniente que los estilos que diseñemos se ajusten en aparência para o diferentes navegadores, ou pelo menos, o principales.

Como evitar erros comuns quando programação estilos em CSS - Imagem 1 - Professor-falken.com

Suele ser habitual ver como se realiza el diseño de una web em Firefox o Cromado y se olvida el comprobar dicho diseño en Internet Explorer o Safári.

Existem multitud de trucos probados que ayudan a que un mismo diseño o estilo sea idéntico na distintos renderizados de los distintos navegadores. Para qualquer um deles em particular, una simple búsqueda en Internet te puede ayudar.

 

2. Não use Frameworks

Há uma abundância de frameworks que nós ayudan na projeto de nossa Web site. Son conjuntos de librerías de código ya probadas por miles de personas en todo el mundo y cuyos fallos se han ido solventando versión tras versión, por lo que hacer uso de alguno de ellos nos va a evitar dores de cabeça al realizar cualquier tarea.

Estos frameworks nos ayudan a realizar el diseño de nuestro sitio sin tener que empezar desde cero, con la ayuda de elementos ya creados y a los que solo tenemos que aludir a través de sus clases. Estos diseños ya están muy probados y no suelen tener imcompatibilidades entre los distintos navegadores.

 

3. Não levar em conta outras resoluções de tela

Muchos desarrolladores web creen que la mayor parte de las visitas hacia una web provienen de sistemas de escritorio u ordenadores, cuyas resoluciones de pantalla são mais velhos. Isso não é verdade, Desde atualmente, la mayor parte de las visitas que recibe una página web son de dispositivos móveis, cuyas resoluciones de pantallas son menores, además de tener tamaños muy diferenciados.

Como evitar erros comuns quando programação estilos em CSS - Imagem 2 - Professor-falken.com

Quando o design de um site é feito, debe tenerse en cuenta esto y hacerla lo más responsiva possível, ou seja, que el sitio web se adapte a la resolución de la pantalla del usuario que visite nuestra página web, Realocando, mostrando u ocultando elementos, na mesma, con el fin de hacer una experiencia de usuario mais Bom possível.

Para fazer isso, existen multitud de frameworks que te ayudan a que cualquier diseño que realices lo hagas pensando en otros tamaños de pantalla y no solamente en la de los sistemas de escritorio.

 

4. Uso de imágenes de fondo de gran tamaño

Hay veces en las que se usan imágenes de fondo de gran tamaño en los diseños. Esto hará que la imagen tarde mucho en cargarse e, Por conseguinte, o experiencia de usuario se verá un poco diminuída por esto.

Si la imagen es una textura que está formada por la repetición de un padrão, lo mejor es crear una imagen de dicho patrón y realizar la repetición del mismo a lo largo de todo el fondo.

Se, Por outro lado, la imagen no puede ser descompuesta, a melhor opção é comprimirla lo máximo que podamos, ou seja, al punto en el cual a partir del mismo comienza a perder calidad aparente. Para isso, existen numerosas utilidades online que te realizan la compresión de cualquier imagen al máximo sin perder detalle.

 

5. Utilización de demasiados archivos

Da mesma forma, o uso de demasiados archivos CSS puede hacer que la carga de la página web se vea ralentizada, Então, al igual que en el punto anterior, o experiencia de usuario se verá afectada. Ten en cuenta que por cada archivo, o navegador terá que fazer um solicitação de o servidor em questão e então processá-lo.

Em vez de usar diferentes arquivos CSS, Você pode criar um único arquivo, ou no máximo dois, em que aúnes todos os estilos do site da web, tornando-se mais rápido carregamento de sua página.

 

Estas são algumas das dicas e truques Isso pode ajudá-lo a evitar que fazer esta série de erros de os desenvolvedores novato e inexperiente Esta linguagem pode ter, tudo isso devido à inexperiência. Situações que, em algum momento, Nós enfrentaram ou enfrentarão nos.

Junte-se o canal de Telegrama

Deixe-em um comentário ou entrar para oFórum
Compartilhá-lo Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page
Etiquetas: , , ,

Deixar uma resposta