CSS-Tricks och Dinwebb

CSS-Tricks CSS3

För någon vecka sedan skrev jag till Chris CoyierCSS-Tricks och undrade vad han ansåg om min användning av CSS3 som jag använt på sidan för gradient m.m. Han tyckte det var mycket intressant och ville skriva en artikel om det på CSS-Tricks så jag slängde ihop något enkelt han kunde använda och här är det han skrev:  Speed Up with CSS3 Gradients.

I CSS3 kan man använda sig av olika gradient:

Firefox 3.6+
-moz-radial-gradient( [<position> || <angle>,]? [<shape> || <size>,]? <stop>, <stop>[, <stop>]* )
-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )

Safari/Chrome
-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)

Exempel:

background-image: url(images/linear_bg.png);// fallback image
background-image: -moz-linear-gradient(100% 100% 180deg, #2F2727, #1a82f7) ;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)) ;

Fördelen med detta är att Firefox laddar inte bilden så du har en mindre bild att hämta och du kan få gradient att variera beroende på t.ex. storleken av en knapp(Menyn på Spathon.se använder sig av detta).

Dinwebb

Jag började för lite mer än en vecka sedan på webbyrån Dinwebb där jag jobbar som ”WordPress-geni” eller programmerare. Dinwebb ligger centralt i Stockholm vid stadion så det är enkelt att ta sig dit med cykel och det är bra arbetsmiljö med härliga människor.

Spathon.se

Tyvärr så har Spathon.se som webbyrå en pause som webbyrå men ska fortfarande bedriva lite kursverksamhet  i paddling under sommaren.  Här kommer det troligtvis att börja bloggas mer om wordpress och annat inom webbdesign.

Tags: , ,

1 Kommentar to “CSS-Tricks och Dinwebb”

  1. Fredrik Näs skriver:

    Intressant om Css3

Kommentera