• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
No Result
View All Result

Optimizando las CSS – Parte 2

Diego CambiasoporDiego Cambiaso
06/03/2018
enNoticias
min. lectura2 min
0

Para que nuestras CSSs sean más pequeñas y rápidas de cargar debemos tener en cuenta:

  • cuando un valor es cero no lleva unidades ej.: px, pt, em
  • usa el método abreviado para escribir las propiedades. Con esto podemos por ejemplo, definir en una linea los cuatro márgenes de un página, así evitamos repeticiones de código innecesarias: Reduce tus archivos de CSS con el método corto – minid.net
  • agrupar estilos idénticos ej.: h1, #pie, #cabecera {font-zize:2em;}
  • escribir el código de colores abreviado ej.: #ffffff; como #fff
  • no dejar espacios en blancos innecesarios
  • hacer uso correcto de los comentarios. Usarlos en exceso solo agrega bytes innecesarios que probablemente nadie lea, por otro lado su uso (moderado) puede ayudarnos en su mantenimiento

Lecturas relacionadas:

  • CristaLAB – Optimizando CSS / CSS y PHP
  • VivaPHP! – Optimizando archivos CSS
  • HTML en castellano. CSS nivel 1 html xhtm
  • martinpulido.com – Algunos consejos cuando uses CSS

Herramientas:

EntradasRelacionados

Huawei anunció el Mate X3 la nueva generación de su dispositivo plegable

Xiaomi y su concepto de un smartphone con pantalla cuádruple en forma de cascada

  • CSS Tweak
  • Clean CSS (hablamos en detalle en elpost anterior)

Tags: CSS trucos, CSS consejos, CSS optimizaciones

Tags: CSS

Suscribirse para recibir las últimas actualizaciones de Pixelco.

Cancelar suscripción
Diego Cambiaso

Diego Cambiaso

Desarrollador de software egresado de la Universidad Católica de Argentina y fotógrafo. Blogger desde hace más de 13 años, creador de Pixelco Tech Blog. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Template Vamp – Descubre una plantilla gratuita en HTML5 y CSS3

02/11/2014

Te mostramos una serie de flechas animadas realizadas con CSS3

27/10/2013

jq-tiles: Conoce un plugin para realizar slideshows con CSS3

03/02/2013

CSS3 Generator: Conoce una aplicación web para crear tus propios estilos CSS3

16/12/2012

motorola razr – Experiencia de uso & Tips

https://www.youtube.com/watch?v=C6QnGo-HZw0

Vivo Y50 Review

https://www.youtube.com/watch?v=H2urBEMmHJc&ts

The Sero

https://www.youtube.com/watch?v=Za5_Lbpr5aA

Lenovo Ideapad Gaming 3

https://www.youtube.com/watch?v=y6rJ0R3T-Eg

Ecosistema de Samsung

https://www.youtube.com/watch?v=vmPx0yT1XUk&t=6s

Familia Moto One Fusion

https://www.youtube.com/watch?v=J5eA3d6QEfk

Pixelco Tech Blog

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Sobre Pixelco

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Pixelco Tech Blog

  • Contacto
  • Pixelco
  • Pixelco entradas
  • Política de Privacidad
  • Publicidad
  • Sobre Pixelco
Pixelco Tech Blog - Desde 2006

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.