CSS: un aiuto per tenerli in ordine!

Chiunque abbia mai avuto a che fare con i Fogli di stile (CSS), dovrebbe sapere che la parte più difficile non è certo scriverli (anche se scriverli bene richiede una cerca esperienza), ma tenerli in ordine in modo che, quando dovremo modificarli (..e capiterà spesso, credetemi) non dovremo impazzire per trovare quello che ci serve se non siamo stati particolarmente ordinati (..e chi è alle prime armi non lo è mai ;)

Nasce quindi StyleNeat!

Cosa è esattamente? Nient'altro che un servizio web (free) che di propone di analizzare i nostri css e ordinarli.
Semplice? Si, ma credetemi, una volta che lo avrete provato non ne farete più a meno.. è fantastico!

Non solo si occupa della formattazione, ma anche dell'indentazione del codice, ordina i selettori alfabeticamente (questa è un'opzione, anche perchè non sempre è corretto ordinarli alfabeticamente..).. insomma, provatelo! Logicamente più sono grandi e complessi i vostri css, più vi sarà utile questo tool.

Un semplicissimo esempio, prendiamo queste due dichiarazioni css:

div#titolo{
    font-size: 12px;
    color: #FF0000;
}

div#titolo div.more{
    font-weight: bold;
    font-size: 12px;
    color: #FF0000;
    background-color: #00ff00;
}

..ed ecco come styleneat le restituisce:

div#titolo {
    font-size: 12px;
    color: #FF0000; }
 
    div#titolo div.more {
        font-weight: bold;
        font-size: 12px;
        color: #FF0000;
        background-color: #00ff00; }

Oppure, per chi preferisce lo style inline:

div#titolo { font-size: 12px; color: #FF0000; }
    div#titolo div.more { font-weight: bold; font-size: 12px; color: #FF0000; background-color: #00ff00; }

 

Magari per due dichiarazioni non fà certo miracoli.. ma seavete un css di 300 e passa righe, la cosa cambia ;)

Posted via email from Kgo