Bygg dina hemsidor snabbt!

Skrivet i Design, Tips & Tricks - Kommentera

hemsidor-snabbt
Bygger du hemsidor ofta så dröjer det inte länge innan en vana bildas. Du lär dig kortkommandon, bygger upp ett arbetsflöde och har mallar redo att designa och koda efter. Trots detta så är det många områden du brister i. Du önskar säkerligen att det kunde gått lite snabbare, även om det sparar dig nån minut i utförandet så byggs det på till att på slutet av dagen sparat dig en hel timme.

Det finns olika tekniker för att snabba upp ditt arbete med att bygga hemsidor och jag tänkte dela med mig av några som jag själv utövar.

Kör på din egen stil

Det är rätt vanligt att man ibland känner för en förändring. Man blir trött på att göra hemsidor på samma sätt, även om hemsidorna inte liknar varandra. Bygger du en hemsida så designar du de förmodligen på ”ditt sätt” och du kanske ofta ser hemsidor som du bedömer vara mycket snyggare än dina. Här faller många och försöker då göra något som de inte alls är vana vid. Det kan vara att göra annorlunda layouts, menyer och effekter på bakgrunder och boxar m.m.

Detta är tidskrävande, du bryter ditt flöde och förlorar tid. Istället för att försöka göra något på ett annat sätt försök att göra det naturligt. Bygg dina hemsidor som du alltid gör, utforska gärna lite med designen men jobba som du alltid gör, dvs naturligt.

Var redo med koden

När du gjort färdigt din design kan det vara en bra förberedande åtgärd att ha en del kod redo för att inte börja på noll. Hur mycket kod du har förberett beror på hur lika dina hemsidor är i struktur. Personligen använder jag mig av min preset.css som är min egen version av Eric Meyers reset.css.

Förutom att ha css-koden förberedd så kan du alltid ha en del HTML-kod redo. Personligen så har jag inte det för jag vet inte hur min hemsidas struktur kommer att se ut i slutändan, däremot vet jag vilka css-egenskaper jag använder och kan därför ha en väldigt förberedd css-fil.

Ett vanligt misstag som många gör är att hoppa fram och tillbaka mellan css och html. Big mistake, ditt arbete kommer gå mycket fortfare om du kör html-koden först, lägger upp strukturen och därefter lägger på css:en. Du ökar produktiviteten exponentiellt, garanterat.

Lär dig använda ett CMS

Du kanske tänker ”vad har ett cms med produktiviteten att göra?”. Faktum är att ett CMS på en hemsida är ett krav idag och fler har det som krav till sina hemsidor. Därför är det viktigt att du kan minst ett CMS bra och vet hur du snabbt applicerar systemet på din hemsida.

Detta är förmodligen ett av de mest tidskrävande processer om du inte vet exakt hur du ska göra innan du börjar själva appliceringen.

Hur gör du för att bygga dina hemsidor snabbare? Dela med dig.

Fler inlägg om Hemsidor och Design

