it.hideout-lastation.com
Analizza i codici di qualsiasi sito Web con CSS Dig Chrome Extension
C'è molto che puoi fare con Chrome DevTools dalla modifica di siti Web in tempo reale allo studio di richieste HTTP dettagliate. Tuttavia, la possibilità di analizzare i pattern CSS non viene eseguita nella console.
Con CSS Dig, puoi analizzare tutti i selettori CSS, la specificità e le proprietà uniche di qualsiasi pagina web direttamente da Chrome. Questa estensione è totalmente gratuita e offre molto potere agli sviluppatori di frontend.
Mentre controlli un foglio di stile otterrai molti dati dal pannello CSS Dig. Può mostrare singoli selettori, inclusi duplicati e livelli di specificità non necessari .
Per iniziare, basta installare il plugin e aprire la finestra della console. Troverete due schede nella finestra CSS Dig: Proprietà e Selettori .
Puoi sfogliare i risultati organizzati per proprietà (colore, bordo, spaziatura) o per selettori (classi, ID). Trovo che la finestra Proprietà sia la più preziosa, in quanto ti consente di studiare quali tipi di carattere e colori stai utilizzando.
Questo strumento funziona su tutta la linea per qualsiasi sito Web, quindi è anche utile per la progettazione inversa di chiunque. Puoi copiare / incollare il CSS direttamente da questa finestra e riutilizzarlo sui tuoi progetti.
Probabilmente il caso d'uso più comune per CSS Dig è quello di eliminare i colori duplicati dalla tavolozza dei colori. Quante sfumature di verde uniche hai veramente bisogno? Oppure, quanti tipi di caratteri sans-serif sono necessari per una pagina?
CSS Dig è incredibilmente semplice, quindi non aspettarti dozzine di funzionalità come con DevTools. Invece, questo plugin è piuttosto orientato verso gli sviluppatori di frontend che controllano i siti per selettori ripetuti o proprietà duplicate.Il codice sorgente del plugin è disponibile gratuitamente su GitHub dove troverai anche tutti gli ultimi aggiornamenti .
Imballaggio ecologico fatto a destra in 20 esempi
Ci sono migliaia di marchi di cosmetici e prodotti di bellezza naturali disponibili sul mercato in questi giorni. I clienti hanno l'imbarazzo della scelta quando si tratta di scegliere il prossimo prodotto da provare nel loro regime di bellezza quotidiano. Per battere la concorrenza soffocante e distinguersi dal resto, molte aziende cosmetiche hanno deciso di tornare alla natura quando si tratta di applicare esercizi di branding per la loro merce
Vantaggi di penna e carta prima di progettare sul computer
Dimmi, quando è stata l'ultima volta che hai scritto usando carta e penna? Non sorprende sapere che raramente li usi, mentre stiamo entrando nell'era digitale quando tecnologie come laptop e tablet sbocciano in tutto il mondo. Tuttavia, il fatto cruciale è che l'utilizzo di carta e penna è decisamente più efficiente rispetto all'utilizzo del computer quando si tratta di disegnare, scrivere, progettare, qualsiasi attività che implichi il brainstorming !È si
