Nå må jeg innrømme det at jeg er i grunnen ikke noen web-designer. eg liker å sette ting i system. Finne løsninger på eventuelle programmerings-/web/-kommunikasjons problemer. Alt det der.

 

Men å sitte der med farge og blyant(eventuelt tegneprogram), det har lissom ikke blitt min ting gjennom tidene. Noen ganger må man bare åpne tegneprogrammet og lage et eller annet bare for å sprute opp web-siden littegranne(bare for at det ikke skal se helt for firkanta ut).

Men nå begynner webutvikling å bli moro igjen. Ikke trenger man å være en klepter på Photoshop lenger. Og hvorfor det? JO! Vi har fått CSS3. Fremdeles så er det en del ting som må jobbes med. Og da tenker jeg på kompatibilitet med nettlesere. Nå er det jo sånn at de fleste nettlesere støtter CSS3. Med IE10 så kommer windows dultende etter og. Ikke verst. Men fremdeles så er det småting som er irriterendes. En ting er at de ikke har blitt implementert, men det verste er jo at egenskaps-navnene fr de forskjellige nettleserne er forskjellig. Så da må man lære seg det. Eller må vi det? Nå synes jeg at dette er mer enn jeg gidder å lære meg så lenge jeg ikke skal jobbe med det profesjonelt. Så hva gjør man da?

Jo...man bruker kodegeneratorer/design - verktøy. I dag så har jeg brukt mye tid på å finne slike ting. En ting er å bruke Dreamweaver. Veldig greit. Men man trenger andre ting. For noen dager siden tittet jeg litt på hva Chrome-store inneholdt(tror det het det). Der var det mye moro for å si det mildt. Det hadde jeg aldri trodd. Men jeg fant en css-generator(design - verktøy) som støtter CSS3 og som er kompatibelt med de fleste nettlesere: CSS-Shack. Veldig bra verktøy. Hadde jeg hatt penger så hadde jeg kjøpt det. Men man har lov til å teste det og laste ned koden. Og koden er veldig oversiktlig og fin. Kan kopieres og limes rett inn i css-fila di.

En annen ting ting som jeg alltid syns er fint å ha er fine menyer. Dette er noe herk å programmere. Det fines mye rart på internett. Mange av disse ser veldig bra ut men generer helt forferdelig kode. Det finnes sikkert opprydnings-verktøy som kan få orden på det men jeg har ikke tenkt å bruke enda mer tid på det. Noen produserer bare java-script og andre produserer kode som er bare kompatibelt med enkelte og gamle nettlesere. Den ene jeg prøvde støttet bare IE. Ikke bra. Dvs. Det så veldig forskjellig ut fra nettleser til nettleser.

Av den grunn fant jeg ut at jeg måtte snevre søket mitt. "menugenerator + css3 + html5". Veldig greit egentlig. Men jeg falt til ro med denne(ikke noe javascript): css-menu-generator. Produserer fin og oversiktlig css-kode. Ikke noe tull. Samt et eksempel på hvordan implementere det i html-koden din. Jeg kan ikke si noe annet enn at dette var noe av det bedre man kan finne som kan hjelpe enhver farge-blind programmerer i veien til å bli web-designer.

Her er noen bilder av css-shack. Først ser vi høyre-menyen hvor vi kan justere på egenskapene til elementet vi vil....ja...justere:

Og på venstre side har vi en annen meny hvor vi velger element:

Og i midten får vi resultatet av det vi driver med i sanntid.

Dette verktøyet blir kjørt i nettleseren din. I mitt tilfelle Chrome. Har testet koden i Chrome og IE9. Fungerer veldig bra. Kan anbefale dette.

Her er et bilde av meny-generatoren. Veldig oversiktlig og fin.

Så hvis jeg skal kunne anbefale noe så er det disse to verktøyene. Iallefall hvis du ikke har så mye penger/ressurser. Med dette så blir det litt mere moro å holde på med web-design. Ikke trenger man å være en kløpter i photoshop lenger. Det er vel hovedsaken.