CSS: Mis manías aplicando estilos

Me he dado cuenta de que tengo muchísimas manías a la hora de trabajar con las css, y cómo me ha hecho gracia, las escribo a continuación para ver si alguien coincide con alguna o para quién quiera tomarlo cómo meme y poner las suyas en su blog ;)

1.- Tengo que poner el estilo en horizontal y en la misma linea, nada de cada estilo en un renglón!

2.- No puede haber separación entre los dos puntos y la siguiente palabra.

3.- Entre las llaves y el texto tiene que haber un espacio de separación (uno solo, no uno, ni ninguno).

.cuadro { width:45%; margin:10px auto; padding:4px 3px; }

4.- Siempre comienzo mis hojas de estilo con las mismas clases/etiquetas.

* {}  <-- estilo general, para todo
body {} <-- estilo para el body
#todo {} <-- div con id 'todo' que contiene todo mi contenido.

5.- Creo clases con el nombre de todos los colores que voy a utilizar en la web.

.azul { color:#0000FF; }
.rojo { color:#FF0000; }

6.- Siempre separo las palabras con guión medio (-) no me gusta el guión bajo nada (_).

7.- Intento poner todas los estilos abreviados lo máximo posible, es decir, en vez de escribir:

img { border-style:solid; border-color:#000000; border-width:1px; }

escribo:

img { border: 1px solid #000; }

Y por último, más que manía es una cosa que me da mucha rabia: Me he encontrado muchas veces hojas de estilo con clases cómo estas:

.estilo, .estilo1, estilo2, estilo3, estilo4 {}
.nombre-de-la-empresa-que-diseña-la-web, .nombre-de-la-empresa-que-diseña-la-web-1 {}

e incluso (esto es 100% verdad):

.meaburro {}
.pasodenombre {}

¡Cuanta inculticia hay en el mundo! xD Con lo bonito que es tener clases que luego nos sean fácilmente reconocibles y válidas para distintos usos…

Y esto es todo! Quién se anime que comente sus manías o usos de las css :)

  • 20 octubre 2008
  • css
  • ,

6 comments on “CSS: Mis manías aplicando estilos”

  1. AzRi3L va, atrevete y dinos tus manías aplicando código.. que se que eres un chico muy “manioso” tu xD

    Bella ya verás cómo las tienes pronto, yo es lo primero que pillé.. jaja
    Oye muy chulo tu blog sobre San Juan (Alicante) lo visitaré de vez en cuando a ver si hay algún evento interesante para ir, ya que me pilla tan cerquita :)

  2. yo también tengo esas manías!, bueno… algunas XD. empiezo….
    1.- Si es más de un estilo lo pongo en cada línea, me parece más fácil a la hora de diseñar, al final comprimo el archivo con YUI COmpressor http://yuilibrary.com/download/#yuicompressor :D
    2.- hahaha tal cual, siento que me da urticaria si hay espacio entre los dos puntos y la siguiente palabra
    3.- espacio entre las llaves y el texto, yo también lo agrego!
    4.- es ya como una costumbre, iniciar siempre con los mismos bloques x)
    7.- Si!! entre más abreviado, mejor!
    8.- Obvio nombres de clases referente a lo que se ocupará, es como una variable en programación, que ponle -Y- y cuando te toque el mantenimiento anda a investigar para que rayos era!!!
    otro detalle en mis css: nada de interlineados en blanco dentro de los bloques o entre bloques.
    Creo que son detalles en los que muchos diseñadores habremos de coincidir! :D

  3. Estoy empezando en esto, aunque sólo he hecho una web, vale por tres, porque la he cambiado tres veces desde creo, y estoy en la cuarta…

    Puede que sea porque estoy empezando, y no quiero perderme en el código, pero yo….

    Meto comentarios por todos lados. Que si /*** hasta aquí las clases***/ /*** con esto se mueven los botones****/ y si meto algún degradado… Ni os cuento, hay más comentarios que líneas de código…

    Eso si, después es muy fácil buscar donde está lo que quiero cambiar :)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *