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


Grid.css - Un sistema a griglia minimale per gli sviluppatori Web

I framework di frontend più grandi come Bootstrap hanno le proprie impostazioni di griglia . Ma hanno anche un sacco di bagagli sotto forma di elementi di pagina pre-progettati e componenti JavaScript.

Se stai cercando un sistema di griglie molto più piccolo e snello allora adorerai Grid.css .

Questa libreria open source gratuita viene fornita con il tradizionale sistema a 12 colonne che è possibile strutturare per qualsiasi layout. Il CSS è veramente facile da usare e il file stesso misura solo 560 byte (che è mezzo KB!)

Iniziare è semplicissimo e ti basta un solo file CSS aggiunto alla tua intestazione.

Puoi trovare il link per il download diretto nella homepage di Grid.css o nel repository ufficiale di GitHub. Potresti anche utilizzare la versione CDN non elaborata per incorporare questo file direttamente da GitHub senza ospitarlo da solo.

Ora puoi impostare la struttura della colonna usando qualsiasi elemento tu desideri (div, sezioni, ecc.).

Questo generalmente include un elemento .row (il contenitore) insieme a molti elementi di colonna interni . Le classi di colonne usano i numeri per definire il loro spazio totale all'interno del contenitore, quindi per esempio, .col4 occupa quattro colonne del totale dodici.

Ecco uno snippet di esempio della demo:

Puoi utilizzare qualsiasi combinazione di classi di colonne che ti piacciono, purché aggiungano fino a 12 .

Ciò significa che puoi anche ristrutturare la pagina come vuoi, usando diversi contenitori di righe . Ad esempio, potresti avere un'estensione di grandi dimensioni per l'intestazione, ma utilizzare due diverse impostazioni di riga / colonna per il corpo della pagina.

Naturalmente, questa libreria è al 100% gratuita e open-source, quindi sei libero di apportare modifiche come più ti piace.

Il creatore, Ahmed Tarek, ha realizzato anche Butns, che è una variante dei numerosi kit dell'interfaccia utente. Si abbina bene con Grid.css, quindi sono entrambe librerie eccellenti da raccogliere quando si inizia un nuovo progetto web.

Come creare un browser compatibile con le risorse (utilizzando Opera)

Come creare un browser compatibile con le risorse (utilizzando Opera)

Se disponi di un piano dati internet limitato o di un vecchio PC che non è in grado di gestire le tue esigenze di navigazione, puoi provare a rendere il browser più adatto alle risorse . Ciò significa che è possibile apportare modifiche per rendere il browser utilizza meno risorse .Sto usando il browser Opera per dimostrare come farlo, ma le modifiche qui sotto possono anche essere fatte in altri browser popolari . De

(Consigli tecnici e di design)

29 WordPress Tweaks per migliorare post e pagine

29 WordPress Tweaks per migliorare post e pagine

Amiamo WordPress, ma non tutti sono pronti a sistemarsi con tutte le sue impostazioni e visualizzazioni predefinite, in particolare come vengono visualizzati i post. Come ci viene insegnato che l'unicità è importante per il marchio di un sito Web che dà ai visitatori una grande impressione, in tutti questi anni i blogger e gli sviluppatori si sono sforzati di modificare il display dei post, al fine di renderlo il più unico possibile.Ogg

(Consigli tecnici e di design)