Modelli di Flexbox: l'ultima libreria di codici CSS Flexbox

La nuova proprietà CSSbox CSS ha cambiato radicalmente il modo in cui gli sviluppatori creano interfacce. Non più float e hack CSS per allineare perfettamente i layout. Non dovrai più preoccuparti delle tecniche di risposta personalizzate per la gestione di layout a più colonne.

Ma anche se la flexbox risolve molti problemi, è anche complicato da imparare. Per aiutarti a iniziare, c'è una nuova libreria online chiamata Flexbox Patterns che cataloga molti elementi Flexbox in un'unica posizione centrale.

Questa libreria è completamente gratuita e open source su GitHub. Tutti gli esempi possono essere scaricati localmente tramite NPM o GitHub . Ma puoi anche sfogliare gli esempi attraverso il sito web per copiare e incollare i codici secondo necessità.

Ogni modello ha una sua pagina con una breve descrizione e esempi di codice. Puoi letteralmente copiare e incollare i codici nel tuo progetto web esistente, anche se ti consigliamo di imparare un po 'prima su cosa fa il codice e perché lo stai usando.

Prendiamo ad esempio la demo della barra di intestazione del sito usando flexbox per allineare tutti gli elementi in una barra laterale superiore side-by-side.

In genere ciò richiederebbe float e una classe clearfix per ottenere tutto allineato correttamente.

Con flexbox puoi tenere tutto in un unico contenitore usando il display: proprietà flex . In questo modo puoi definire come gli elementi dovrebbero interagire tra loro e come la flexbox dovrebbe operare su schermi più piccoli .

I pattern vengono costantemente aggiornati e la libreria corrente si concentra sugli elementi più comuni come tabulazioni, barre laterali e centraggio verticale / orizzontale.

Se sei nuovo di zecca per la flexbox, controlla i modelli Flexbox. Il sito non ti insegnerà tutte le nozioni di base di flexbox ma offrirà esempi del mondo reale con cui potrai armeggiare per i tuoi progetti web.

9 mercati indie per vendere i tuoi disegni

In questi giorni, è più facile che mai condividere le tue creazioni con il mondo . Ci sono molte aziende là fuori che fanno la loro missione per aiutarti a vendere prodotti digitali di qualsiasi tipo, inclusi musica, video, ebook e disegni al tuo pubblico. Molti di loro faranno in modo che i tuoi prodotti premium ottengano il maggior numero possibile di visualizzazioni dei prodotti, ma in cambio prenderanno un grosso pezzo della tua torta delle entrate.Og

(Consigli tecnici e di design)

Vetrina di Inspiring Arabic Calligraphy Artworks

La calligrafia araba (calligrafia islamica) è un tipo di arte visiva che viene rappresentata nella forma di 28 caratteri arabi derivati ​​dall'alfabeto nabateo aramaico in modo tale da dare un senso di creatività e ispirazione al pari.Col passare del tempo, la calligrafia araba è stata improvvisata dal classico al moderno, che non è solo un rappresentante di successo di certe credenze, ma anche una svolta dell'arte calligrafica nel mondo. Le sce

(Consigli tecnici e di design)