5 strumenti per aiutare a controllare e ottimizzare i tuoi codici CSS

Quando il tuo sito web inizierà a crescere, lo stesso vale per il tuo codice . Man mano che il tuo codice si espande, i CSS potrebbero improvvisamente diventare difficili da mantenere e potresti finire per sovrascrivere una regola CSS con un'altra. Questo complica le cose e probabilmente finirai con un sacco di bug.

Se ti sta succedendo, è tempo per te di controllare il CSS del tuo sito . Il controllo del CSS ti consentirà di identificare parti del tuo CSS che non sono ottimizzate. Puoi anche ridurre il foglio di stile di file eliminando le righe di codice che rallentano le prestazioni del tuo sito.

Qui ci sono 5 buoni strumenti per aiutarti a controllare e ottimizzare i CSS.

1. Tipo-o-matic

Type-o-matic è un plugin Firebug per analizzare i caratteri che vengono utilizzati in un sito web. Questo plugin fornisce un report visivo in una tabella, con le proprietà dei caratteri come la famiglia di caratteri, la dimensione, il peso, il colore e anche il numero di volte in cui il carattere viene utilizzato nella pagina web. Attraverso la tabella dei rapporti, puoi facilmente ottimizzare l'uso dei caratteri, rimuovere ciò che non è necessario o combinare stili troppo simili.

2. Lint CSS

CSS Lint è uno strumento di sfilacciamento che analizza la sintassi CSS in base a parametri specifici relativi a prestazioni, accessibilità e compatibilità del CSS. Sareste sorpresi dai risultati, aspettatevi molti avvertimenti nel vostro CSS. Tuttavia, questi errori alla fine ti aiuteranno a correggere la sintassi CSS e renderla più efficiente. Inoltre, sarai anche uno scrittore CSS migliore.

3. ColorGuard CSS

CSS ColorGuard è uno strumento relativamente nuovo. È costruito come un modulo Node e funziona su tutte le piattaforme: Windows, OS X e Linux. CSS ColorGuard è uno strumento da riga di comando che ti avviserà se stai usando colori simili nel tuo foglio di stile; ad es. #f3f3f3 è abbastanza vicino a #f4f4f4, quindi potresti prendere in considerazione l'unione dei due. CSS ColorGuard è configurabile, è possibile impostare la soglia di similarità e impostare i colori che lo strumento deve ignorare.

4. CSS Dig

CSS Dig è uno script Python e funziona localmente sul tuo computer. CSS Dig eseguirà un esame approfondito nel tuo CSS. Legge e combina le proprietà, ad esempio tutte le dichiarazioni dei colori di sfondo passeranno sotto la sezione di sfondo. In questo modo puoi facilmente prendere decisioni basate sul rapporto quando cerchi di standardizzare la sintassi CSS, ad esempio puoi trovare il colore tra gli stili con la seguente dichiarazione di colore.

 colore: #ccc; colore: #cccccc; colore: #CCC; colore: #CCCCCC; 

Queste dichiarazioni di colore fanno la stessa cosa. Si potrebbe anche andare con il #ccc o con la maiuscola #CCC come standard. CSS Dig può esporre questa ridondanza anche ad altre proprietà CSS e sarai in grado di rendere il tuo codice più coerente.

5. Dust-Me

Dust-Me è un componente aggiuntivo per Firefox e Opera che mostrerà selettori inutilizzati nel tuo foglio di stile. Prenderà tutti i fogli di stile e i selettori che si trovano nel tuo sito web e troverà quali selettori stai effettivamente utilizzando nella pagina web. Questo verrà mostrato in un report, è quindi possibile premere il pulsante Clean e pulirà quei selettori inutilizzati e lo salverà in un nuovo file CSS.

Puoi scaricare questi strumenti dalla pagina Addon di Firefox o dal sito dello sviluppatore, e se sei fan di Opera puoi ottenerlo dalla pagina Galleria di Opera Extensions.

La verità sulla vita come un nomade digitale

Nel corso degli anni, grazie all'avvento della comunicazione online, è emerso un nuovo tipo di professionista del lavoro: il "nomade digitale". I nomadi digitali sono individui la cui routine quotidiana è quella di continuare a muoversi, viaggiare e provare nuove cose .Richiedono solo un laptop e una connessione internet per poter lavorare praticamente da qualsiasi parte del mondo: sulla sabbia di una spiaggia tranquilla in un'isola esotica, da un ristorante ben recensito o persino da una stanza d'albergo a metà del mondo. P

(Consigli tecnici e di design)

Sfondi della Terra che ti affascinano

Lo spazio è qualcosa di meraviglioso, vero? E con la possibilità che il viaggio nello spazio venga reso commerciale in futuro, ci sono varie cose che noi, come esseri umani, possiamo potenzialmente sperimentare e contemplare. Non ci crederesti davvero, ma una delle cose più incredibili che potresti mai vedere è il nostro pianeta Terra . Do

(Consigli tecnici e di design)