Tag Webdesign

Entries 9 Total

Webdesigners Toolbox

02.12.08 8:42 AM


I går – sammen med de gode folk fra 46hblog.dk, udfærdigede vi en liste over webdesignerens uundværlige værktøjer. Hvor pris ikke er anført er det GRATIS! Here goes:

HTML-Editorer & Designprogrammer:

Layout:

FTP:

Hosting:

  • Dreamhost.com (fra 6 usd om måneden)
  • MAMP – så du kan køre PHP og MySQL lokalt (Mac)
  • WAMP – så du kan køre PHP og MySQL lokalt (Windows)

Grafik-programmer:

Screendump-software

Debugging:

SEO og Google

Statistik:

Open Source systemer:

RSS-læsere:

Flex:

Hardware:

Diverse:

For et totalt beløb på ca. 39.000.- er du kørende (skal man starte som blikkenslager, skal man af med minimum 600.000.- for at komme i gang). Finansier det igennem julens ønskeliste eller sus ned i banken og få et lån! Har jeg glemt noget? Skriv det i kommentarerne.

Comments (9)

Nyt yndlingsdesign/minimalistisk perle

08.09.08 9:08 PM

Comments (0)

Empatisk webdesign

20.08.08 7:24 AM
  • En webdesigners vigtigste egenskab er empati overfor brugeren
  • Det er hårdt at være webdesigner

- mener Jeffrey Zeldman, godt refereret af Jeremy Keith. Inkluderer tolv tips til empatisk webdesign.

Comments (0)

Doodlekit – geocities go home

06.12.07 8:53 PM

Doodlekit er den mest vanvittigt effektive online hjemmesidebygger jeg nogensinde har set. Jeg mener, virkelig. Der er simpelthen det hele: intuitiv hjemmesidebygger, blogmodul, forum, betalingsløsning, fotogalleri, avanceret css-redigering, hosting på eget domæne, formularbygger, adsense, SEO-værktøjer. Wow.

Kan ikke rigtig formulere hvorfor jeg ikke kunne finde på at bruge det til egne sites, men hvis jeg skulle søsætte en hjemmeside for min fiktive onkels tømrerfirma (med 20 fiktive ansatte), og som det var meningen de selv skulle opdatere, ville jeg ikke tøve et sekund. Dyreste løsning koster 50 USD om måneden (ca. 250.-).



Techcrunch skriver om doodlekit her.

Comments (0)

Hvad er webdesign?

21.11.07 7:43 AM

Jeffrey Zeldman:

Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.

Min oversættelse:

Webdesign er skabelsen af digitale miljøer, der fremmer menneskelig aktivitet og opmuntrer til den; der afspejler – eller tilpasser sig til – personlige stemmer og personligt indhold; der let og elegant formår at ændre sig over tid, samtidig med at de bevarer deres identitet.

Ud fra den definition, burde du selv kunne konkludere hvad formålet med et webdesign ikke er. Samt forstå den styrke, handlekraft og frihed der ligger i at omfavne mediets begrænsninger. Og omvendt, hvor dyrt det risikerer at blive, hvis du tror at webdesign handler om noget som helst andet.

I den optik, og for at ekko’e Jeffrey Zeldman, er Douglas Bowmans “minima” udtryk for rigtig god webdesign.

Comments (0)

Grid design – tilbage på skolebænken

30.10.07 10:42 AM

Update: Faldt lige over en artikel, der gør det hele meget værre, for når vi taler om design, kan vi mene op til ti forskellige ting.

Jeg synes webdesign er pokkers svært. Udover den rene kompleksitet i miljøet, bestående af følgende:

Skærme:

  • Computerskærme (fra 800*600 til 1680*1050)
  • Skærme på mobile enheder (PDA’er, mobiltelefoner og snart iPhonen’s)

Browsere:

  • IE 6 & 7
  • Safari
  • Firefox
  • Symbian mobil-browsere og Opera mobil-browsere

Forbindelser (har indflydelse på hvilken type indhold der kan afvikles):

  • Fra 100mbit og nedad

Antallet af dokumenttyper:

  • Tekst
  • Billeder
  • Video
  • Lyd
  • Andre typer embedded indhold (ku’ være pdf’er, word-dokumenter osv)

Disse skal integreres på en skalérbar, dynamisk måde samtidig med at de skal have hver deres håndtag (permalink).

Det skal udtrykkes æstetisk, flyde harmonisk på en grafisk vision, formidles i en stemning, i overensstemmelse med kundens brand (-> designeren).

