Hva er nytt i kodekit 2

Codekit 2 ble utgitt for noen uker siden, og som forventet er det noen store endringer i denne nye versjonen. For de som nettopp har hørt om det, er Codekit et program som setter sammen en rekke moderne webutviklingsverktøy, inkludert Sass, LESS, Jade, Kit, JavaScript mangler (Uglify.js) og JavaScript- linjer (JSLint og JSHint ).

Med det forfriskende nye brukergrensesnittet og det nye ikonet, inneholder Codekit 2 også en rekke nye funksjoner under hetten. Vi har våre hender på det, og vil vise deg hvordan Codekit 2 kan ha nytte av webutviklingsprosessen, noe som gjør den mer effektiv. La oss sjekke det ut.

Innebygd server

Codekit kan automatisk laste siden på nytt i nettleseren ; så snart du gjør endringer i prosjektfilene dine, vil du umiddelbart se resultatet, og gi deg opplevelsen av liveredigering .

Men det er et problem i Codekit 1 som jeg alltid hadde møtt. Hvis du ikke konfigurerer innstillingene på riktig måte, kan du ende opp med å lage Codekit for å oppdatere siden, inkludert andre sider som ikke er en del av prosjektet ditt.

Dette forstyrrer andre aktiviteter du har kjørt på andre sider, fordi Codekit oppdaterte alle åpne sider .

I versjon 2 løser Codekit dette ved å introdusere en innebygd server . Når du starter det, vil du legge merke til et grønt lys øverst til høyre i programvinduet, som viser at serveren er "på". Klikk på den, og du vil se serverinformasjonen som: Portnummeret, og adressen for å få tilgang til prosjektet ditt via serveren.

Du kan bruke adressen til å få tilgang til prosjektet ditt på en hvilken som helst enhet i samme nettverk. Det er to gitt adresseformater; en med et fint navn og en med nettverks IP-adresseformat, som du kan bruke i enheter (mest sannsynlig Android) som ikke støtter Bonjour.

Så, du må nå betjene sidene dine i nettleseren gjennom denne adressen, slik som det.

Se følgende video for flere detaljer.

Tips: Endre adressen

Nice-name-adresse formatet er hentet fra datamaskinens navn. Så, hvis datamaskinnavnet ditt er "John Doe's Macbook", vil du sannsynligvis få en lang adresse i retur, noe som http://john-doe-macbook.local:5757 . For å endre det, gå til OSX Systemvalg> Deling, og endre deretter datamaskinnavnet til noe kortere.

Bower Components

Den andre funksjonen som vi skal se på er Bower Component. Bower er en pakkeadministrator for webutvikling - det ligner på Homebrew for OSX-pakkebehandling. Det finnes en rekke pakker som du kan finne gjennom Bower-registeret, inkludert Bootstrap, jQuery og Normalize.css.

I Codekit 2 kan du nå installere Bower-pakker direkte gjennom det. Gå til Assets- menyen (plassert på venstre side av Server- menyen). Kodekitforfatteren har oppført noen få utvalgte pakker under fanen Favoritter .

Den komplette listen finner du under kategorien Komponenter, og alle installerte komponenter vil gå i installert fane.

Dette ville være veldig nyttig å starte et nytt prosjekt. Hvis du for eksempel trenger Normalize.css, kan du installere den gjennom Codekit, og deretter importere den ved hjelp av @import-regelen fra stilarkene dine, slik som det.

 @import (inline) "bower_components / normalize-css / normalize.css"; 

Hvis en ny versjon er tilgjengelig for det, kan du bare oppdatere den via Codekit også, slik som.

Zurb Foundation Project

Stiftelsen er en av de mest populære responsive rammene, noe som gjør det til en slags konkurrent for Bootstrap. I kodekit 1 kan du enkelt sette opp et kompass-prosjekt med noen få klikk, men å sette opp et grunnprosjekt kan være litt stresset, da det bruker tilpasset Sass / Compass-binært.

I versjon 2 er det forenklet. Du kan bare gå til File> New Zurb Foundation Project, og du er helt klar.

Endelig tanke

Disse nye funksjonene gjør Codekit 2 til en overlegen applikasjon for webutvikling, og kodekit 1 virker nå utdatert ved sammenligning. Merk at Codekit er en OSX-eneste app . Hvis du kjører på en Windows-maskin, kan du prøve Prepros, som også tilbyr lignende funksjoner (minus Kit-språkstøtten, tror jeg). Alternativt kan du også prøve GruntJS, Prepros eller Koala så lenge de får jobben gjort.

25 tips og triks for å øke hastigheten på Windows 10

Finner du datamaskinen din sakte eller ikke reagerer til tider ? Windows, med hver ny versjon, gir nye funksjoner og oppdateringer som krever flere systemressurser. Dette kan resultere i økt ressursforbruk, noe som resulterer i langsomhet eller manglende respons på systemet.Heldigvis er det mange tips og triks som kan bidra til å minimere unødvendig ressursbruk, noe som gir en fartforsterkning til PCen din. I

(Tekniske og design tips)

Freebie: 15 Valentinsdagsmønstre

Hvis du ikke har fått hinten ennå, er Valentinsdag denne lørdagen. Enten det er for forretninger eller for eget bruk, er det sjansene for at du sannsynligvis trenger noen Valentinsdag inspirerte ressurser. Vel, du har lykke til.Vi har gått sammen med vennene våre på Freepik for å feire Valentinsdagens stil. Alt f

(Tekniske og design tips)