CSS o Fogli di stile CSS (Fogli di stile CSS) è un linguaggio di markup utilizzato per la rappresentano il aspetto un Pagina web HTML. È uno strumento abbastanza potente che con esso possiamo cambiare completamente il design di un sito web.

Il linguaggio stesso non è una lingua difficile Anche se dobbiamo essere consapevoli di alcuni problemi che non ci non caduta nella errori più comuni Quando facciamo la scrittura di qualsiasi stile in CSS, Oltre a tenere sempre a mente il riutilizzo di qualsiasi parte del nostro codice.

Il non fare questi errori, come quasi tutto in questa vita, è raggiunto sulla base dell'esperienza e trovarci nuovamente con loro, così cerchiamo di guidarvi Per cosa, ingresso, non ti enfrentéis da solo a loro.

Consigli e trucchi per evitare errori comuni durante la scrittura di CSS

1. Dimenticare la compatibilità con altri browser

Tutti sanno che il browser Web presente differenze tra di loro quando si tratta di visualizzare qualsiasi pagina web. Anche se ci sono standard creato per rendere questo non accada, ogni Produttore fa funzionare il browser come si desidera. Essi tendono ad essere conformi agli standard, ma tendono anche a lasciarli, quindi è opportuno che il stili Noi di progettare in forma in aspetto per la diversi browser, o almeno, il principale.

Al solito per vedere come è fatto il un web design in Firefox o Bicromato di potassio ed è dimenticate Verifica che il design in Internet Explorer o Safari.

Ci sono moltitudine di trucchi dimostrato di contribuire a rendere lo stesso stile o design identiche Nel diversi rendering diversi browser. Per nessuno di essi in particolare, un semplice Cerca in Internet Si può aiutare.

2. Non utilizzare quadri

Ci sono un sacco di quadri che abbiamo Guida Nel progettazione del nostro sito Web. Sono insiemi di librerie di codice testato da migliaia di persone in tutto il mondo e gli errori di cui saranno stato risoluzione versione dopo versione, quindi fare uso di uno qualsiasi di loro andando a evitare mal di testa per eseguire qualsiasi attività.

Questi framework aiutano a rendere il nostro sito design senza dover ricominciare da zero, con l'aiuto di elementi già creati e coloro che hanno solo per fare riferimento a attraverso di loro classi. Questi disegni sono già molto collaudati e Essi tendono a non avere imcompatibilidades tra i vari browser.

3. Non prendere in considerazione altre risoluzioni dello schermo

Molti sviluppatori web credono che è la maggior parte della visite verso un web provengono da sistemi desktop computer di u, cui risoluzioni dello schermo sono più vecchi. Questo non è vero, Poiché attualmente, la maggior parte delle visite che riceve una pagina web sono di dispositivi mobili, cui risoluzioni dello schermo sono minori, Oltre ad avere dimensioni variabili.

Quando viene effettuata la progettazione di un sito Web, Esso deve essere preso in considerazione questo e renderlo più reattivo possibile, vale a dire, che il sito è adattato alla risoluzione dello schermo degli utenti che visitano il nostro sito web, trasferirsi, per mostrare o nascondere elementi, nello stesso, al fine di rendere un esperienza utente più buona possibile.

Per fare questo, Ci sono un sacco di quadri che aiuterà a qualsiasi disegno che fate farlo pensando altre dimensioni di schermo e non solo in sistemi desktop.

4. Utilizzo di immagini di sfondo di grandi dimensioni

Ci sono momenti in cui sono utilizzati immagini di sfondo di grandi dimensioni nei disegni. Questo renderà l'immagine prendere tempo per caricare e, Pertanto, il esperienza utente sarà un po' diminuita per questo motivo.

Se l'immagine è un tessuto che è formato dalla ripetizione di un modello, cosa migliore da fare è creare un'immagine del modello e fare il ripetizione lo stesso durante tutti i retroscena.

Se, D'altro canto, l'immagine Non può essere decomposto, l'opzione migliore è comprimerlo il massimo che possiamo, vale a dire, il punto in cui da esso inizia a perdere qualità apparente. Per questo, Ci sono numerose utilità online Ti ha fatto qualsiasi immagine alla massima compressione senza perdita di dettaglio.

5. Utilizzo di troppi file

Allo stesso modo, l'uso di troppi file CSS Si può fare il caricamento della pagina web Vedi più lento, così, come al punto precedente, il esperienza utente essere colpiti. Siete pregati di notare che per ogni file, il browser dovrà fare un richiesta il server in questione e poi elaborarlo.

Invece di utilizzare diversi file CSS, È possibile creare un singolo file, o al massimo due, in cui aúnes tutti gli stili del sito web, rendendo così più veloce caricamento della tua pagina.

Queste sono le alcuni dei suggerimenti e trucchi che può aiutare a evitare che fanno di questa serie di Errori gli sviluppatori principianti e inesperti Questa lingua può avere, tutto questo a causa di inesperienza. Situazioni che qualche volta, Abbiamo affrontato o dovremo affrontare ci.