http://blogg.scandiwebb.se/ Marcus
Jag arbetar som Webbutvecklare så en stor del av min tid går till programmering både av XHTML + CSS men framförallt PHP och bygga system i det.
Något jag tycker är viktigt för min del är att vara väldigt strukturerad när det gäller programmeringen. Jag föredrar att skriva en PDF plannering där jag skriver upp vilka funktioner jag ska skapa, vad de ska göra, vilka tabeller jag ska ha i min databas, vad de ska ha för innehåll osv. Detta gör att jag sparar enormt med tid under utvecklingen!
Det tar alldeles för lång tid att programmera, tänka, programmera, tänka, ändra det första man programmerade, ändra en tabell för man kom på att databasen måste lagra ytterligare en sak osv. Det är mycket bättre att strukturera allt från start och sedan bara slänga sig på tangentbordet och skapa fin PHP kod.
Jag designar typ 30% av min arbetstid, resten ligger på programmering. När jag designar så använder jag mig av .PSD maller eller ”Frameworks” som jag döper dom till. Helt enkelt ett upplägg av gråa rutor med bestämd storlek och padding mellan sig. Sedan ersätter man dessa rutor med grafik, t ex menyer, innehåll och banners.
http://blogg.scandiwebb.se Marcus
Jag arbetar som Webbutvecklare så en stor del av min tid går till programmering både av XHTML + CSS men framförallt PHP och bygga system i det.
Något jag tycker är viktigt för min del är att vara väldigt strukturerad när det gäller programmeringen. Jag föredrar att skriva en PDF plannering där jag skriver upp vilka funktioner jag ska skapa, vad de ska göra, vilka tabeller jag ska ha i min databas, vad de ska ha för innehåll osv. Detta gör att jag sparar enormt med tid under utvecklingen!
Det tar alldeles för lång tid att programmera, tänka, programmera, tänka, ändra det första man programmerade, ändra en tabell för man kom på att databasen måste lagra ytterligare en sak osv. Det är mycket bättre att strukturera allt från start och sedan bara slänga sig på tangentbordet och skapa fin PHP kod.
Jag designar typ 30% av min arbetstid, resten ligger på programmering. När jag designar så använder jag mig av .PSD maller eller ”Frameworks” som jag döper dom till. Helt enkelt ett upplägg av gråa rutor med bestämd storlek och padding mellan sig. Sedan ersätter man dessa rutor med grafik, t ex menyer, innehåll och banners.
http://www.grafixstudio.se Antonio Riveras
Arbetssättet för en programmerare är givetvis annorlunda gentemot en designer som jag själv är. Då tror jag det är nödvändigt att utföra arbetet på ditt sätt då det är väldigt mycket saker att tänka på när man programmerar t.ex. en backend för en hemsida.
http://www.grafixstudio.se/ Antonio Riveras
Arbetssättet för en programmerare är givetvis annorlunda gentemot en designer som jag själv är. Då tror jag det är nödvändigt att utföra arbetet på ditt sätt då det är väldigt mycket saker att tänka på när man programmerar t.ex. en backend för en hemsida.
http://blogg.scandiwebb.se/ Marcus Lind
Absolut! Tidigare designade jag mer än vad jag gör nu och när jag arbetar med design är jag tvärtom. Vid de tillfällen jag inte följer mina egna frameworks/mallar alltså.
Då öppnar jag Photoshop och kör igång, slänger hela designen, börjar om igen, kommer på att det kanske inte var så bra att ta bort vissa delar från det första som man tog bort och skapar det igen, letar inspiration, fortsätter jobba osv. Det är alltså absolut inte strukturerat någonstans.
Föresten, upptäckte nyss ditt ”Translate” verktyg i footer-verktygsfältet. IMPONERANDE GOOGLE! Visste inte att Google kunde översätta innehåll på hemsidor på det viset. Riktigt läckert.
http://blogg.scandiwebb.se Marcus Lind
Absolut! Tidigare designade jag mer än vad jag gör nu och när jag arbetar med design är jag tvärtom. Vid de tillfällen jag inte följer mina egna frameworks/mallar alltså.
Då öppnar jag Photoshop och kör igång, slänger hela designen, börjar om igen, kommer på att det kanske inte var så bra att ta bort vissa delar från det första som man tog bort och skapar det igen, letar inspiration, fortsätter jobba osv. Det är alltså absolut inte strukturerat någonstans.
Föresten, upptäckte nyss ditt ”Translate” verktyg i footer-verktygsfältet. IMPONERANDE GOOGLE! Visste inte att Google kunde översätta innehåll på hemsidor på det viset. Riktigt läckert.
http://kaxigt.com/ Lena
Hej!
Jag skissar alltid upp strukturen innan jag börjar med designen. Förr var det mer programmera – tänka – passande design, programmera – tänka – passande design. Låt gå att jag utgår från en ide (design) jag får, men nuförtiden börjar jag alltid med uppbyggnad, därefter design, testa och kanske kasta och ändra för att programmera lite till. Intresset för programmering har ökat med tiden, därav mina (oftast) torftiga designer :P
http://kaxigt.com Lena
Hej!
Jag skissar alltid upp strukturen innan jag börjar med designen. Förr var det mer programmera – tänka – passande design, programmera – tänka – passande design. Låt gå att jag utgår från en ide (design) jag får, men nuförtiden börjar jag alltid med uppbyggnad, därefter design, testa och kanske kasta och ändra för att programmera lite till. Intresset för programmering har ökat med tiden, därav mina (oftast) torftiga designer :P
Pingback: Sälj bättre på Graphic River | Grafix Studio - webbdesigner och grafiker
http://bazil.se/ Sebastian
Jag har enorma problem att inte slänga mig in i arbetet för det kliar så i mina fingrar när jag är sugen på att göra en hemsida! :D Men man får ju tygla sig.. så är det bara!
http://bazil.se/ Sebastian
Jag har enorma problem att inte slänga mig in i arbetet för det kliar så i mina fingrar när jag är sugen på att göra en hemsida! :D Men man får ju tygla sig.. så är det bara!