Orden de propiedades en CSS II

Agregar a favoritos

18 Comentarios

Posteado hace 803 días en:

No hemos podido encontrar el articulo pero a todos nos suena, al final hemos llegado en los comentarios a un acuerdo y suponemos que la mejor forma de organizar las propiedades CSS es ir desde afuera para adentro.

Comportamiento

  • display
  • overflow
  • clear

Posición

  • position
  • float
  • top

Tamaño

  • height
  • width

Margenes y bordes

  • margin
  • border
  • padding

Texto

  • font
  • text
  • line-height

Fondos y colores

  • background
  • color

No pasa nada si no utilizas ningún orden pero es algo que se agradece cuando el volumen de código aumenta.


Orden de propiedades en CSS

Agregar a favoritos

28 Comentarios

Posteado hace 807 días en:

Ando buscando un articulo que ley hace tiempo sobre el orden de las propiedades en las hojas de estilos, por mucho que pregunto al señor google y a los expertos no doy con el enlace.

Trata de saber el orden adecuado para escribir CSS, no el orden de la hoja de estilos, sino saber si primero ha de ir los margins y padddings, luego las fuentes, los colores, etc..

Os suena?


job2time, gestor de tareas

job2time es un concepto de idea que empece hace tiempo a diseñar, se trata de un gestor de tareas y control de tiempo para proyectos.

Como todo buen concepto se ha quedado en eso, en una idea, así que muestro el diseño por si alguien se anima y quiere que le ceda el interfaz.

job2time

Ver al 100%

Posdata: Vuelvo a la carga! ahora mas social que nunca


Iconos 2.0 PSD

Agregar a favoritos

49 Comentarios

Posteado hace 846 días en:

Después de un largo periodo sin postear (debido a la falta de recursos, no por el tiempo) vuelvo para liberar los iconos que en su día mostré en mi PFC.

Preeparados en formato PSD y con capas separadas para poder cambiar la forma de la chapa.

iconos

Descarga

Buen provecho.

Actualización:

Chema de Robot04 ha modificado un poco los iconos y la verdad es que han quedado de vicio.

Descarga la versión de Chema:

Muchas Gracias :).


Position absolute y relative

Agregar a favoritos

20 Comentarios

Posteado hace 871 días en:

Este tip puede ser una tontería pero es algo que a simple vista no se tiene en cuenta.

Cuando usamos position absolute sabemos que la capa se mueve con las propiedades top,left, right y bottom, pero si la caja contenedora tiene position relative el elemento se mueve en relación al tamaño de la caja y no de la página web.

Lo vemos por ejemplo para redondear capas o añadir sombras.

<div>
    <h3>Hola!</h3>
</div>

div {
position:relative;
}

div h3 {
position:absolute;
top:0;
left:0;
}

La diferencia de usar position relative la puedes ver en este pequeño gráfico.

relative



Anterior 1 ... 2 3 4 5 6 7 8 9 10 ... 57 Siguiente