Quicksilver: Klar.. Ferdig... Programmér!

 Klar.. Ferdig... Programmér!

QuickSilver er et program som mange Mac-brukere elsker og sverger til. Bruksområdene er svært mange og i dette eksempelet viser jeg hvordan du kan bruke QuickSilver til å hjepe deg i starten av et nytt web-prosjekt.

Når jeg holder på med et web-prosjekt er det endel mapper og filer som går igjen på nesten alle sites. Dette er en struktur på filene som jeg trives med.

Eksempler på dette kan være:

  • .htaccess - for å kontrollere apache-serveren
  • 'ilegg/' - mappe for php-includes
  • 'ilegg/start.php' - som er en php-fil med diverse variabler som skal inn i alle dokumenter på siten
  • 'grafikk/bilder' - mappe for bilder til siten
  • 'grafikk/logo' - mappe for logoer til siten (forskjellige størrelser til ulike formål)
  • 'grafikk/css' - mappe for bilder som blir brukt som bakgrunner ol. i css-filen
  • 'stilsett/' - mappe for css
  • 'stilsett/skjerm.css' - stilsett for skjermvisning
  • 'stilsett/print.css' - stilsett for utskrift
  • 'js/' - mappe for javascript
  • 'js/start.js' - kildefil for eksterne javascript
  • '_arbeidsfiler/' - for arbeidsfiler (.psd, .ai og denslags)
  • 'index.php' - indexfilen som også er en malfil for resten av siten. Denne filen inneholder også include-kommando og javascript-kommandoer som henter inn de to startfilene ovenfor, samt style-tagg med attributt som henviser til de ulike css filene

Dette er jo en hel haug med filer som skal opprettes og kan fort gå litt tid dersom du skal opprette alt dette og skrive all koden for å hente inn de ulike stilsett, php-filer og javascript-kodefiler som skal henge med. Heldigvis kan QS gjøre dette nesten automatisk for meg.

QuickSilver fikser.

Opprett alle disse filene i en mappe du kaller f.eks. 'ny web'. I denne mappen setter du opp alle filene slik du ønsker å ha de, dvs. at index-filen kan ha doctype som validerer den mot xhtml-strict og inkludere start.php/start.js og begge stilsettene.

Stilsettene kan du sette opp slik at alle marger og luft rundt alle objekter er fjernet
* { margin:0;padding:0; } og denslags.

Deretter kopierer du hele denne mappen inn i ~/Library/Application Support/Quicksilver/Templates. Om ikke templates mappen er der, kan du opprette den.

bilde2

Do or Do Not. There is no Try

Deretter er det enkelt i Quicksilver å opprette et nytt webprosjekt i mappen Kunder/Kundenavn ved å gjøre følgende:

  • Åpne Quicksilver (ctrl-space som standard), skriv 'Kunder.
  • QS gir deg da mappen kunder og du kan bla deg nedover til den kunden du skal opprette web for
  • Deretter tab'er du til neste og skriver 'Make New' (eller bare 'mn')
  • QS vil da gi deg en liste over alle filer som ligger i mappen Templates vi lagde tidligere
  • Om du har flere maler i denne mappen, blar du deg nedover til du finner 'Ny web', og trykker 'enter'.

bilde3

Nå har QS opprettet mappen 'untitled.' i den mappen du valgte, og 'untitled.' inneholder alle filene som er i 'ny web'.

Merk: .htaccess er en skjult fil, ettersom den starter med '.', men Quicksilver kopierer den likevel. I bildet over heter filen kun 'htaccess' uten '.' fordi den skal vises på bildet.

Hva heter barnet..?

Det som er flott nå er at QS åpner seg selv igjen, med 'untitled.' valgt som ikon og du kan enkelt tab'e bort til neste vindu i QS og skrive 'rename' og døpe om 'untitled.' til navnet på domenet du jobber med f.eks. 3djegrad.net.

bilde4

Programmér

Mappen 3djegrad.net er opprettet med alle filene du ønsket i mappen Kunder. Ferdig!

bilde5

Noen siste tanker

Utvidelser av denne funksjonen kan være:

  • 'ny web mysql' - mappesett som inneholder php-filer med informasjon du trenger for å koble til databaser,
    og for innloggingssystem
  • 'ny web html' - mappesett som kun er et standard statisk nettsted med kun rene html filer
  • 'ny web xhtml strict' - mappesett som kan være et utgangspunktet for et nettsted som validerer med korrekt Doctype mot XHTML 1.0 Strict
  • 'ny web xhtml trans' - mappesett som kan være et utgangspunktet for et nettsted som validerer med korrekt Doctype mot XHTML 1.0 Transitional

Om filen du renamer til allerede finnes vil QuickSilver ikke gjøre noe, bortsett fra å gi deg en feilmelding neste gang du åpner QuickSilver.

Jeg har også en egen Template som heter 'ny kunde', og den fungerer på akkurat samme måten som ovenfor, men lager en mappe i 'Kunder', som inneholder bl.a. mappene '_logoprofil/' og 'prosjekter/', som brukes til å lagre logomateriell for ny kunde og en egen undermappe for prosjekter. Da kan jeg, om det kommer en ny kunde som skal ha nettside, vha. QS lage en mappe for denne nye kunden med egen mappe for logoer og prosjekter. Ettersom QS viser det siste elementet du brukte, om du ikke venter for lenge, kan jeg dermed åpe QS engang til øyeblikkelig og navigere til 'prosjekter/' og lage en 'ny web' mappe.

Kjapt og gale. Dette tar ikke engang et minutt, og du er sikret lik struktur på alle jobber, og ikke minst. det er superlett å arkivere slike strukturer når du skal ta backup.

Merk: .htaccess er en skjult fil, ettersom den starter med '.', men Quicksilver kopierer den likevel.

G-Macs bilde

G-Mac

Og hvor laster jeg ned herligheten? En link hadde gjort seg bra :)

chris192

Det er en link helt øverst i teksten??

G-Macs bilde

G-Mac

Der ja, så den ikke med en gang.. =)

basushjerne

Elsker dette programmet! Har brukt det i evigheter. Spart masse tid på det;)

  • Skriv ut artikkel
  • Abonner med RSS

Alt om iPad, iPhone og iOS

Nettradio i iTunes

Nettradio i iTunes
130 norske radiokanaler.
Få de mest populære norske, svenske og danske radiokanalene inn i en egen spilleliste i iTunes.
Oppdatert 13. mai