5 CSS Vinkkejä ja vihjeitä avulla voit luoda sivustot, että Rock

CSS (CSS) syntyi yli 15 vuotta sitten ja perusteellisesti muuttanut tapaa sivustot näytti ja käyttäytyi. Tämä kieli on kehittynyt vuosien mittaan ja sen eri päivitykset pyritään valtuuttaa suunnittelijat ja kehittäjät voivat rakentaa kauniimpi, enemmän toiminnallisesti tehokas, ja yhä kevyt sivustot. Seuraavat viisi CSS vinkkejä auttaa sinua tekemään suurimman osan CSS ja kaikki sen päivitykset:
• Käytä hyvä editori. Saatat olla koodaus guru, mutta kaksi päätä on aina parempi kuin yksi. Mahdollisuus vahvistaa ja etsiä koodeja, automaattinen täydennys ominaisuus, ja syntaksin ei vain nopeuttaa työtä, mutta myös antaa enemmän tarkkuutta sinun stylesheets.
&Bull; Pakkaa mahdollisuuksien. Käytä voimakas puristus työkalu katkaista tavua CSS ja JavaScript-tiedostot mahdollisuuksien ja poistamatta olennaista sisältöä. Näin varmistetaan, että sivustosi pysyy kevyt ja lataa nopeasti. Yksi tapa vähentää ei-toivottuja tavua CSS-tiedostojen on poistaa päällekkäisiä viittauksia ja konflikteja. Poista kommentit samoin. Vaikka kommentit helpottaa toisen henkilön työtä tai säilyttää tiedostoja, nämä kasvattaa tiedoston kokoa huomattavasti. Sen sijaan kirjoita tunnuksia ja järjestää ne niin, että tiedostot ovat helposti ymmärrettäviä. Myös välimuistiin aina kun voit parantaa latausaikoja ja säilyttää kaistanleveys sivuston kävijät. Parannettu latausajat myös parantaa SEO mahdollisuuksia sivuston ja ajaa sen ylös Google riveissä. Voit parantaa suorituskykyä sivuston käyttämällä vain yhden tyylitiedoston joka viiltää määrä HTTP-pyyntöjen.
&Bull; Lisätä luettavuutta tyylitaulukkoja. Voit tehdä tämän monin tavoin. Helpoin tapa on lisätä välilyöntejä. Vaikka tämä menetelmä varmasti kasvaa kokoa CSS-tiedostoja, voit olla varma, että luettavuutta parantaa myös moninaiset kertaa. Varmista, että pidät koodin asettelu johdonmukainen. Toinen näppärä temppu helpottaa ylläpitoa tyylitaulukko on päästä eroon inline koodit. Pidä myös CSS-tiedostojen nimet yksinkertainen, jotta tiedät mistä silmäyksellä mitä kukin tiedosto sisältää.
&Bull; Poista CSS debug. Kaikki selaimet ovat sisäänrakennettu debuggers. Opi pikanäppäimiä aktivoida näitä työkaluja. Mutta jos et voi bongata häiriö vielä huolellisen valvonnan, varmista, että poistat CSS tai poistaa kaikki tyylit ennen tuo ne takaisin yksi kerrallaan simuloida häiriö.
&Bull; Tarkista koodilla kaikissa suurimmissa selaimissa. Tämä on luultavasti yksinkertaisin kaikkien CSS vinkkejä ja vielä, monet ohjelmoijat ansaan piittaamatta siitä. Älä käytä selaimen emulaattori tarkistaa. Sen sijaan tarkistaa koodit todellisesta selaimen tai virtualisoitu painos. Ja muista tarkistaa kaikkien tärkeimpien selaimet – Firefox, Chrome, Internet Explorer, Opera ja Safari.
Edellä mainitut viisi CSS vinkkejä olisi parasta tiukasti kiinni kuin parhaita käytäntöjä, jotka tekevät elämää kehittäjät, verkkosivusto ylläpitäjät, Google hämähäkkejä, ja sivuston kävijät helposti. Kirjoita näitä vinkkejä ja laittaa niitä taululle edessäsi!
.