Tirsdag, d. 7. juni, 2011 - 19 kommentarer

Værktøjer jeg bruger i min dagligdag som webdesigner

På opfordring, men af frygt for at modsige mig selv (du ved snakken om lister), vil jeg hive de gode værktøjer frem, som hjælper mig til dagligt i mit arbejde med webdesign.

Jeg sætter altid pris på et godt værktøj, der ikke blot gør livet nemmere, men samtidig også kan være med til at levere et bedre stykke arbejde.

Hvad bruger du af værktøjer?

Indholdsfortegnelse

  1. Fra idé til løsning
  2. Grids skaber orden i kaos
  3. Kunden, webdesign og feedback
  4. Fra webdesign til kode
  5. Konklusion
  6. Deltag i debatten

Fra idé til løsning

Det kan være svært at starte med en blank canvas i Photoshop, så derfor har jeg også et par hjælpemidler lige ved hånden.

Grids skaber orden i kaos

Bag godt webdesign ligger struktur og orden. Et skjult lag, som brugeren aldrig ser, men som webdesigneren ser og håndterer uden tøven.

Der findes et utal af værktøjer derude, men det at arbejde med grids er ikke en ensformet process. Grids varierere fra webdesign til webdesign, fra opgave til opgave.

Grids tager tid at lære at arbejde med. Du må ikke blive for slavisk i din tilgang. Det er tilladt at bryde rammerne, men selvfølgelig bevidst.

Kunden, webdesign og feedback

Fra webdesign til kode

Vi skal ikke til at gentage diskutionen om webdesignere skal kunne kode eller ej – men det er selvfølgelig en fordel, hvis de kan.

Jeg hører til de webdesignere, der kan kode mine egne webdesign, og til dette har jeg selvfølgelig nogle foretrukne programmer til.

Konklusion

Jeg må hellere beklage med det samme, fordi jeg har lavet en liste. Men hey, I don’t care!

Alle de nævnte værktøj bruger jeg faktisk hver dag eller i stor udstrækning på ugentlig basis. Jeg kunne snildt have lavet en liste, der var 10 gange så lang, men hvad skal vi med det? Ikke en skid.

Ud over de nævnte værktøj, så bruger jeg mange flere, men har prøvet at sætte fokus på de måske mindre kendte af slagsen. Jeg bruger også Evernote, Wunderlist, Photoshop, AlfredAdium, Tweetdeck, Reeder, Instapaper, Iconfinder, Dropbox og mange mange flere.

Måske I har andre fede værktøjer at tilføje?

Skriv en kommentar

