it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Ispettore CSS dettagliato su ogni sito con CSSPeeper per Chrome

Il normale pannello Chrome DevTools è pazzo potente. Permette a chiunque di approfondire qualsiasi pagina per studiare il layout di un sito, i CSS e persino le intestazioni HTTP, se necessario.

Puoi fare molto con l'ispettore CSS DevTools. Ma non ha un chiaro pannello GUI e questa è una cosa che ogni sviluppatore vorrebbe.

Dai un'occhiata a CSSPeeper, un'estensione gratuita di Chrome che aggiunge questa finestra di ispezione della GUI al tuo browser. Ti consente di studiare le proprietà CSS di qualsiasi elemento in qualsiasi pagina, anche se al momento è solo costruito per Chrome.

Una volta installato, visita una pagina web e fai clic sul pulsante principale dell'estensione nella barra dei componenti aggiuntivi di Chrome. Una nuova finestra di ispezione viene visualizzata nella parte superiore della pagina Web con i dettagli su ciascun elemento principale.

Mentre navighi nel sito, puoi fare clic su qualsiasi elemento che vedi con un contorno tratteggiato. Questo può includere pulsanti, sezioni di pagina, intestazioni, voci di navigazione, il tuo nome.

Da lì avrai un intero ispettore con dettagli sulla tipografia, le scelte di colore e gli stili dei caratteri. È un ottimo modo per richiamare gli stili direttamente da una pagina web senza doverti inserire nel codice CSS.

CSSPeeper ti consente anche di selezionare i colori correlati con un selettore di colori e un generatore di schemi colore integrati . Puoi esportare immagini da pagine, creare le tue combinazioni di colori e applicarle nei tuoi prototipi con Photoshop o Sketch.

Consiglio principalmente questa estensione per i progettisti anziché gli sviluppatori poiché è un plug-in molto più progettista che estrae i CSS grezzi e trasforma il codice in blocchi di dati di facile lettura.

Ma questo plugin può anche aiutare gli sviluppatori! È davvero un potente strumento di ispezione del sito per tutti i tipi di CSS .

Dai un'occhiata alla homepage di CSSPeeper per saperne di più su ciò che può fare. La pagina principale include anche un link allo store di Chrome in modo che tu possa installare l'estensione gratuitamente e portarla a termine per un test.

Come eseguire le app Windows su Android con Wine 3.0

Come eseguire le app Windows su Android con Wine 3.0

Wine è uno dei miei strumenti indispensabili per lavorare su Linux. Se non conosci Wine, è un livello di compatibilità tra Windows e Linux, che colma il divario tra i due e consente alle applicazioni Windows di funzionare su Linux ; quasi magicamente.Mentre Wine è disponibile da molto tempo, ma il suo rilascio del nuovo anno ha portato un importante aggiornamento - il supporto per Android . Ci

(Consigli tecnici e di design)

Vecteezy ha un editor di immagini basato sul browser piuttosto cool ed è gratuito

Vecteezy ha un editor di immagini basato sul browser piuttosto cool ed è gratuito

Non c'è carenza di siti web vettoriali gratuiti per aiutare i progettisti a trovare grafica scalabile di qualità . Ma c'è una risorsa, Vecteezy, che ha appena fatto un ulteriore passo avanti con il proprio strumento di modifica vettoriale nel browser .Con Vecteezy Editor, puoi costruire qualsiasi vettore che desideri direttamente dal tuo browser web e, soprattutto, è completamente gratuito .Non

(Consigli tecnici e di design)