CSSEdit veiledning: det grunnleggende
CSSEdit er, som navnet antyder, en CSS-redaktør for Mac. Den har kommet på sprang i den nyeste versjonen, og er nå en av de beste appene som er tilgjengelige på Mac for designere. CSSEdit er laget av de store deloperne på MacRabbit, som også er ansvarlig for DeskShade.
En av de sterkeste funksjonene i CSSEdit er det enkle, enkle å navigere og vakre grensesnittet. Selv folk som ikke har erfaring med styling av websider, kan finne veien rundt denne fantastiske appen og lage noen fantastiske websider. I denne opplæringen skal vi se på grensesnittet og hvordan vi kan få mest mulig ut av det.
Utforsk Envato Elements
Hovedvinduet
Hovedvinduet har tre hovedseksjoner, den første delen (til venstre) er stilseksjonen. Her kan du se alle stilene du har brukt på nettstedet ditt. Midtseksjonen er den faktiske redigereren av appen. Her gjør du all koding av css-filen din alle med den stadig nyttige kompletteringsfunksjonen. Den høyre delen er en måte å style siden uten å kode noe overhodet. Du kan skrive inn eller velge med nedtrekksbokser hvordan du ønsker å style et visst element og koden er satt inn for deg. Dette er en flott funksjon for alle som er nye i CSS eller for alle som ikke er sikker på hvordan du kan kode en viss teknikk.
Verktøylinjen
Verktøylinjen til CSSEdit har noen av de beste funksjonene i appen, og brukes derfor ganske mye, spesielt i mer avansert bruk. Vi går gjennom hvert verktøylinjeikon en etter en, og jeg skal forklare hva hver enkelt gjør.
Langs venstre side av verktøylinjen er det 5 verktøy, det første er den nye stilfunksjonen, dette lar deg legge til en ny stil til stilarket ditt ganske enkelt. Den andre lar deg gruppere visse stiler sammen i en mappe for å gjøre dem lettere å navigere gjennom. Den tredje er en enkel måte å legge til en kommentar i stilarket ditt uten å måtte kode den for hånd. Det fjerde er en mer avansert måte å style elementer på, den lar deg style et bestemt element uansett hvor det vises i stilarket ditt. Med disse fire funksjonene er det ingen koding nødvendig, CSSEdit gjør alt for deg. Den femte funksjonen er en enkel søkefunksjon, nyttig hvis du har et veldig stort stilark.
Den høyre siden av verktøylinjen inneholder noen av de mer avanserte funksjonene i CSSEdit. Den første lar deg sette inn en lenke til stilarket i en HTML-fil, dette tilordner HTML-filen CSS-filen til å style den. Det andre er en måte å forhåndsvise websiden din uten å måtte åpne en ekstern nettleser. Den tredje heter Milepæler, det er en måte å lagre din nåværende fremgang i stilarket, slik at du kan vende tilbake hvis det blir gjort en feil. Den fjerde er en måte å validere CSS på, og det endelige ikonet lar deg endre hvilke tre kolonner i hovedgrensesnittet du kan se, noe som betyr at hvis du ikke kan kode, kan du bare redigere CSS uten koding.
Hvis du ikke har denne appen, foreslår jeg som nettutvikler på alvor å lese mer på MacRabbit. Det er virkelig det ultimate innen stilark.