Relaterede blogindlæg

  1. Sådan bliver du en bedre webdesigner – del 3
  2. Sådan bliver du en bedre webdesigner – del 1
  3. Fordele, ulemper og gode ressourcer til CSS Sprites
  4. CSS Sprites – Hvad er det? Og hvordan benytter jeg dem?
  5. Anmeldelse: CSS3 for Web Designers af Dan Cederholm
  1. Michael Brydebøl - På Twitter

    Hej Michael

    Super fin liste. Sidder selv på en mac og bruger stort set samme programmer som dig hver dag.

    I stedet for Espresso bruger jeg Coda fra Panic (http://www.panic.com/coda/).

    Et fint værktøj til at snappe de fede websites, kunne være Littlesnapper (http://www.realmacsoftware.com/littlesnapper/) som også kan synce med ens Flickr konto.

    Er også stødt på at skulle tage et dump af en hel side m. scroll, hvor jeg har brugt Paparazzi! (http://derailer.org/paparazzi/)

    Til Twitter bruger jeg Twitters egen app.

    Til at samle artikler bruger jeg Read it later (http://readitlaterlist.com/)

    Elsker de online services/apps, hvor man kan få en app til sin iPhone, så man også nemt kan bruge dem på farten :)

    De bedste hilsner
    Michael Brydebøl

  2. Simon - På Twitter

    Rigtig god blog post, har kigget lidt på Prevue.it men der skal man vidst inviteres ind :/.

    jeg har nemlig os det problem med at når jeg sender .jpg filer til kunderne og de så åbner det så er billedet ikke altid i fuld størrelse så de 100% kan se hvordan det vil se ud, og så skal man jo bruge lidt tid på at guide dem hvordan de kan se det i fuld størrelse :)

  3. Michael Østergaard - På Twitter

    Mange tak for dine input, Michael B. :)

    Jeg sætter også stor pris på, når man kan tilgå sine services via en app eller på anden vis deres api.

    Simon, har netop smidt dig en invite på din hotmail :)

  4. Michael Brydebøl - På Twitter

    Er det muligt, at du kan sende en invite til mig også? :)

  5. Martin Nielsen - På Twitter

    Altid dejligt at se når folk deler deres værktøjskasse… Min er:

    - Dreamweaver (codeview og pga file manager) eller ultraedit (super editor, findes også til mac)
    - Twitter (via tweetdeck)
    - php.net (dokumentation)
    - total commander
    - sqlyog
    - firefox med firebug/web developer toolbar
    - putty (ssh klient)

    Det er nok min primære værktøjskasse, kræver ikke så meget at udvikle, men så er der jo alle de små ved siden af fx grooveshark, libreOffice, evernote, dropbox osv

  6. Michael Østergaard - På Twitter

    Så har jeg sendt dig en invite, Michael B.

    Det var så lidt Martin, din værktøjskasse oser af en rigtig Windowsnørd (men det vidste jeg jo godt) ;)

  7. Michael Brydebøl - På Twitter

    Mange tak Michael

    @Martin: ja, vi har da helt glemt browserne, som trods alt er et af de vigtigste værktøjer, men det er vel næsten en selvfølge ved webudvikling ;)

    Nogen som har hørt om Webian Shell fra Mozilla?
    http://mzl.la/mtJroZ

  8. Michael Østergaard - På Twitter

    Det var så lidt, Michael B.

    Afprøvede Webian tidligere i dag. Ideen virker okay, men droppede den hurtigt, da ingen af de sædvanlige browsergenveje er understøttet.

    Ellers synes jeg ideen minder meget om Googles med Chrome OS, der i bund og grund blot bygger på en browser.

  9. Potter - På Twitter

    Oooohhh – jeg elsker tools. Det var det der fik mig til at blogge i første omgang.

    Her er de tools jeg bruger: http://www.flickr.com/photos/ibpotter/4169282000/#/ – Bid mærke i at alle tools har links på sig….

    Måske jeg snart skulle lave mig en ny… den har lidt tid på bagen.

    Potter

  10. Lars Rasmussen - På Twitter

    Fedt :-) Altid dejligt med nye ting til værktøjskassen man kan lege med!

    Nu er min værktøjskasse godt nok mere ‘kode’-inspireret, men her kommer den da alligevel ;-)

    - Springloops (Genialt til små-projekter, især Web)
    - NetBeans (Favorit IDE til Java/IDE)
    - DropBox (Hvem kan leve uden? ;-) )
    - iTunes (Jeps – med god musik i ørene går det nemmere!)
    - Google Chrome Developer Tools

    Og selvfølgelig mange andre – det er dog lige de få, jeg bruger mest :-)

  11. Lars Rasmussen - På Twitter

    Forresten – hvis der er nogen, som vil smide en invite til Prevue.it, så ville jeg være meget taknemmelig! :-)

  12. Michael Østergaard - På Twitter

    Nu virker min liste pludselig så kedelig (rent visuelt), Potter.

    Lars, jeg har sendt dig en invite. Springsloops sder interessant ud (også websitet i sig selv).

  13. Kent Medom - På Twitter

    Lækker liste!
    Godt tip med baseline grid’et, det skal nok blive brugt. Er der flere invites til Prevue.it?

    Jeg sidder selv på PC og bruger lidt andre tools. Bl.a. kan jeg nævne Notepad++ som er en fed simpel editor jeg bruger til næsten alt.

    Firebug og Web developer plugins til Firefox er også noget der er svært at undvære.

    Herudover skal nævnes 960 gridsystem (960.gs) og reset.css (http://developer.yahoo.com/yui/reset/)der giver en god bund til css kodning på tværs af browserne.

  14. Michael Østergaard - På Twitter

    Hej Kent, det kan du tro. Har netop sendt dig en invite til Prevue.it. Mange tak for din input :)

  15. Michael Østergaard - På Twitter

    Her er et andet værktøj i stil med Preveu.it – Det er også gratis og kræver ikke en invite.

    http://cageapp.com

    Men aspektet i scroll mangler, som jeg vil mene er uundværlig.

  16. Rasmus Henriksen - På Twitter

    Hej Michael

    Fin artikel – dejligt at se hvad andre bruger – jeg kunne godt tænke mig at kigge mere på preveu.it – kan jeg få dig til at sende mig et invite? :) rasmus at rhfreelance dk

    Venligst
    Rasmus

  17. Michael Østergaard - På Twitter

    Tak skal du have, Rasmus.

    Et styk invite er sendt til dig :)

  18. Rasmus Henriksen - På Twitter

    Tusinde tak – men den er desværre ikke landet endnu.