-
cssProperties.txt
Este archivo de texto es el que genera el listado que se despliega al pulsar en la primera columna de las propiedades del selector actual, cada valor irá en una línea sin espacios en blanco, opcionalmente seguido por dos puntos (:) y un identificador de lista de posibles valores definidos en cssLists.txt. Podemos borrar las propiedades que no usemos, por ejemplo si usamos las shorthand de border en vez de border-style, border-width y border-color, podemos borrar estas tres propiedades de cssProperties.txt limitando asi la cantidad de valores que mostramos en el listado. -
cssLists.txt
Algunos valores para propiedades css son listas de las que solo podemos elegir un elemento, por ejemplo para display podemos elegir entre none, box, block, flex etc… o para border-style entre none, hidden, dotted, dashed etc…. Para estos casos podemos crear una variable en el archivo cssLists.txt y vincularla a una propiedad en el archivo cssProperties.txt. El nombre de la variable debe empezar con el prefijo «list» seguido del nombre que queramos, los valores para la lista los pondremos a continuación del signo «:» (dos puntos) e irán separados por el signo «|». por ejemplo, la lista de valores para background-attachment quedaría de la siguiente manera:listBgAttach:scroll|fixed|inherit
. Para vincularla a la propiedad background-attachment en cssProperties.txt pondríamos a continuación del nombre de la propiedad el nombre de la variable de lista separado por dos puntos:background-attachment:listBgAttach
-
cssGroups.txt
En este archivo definimos las relaciones entre propiedades que van a tener el mismo valor, normalmente en propiedades que no siguen el estandar y tienen distintos nombres de propiedad para cada navegador, un ejemplo es border-radius, por compatibilidad tenemos que definirla en nuestra hoja de estilos como border-radius, -moz-border-radius y -webkit-border-radius, las tres con el mismo valor. Para que al modificar uno de los valores se actualice en las otras dos propiedades añadiremos una línea en cssGroups.txt con todos los nombres unidos por el signo «+», en este caso sería:border-radius+-moz-border-radius+-webkit-border-radius
NotePad++ CSSList:
Adaptando cssList a tus necesidades
Para mejorar la productividad al usar cssList para notepad++ es conveniente hacer algunos cambios en los archivos incluidos en el directorio cssList (directorio de plugins de notepad++\cssList)
I did not found the download link. Can you guide me?
Hi Sandeep, you can find the latest released version of cssList in this link http://www.arakne.es/en/programming/csslist-notepad-plugin/, feel free of post errors and sugestions for make the plugin better