Endelig skal der være plads til alle i designet:

  • Mange forskellige typer afsendere (profiler)
  • Brugerne, der skal kunne kommentere, bidrage med deres indhold osv.
  • Indhold fra andre kilder

Og så skal så meget som muligt kunne samles op af søgemaskiner og bookmarktjenester, så det altsammen bliver distribueret så effektivt som muligt. Og det skal kunne opgraderes jævnligt, så det kan tilpasse nye standarder i sig. Og det skal altid være færdigt ASAP.

Det er til at få hovedpine af.

Selvfølgelig er meget givet på forhånd, især hvis man bruger open source systemer (som f.eks. WordPress og Drupal).

Men: Ingen er jo interesseret i default-produkter/standard-temaer, så selvom man kan få al funktionalitet foræret, skal man i gang med at tilpasse, så man kan få et unikt udtryk ud af det, og dermed give sin kunde den markedsføringsmulighed som jo i sidste ende er formålet med webdesignet. Det gælder om at være anderledes.

I dette hyperkomplekse univers er der uanede kilder til stress, hvis man ikke kan gå til stoffet med en metode, hvis ikke man mestrer et princip man kan læne sig op ad i stormfulde tider, og hvis man ikke formår at adskille processerne. Det har jeg savnet at kunne. Da jeg så NYT-designet, måtte jeg forfølge sagen. Det var næsten umuligt at forestille sig, at det var muligt at lave så let og luftigt et design, der samtidig kunne omfavne alle de elementer jeg har remset op, uden der lå et styrende princip bag. Kimblim og Digitalmads gjorde mig opmærksom på at designet er “grid design“. Har så fundet en række tutorials der introducerer til dette. Without further ado:

Har skimmet artiklerne, og der en masse jeg allerede ikke forstår, og det virker som om de helt udelader CSS-delen af det (som jeg også har det svært med). Men vil da prøve at formidle de centrale pointer i artiklerne, hvis jeg når så langt. Tror det med fordel kan kobles på denne tutorial: “How to create a wordpress theme in five minutes“

Comments (1)

Live fra mobilen, podcasts, software og lidt om kommunikation og nyheder

27.10.07 10:32 PM

Det var ugen hvor valget blev skudt af, og der blev afholdt New Media Days. Kommentarer til det: #1 fascinerende at følge med i det strategiske spil omkring at få Ny Alliance til at sige hvem de vil pege på som statsminister. #2 ville gerne have været der, men kompenserende podcasts her (klistr ind i iTunes).

    Video:

  1. Min branches hellige gral: Steve Garfield fortæller om hvordan han livestreamer fra sin mobil
  2. Ti videoer der vækker tanke til efterstof om vold, verdens undergang, fattigdom, spil, den lange hale, lykke, marketing, ordbøger og humor på nettet.
  3. Videoplayer showdown: Fogh kontra Thorning-Schmidt – de kan ligemeget men den ene er hjemmelavet og den anden er Amerikansk

    4. Buzz:

  4. Det er ikke nok med økonomisk kapital og kulturel kapital, man skal også have social kapital – hvad er din?

    5. Software:

  5. Gratis online office pakke
  6. Overbevisende Screencast software til Mac

    7. Webdesign:

  7. Runde hjørner med CSS

    8. Artikler:

  8. Kim Jong Andersen: Kommunikation 2.0 (vi kan ikke koncentrere os særligt længe ad gangen, mere)
  9. Henrik Føhns: Blindsmagning på nyheder (nyheder ligner i stigende grad hinanden)

    10. WordPress:

  10. Webdesignerwall pluginopsamling: Useful WordPress Plugins (med bla. sideblog som jeg vil have i en tredje kolonne)
  11. Lifehacker pluginopsamling: WordPress Plugins and Tutorials (med bl.a. CSS-switcher)
Comments (0)

New York Times

19.10.07 10:12 PM

Set i forhold til hvad det skal kunne, hvor mange informationer der skal formidles, hvor mange interesser der er på spil, set i forhold til at det skal spille sammen med en yderst kompleks navigationsstruktur, hvordan det skal kunne skaleres i alle ledder og kanter, og hvordan det skal kunne passe potentielt larmende videoindhold ind i den overordnede “skrift-æstetiske ophøjethed“, synes jeg at New York Times weblogdesign er intet mindre end sublimt. Roligt, luftigt, personligt og venligt:

Comments (5)

Sex og HTML

25.04.07 6:51 AM

“Designing pages in HTML is like having sex in a bathtub. If you don’t know anything about sex, it won’t do you any good to know a lot about bathtubs.”

via mikkelwinther

Comments (0)