CSSTidy

CSSTidy è un parser e ottimizzatore dei CSS; è un open source scritto da Florian Schmitz. Sono disponibili versioni in C e PHP. Il nome deriva dal HTML Tidy…

CSSTidy

CSSTidy è un parser e ottimizzatore dei CSS; è un open source scritto da Florian Schmitz. Sono disponibili versioni in C++ e PHP. Il nome deriva dal HTML Tidy, dal momento che CSSTidy si suppone che sia la sua controparte nel campo dei CSS. CSSTidy è in grado di correggere alcuni errori comuni (come le unità di misura o i punti e virgola mancanti) e riformattare e comprimere il codice CSS.

La versione attuale di CSSTidy è la 1.3. Questa versione è stata osservata ChangeLog (registro delle modifiche) come l'ultima versione; il progetto è stato abbandonato e l'autore è alla ricerca di un nuovo manutentore del progetto.[1]

Se si ottimizza il codice CSS con CSSTidy si avranno pagine di caricamento più veloci e costi di traffico inferiori.

Tuttavia, è stata sviluppata una nuova versione in PHP da parte degli sviluppatori.[2]

Caratteristiche

("a" sta per tutti i selettori, "margin" sta per tutte le proprietà):

  • colori come "black" o rgb (0,0,0) vengono convertiti in # 000000 o piuttosto # 000. Alcuni codici esadecimali vengono sostituiti dai nomi dei colori se sono più brevi.
  • a {proprietà: x; proprietà: y;} diventa una {proprietà: y;} (tutte le proprietà duplicate vengono unite)
  • margin: 1px 1px 1px 1px; diventa margin: 1px;
  • margin: 0px; diventa margin: 0;
  • a {margin-top: 10px; margin-bottom: 10 px; margin-left:: 10px; margin-right: 10px;} diventa {margin: 10px;}
  • margin: 010.0px; diventa margine: 10px;
  • tutti gli spazi non necessari vengono rimossi, a seconda del livello di compressione
  • tutte le proprietà dello sfondo vengono unite
  • tutti i commenti vengono rimossi
  • l'ultimo punto e virgola in ogni blocco può essere rimosso
  • i punti e virgola mancanti vengono aggiunti, le nuove righe errate nelle stringhe vengono corrette, le unità mancanti vengono aggiunte, i colori (e i nomi dei colori) scadenti vengono corretti

Esempio

.foo { color: #ff0000; }
.bar { color: rgba(255, 0, 0, 1); }

/* EQUIVALE A */ 

.bar,.foo{color:red}

Rapporto di compressione

Il rapporto di compressione dipende principalmente dal livello di rimozione degli spazi. Utilizzando la rimozione degli spazi bianchi standard (che preserva la leggibilità) il rapporto di compressione è spesso del 30% e oltre[3].

Note

  1. ^ (EN) https://csstidy.sourceforge.net/changelog.php
  2. ^ (EN) https://github.com/JakubOnderka/CSSTidy
  3. ^ CSSTidy, su csstidy.sourceforge.net. URL consultato il 3 febbraio 2021.

Voci correlate

Collegamenti esterni

  Portale Internet: accedi alle voci di Wikipedia che trattano di internet

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.