5 Suggerimenti CSS e trucchi che consentono di creare siti web che Roccia

Cascading Style Sheets (CSS) è venuto in essere più di 15 anni fa e radicalmente cambiato il modo in cui i siti web guardavano e si comportavano. Questo linguaggio si è evoluto nel corso degli anni e dei suoi vari aggiornamenti mira a responsabilizzare i progettisti e gli sviluppatori di creare più bello, più funzionale efficiente, e sempre più leggeri siti web. Le cinque punte CSS e suggerimenti seguenti ti aiuteranno a fare la maggior parte di CSS e tutti i suoi aggiornamenti: Hotel • Utilizzare un buon editor. Si può essere un guru di codifica, ma due teste sono sempre meglio di uno. Essere in grado di convalidare e cercare codici, la funzione di completamento automatico, e l'evidenziazione della sintassi non solo velocizzare il lavoro, ma anche impartire una maggiore precisione ai vostri fogli di stile Hotel • Comprimere ove possibile. Utilizzare uno strumento di compressione potente per recidere i byte dal vostro file CSS e JavaScript ove possibile e senza l'eliminazione di qualsiasi contenuto rilevante. Questo garantisce che il sito rimanga leggero e carichi velocemente. Un modo per ridurre byte indesiderati nei file CSS è quello di eliminare i riferimenti duplicati e conflitti. Eliminare i commenti pure. Sebbene i commenti rendono più facile per un'altra persona su cui lavorare o mantenere i file, questi aumentano le dimensioni del file in modo significativo. Invece scrivere i codici e disporli in modo tale che i file siano facilmente comprensibili. In cache anche ogni volta che è possibile per migliorare i tempi di caricamento e preservare la larghezza di banda di visitatori del tuo sito. Migliorati i tempi di caricamento migliorano anche le prospettive di SEO di un sito web e guidare la classifica di Google. È possibile migliorare le prestazioni del tuo sito web utilizzando solo un singolo foglio di stile che riduce drasticamente il numero di richieste HTTP Hotel • Aumentare la leggibilità dei vostri fogli di stile. È possibile farlo in diversi modi. Il modo più semplice è quello di aggiungere spazi bianchi. Anche se questo metodo sarà sicuramente aumentare le dimensioni dei file CSS, si può essere sicuri che la leggibilità migliorerà anche molteplici volte. Assicurarsi di mantenere il layout di codice coerente. Un altro trucco elegante per facilitare la manutenzione del vostro foglio di stile è di farla finita con i codici in linea. Anche tenere i nomi dei file CSS semplice in modo che si conosce da un colpo d'occhio ciò che contiene ogni file Hotel • Disabilita CSS per eseguire il debug. Tutti i browser hanno debugger in-built. Imparare le tasti di scelta rapida per attivare questi strumenti. Ma se non è possibile individuare il problema tecnico, anche dopo un attento esame, assicurarsi di disattivare i CSS o rimuovere tutti gli stili prima di portare di nuovo uno alla volta per simulare il glitch Hotel • Controllare i codici su tutti i principali browser. Questo è probabilmente il più semplice di tutti i suggerimenti CSS e tuttavia, molti programmatori cadere nella trappola di ignorarlo. Non usare un emulatore del browser per controllare. Controlla invece i codici sulla reale del browser o una versione virtualizzata. E ricordatevi di controllare tutti i principali browser —. Firefox, Chrome, Internet Explorer, Opera e Safari
I cinque suggerimenti e trucchi CSS di cui sopra dovrebbero idealmente essere rigorosamente rispettati come le best practice che rendono la vita degli sviluppatori, amministratori di siti web, spider di Google, e visitatori del sito facile. Annotare questi suggerimenti e metterli sulla lavagna di fronte a voi Hotel  !;