EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Сделать основным языком
PF вопросы - Форум

Как избежать распространенных ошибок при программировании стили CSS

CSS программирование
 
Как избежать распространенных ошибок при программировании стили CSS

CSS o Каскадные таблицы стилей (Каскадные таблицы стилей) Это lenguaje de marcas que se usa para representar в внешний вид a página web HTML. Es una herramienta bastante мощный ya que con ella podemos cambiar полностью el diseño de un sitio web.

El lenguaje en sí no es un lenguaje difícil aunque hay que tener presentes varias cuestiones que no nos hagan caer en los errores más comunes cuando realizamos la escritura de cualquier estilo en CSS, además de tener siempre presente la reutilización de cualquier parte de nuestro код.

В no cometer estos errores, как почти все в этой жизни, se consigue a base de experiencia y de encontrarnos una y otra vez con ellos, por lo que vamos a intentar guiaros Зачем, Вход, no os enfrentéis solos a ellos.

 

Советы и уловки, чтобы избежать распространенных ошибок при написании CSS

 

1. Olvidar la compatibilidad con otros navegadores

De todos es conocido que los navegadores web presentan различия entre ellos a la hora de mostrar cualquier página web. Хотя есть стандарты creados para que esto no suceda, Каждый fabricante hace que su navegador funcione como quiere. Они, как правило, соответствуют стандартам, но они также, как правило, оставить их, por lo que es conveniente que los estilos que diseñemos se ajusten en внешний вид для diferentes navegadores, или по крайней мере, в principales.

Как избежать распространенных ошибок при программировании стили CSS - Изображение 1 - Профессор falken.com

Suele ser habitual ver como se realiza el diseño de una web в Firefox o Хром y se olvida el comprobar dicho diseño en Исследователь интернета o Сафари.

Существует multitud de trucos probados que ayudan a que un mismo diseño o estilo sea idéntico В distintos renderizados de los distintos navegadores. Для любого из них, в частности, una simple búsqueda en Internet te puede ayudar.

 

2. Не использовать рамки

Есть много frameworks что мы ayudan В Дизайн из наших веб-сайт. 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 Головные боли головы 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. Не принимать во внимание другие разрешения экрана

Muchos desarrolladores web creen que la mayor parte de las визиты hacia una web provienen de sistemas de escritorio u ordenadores, cuyas resoluciones de pantalla являются Пожилые. Это не верно, Поскольку в настоящее время, la mayor parte de las visitas que recibe una página web son de Мобильные устройства, cuyas resoluciones de pantallas son menores, además de tener tamaños muy diferenciados.

Как избежать распространенных ошибок при программировании стили CSS - Изображение 2 - Профессор falken.com

Когда сделал дизайн веб-сайта, debe tenerse en cuenta esto y hacerla lo más responsiva возможные, т.е., que el sitio web se adapte a la resolución de la pantalla del usuario que visite nuestra página web, Перемещение, mostrando u ocultando elementos, в то же, con el fin de hacer una experiencia de usuario Большинство хороший возможные.

Для этого, 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 и, Поэтому, в experiencia de usuario se verá un poco уменьшилась por esto.

Si la imagen es una textura que está formada por la repetición de un шаблон, lo mejor es crear una imagen de dicho patrón y realizar la repetición del mismo a lo largo de todo el fondo.

Если, С другой стороны, la imagen no puede ser descompuesta, лучшим вариантом является comprimirla lo máximo que podamos, т.е., al punto en el cual a partir del mismo comienza a perder calidad aparente. Для этого, 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

Так же, el uso de demasiados archivos CSS puede hacer que la carga de la página web se vea ralentizada, Поэтому, al igual que en el punto anterior, в experiencia de usuario se verá afectada. Ten en cuenta que por cada archivo, el navegador tendrá que realizar una запрос al servidor en cuestión y después procesarla.

Вместо использования различных CSS файлов, puedes crear un único archivo, o a lo sumo два, en los cuales aúnes todos los estilos del sitio web, haciendo así быстрее la carga de tu página.

 

Estos son algunos de los trucos y consejos que pueden ayudarte a Избегайте que cometas esa serie de ошибки que los desarrolladores novatos e inexpertos en este lenguaje pueden tener, todo ello debido a la inexperiencia. Situaciones a las que en algún momento, nos hemos enfrentado o nos enfrentaremos.

Присоединиться к вам к каналу Телеграмма

Оставьте нам комментарий или ввестиФорум
Поделиться 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

Оставь ответ