CSS3: Multiple backgrounds, border-radius and box-shadow
I just finished designing a web page for a smaller local security company and I thought I’d put CSS3 to the test with border-radius, box-shadow and multiple backgrounds. I know it’s risky to implement CSS3 at this point due to somewhat lousy browser support, but withholding the use of it will most certainly not speed up the development. The site looks, as expected, much sharper and flatter in IE because of the lack of rounded corners and box-shadow. The multiple background is a just a small bonus to the design at this point, but it would still be nice if all browser presented the same output.
Here’s a quick presentation of all three effects.
Box-shadow
-webkit-box-shadow: 3px 3px 5px #000;
box-shadow: 3px 3px 5px #000;
-webkit-box-shadow: 3px 3px 0px #333;
box-shadow: 3px 3px 0px #333;
-webkit-box-shadow: 1px 1px 0px #999;
box-shadow: 1px 1px 0px #999;
The values represent 1) horizontal offset 2) vertical offset 3) blur radius and 4) shadow color. RGBa colors can also be used but are not supported to 100% at this time.
Multiple backgrounds
background-position: top left, top right;
background-repeat: repeat-y, repeat-y;
The values are separated by commas, e.g. first image, second image etc.
Safari 4 displays all effects perfectly, as does Firefox 3.6.
Borde skriva
På måndag ska kandidatavhandlingen lämnas in åt handledaren och opponenten inför slutpresentationen. Hela underverket består för tillfället av 21 sidor och jag borde få en del till skrivet under veckoslutet. Av någon konstig anledning hittar jag en hel massa annat att göra istället. Låter det bekant?!
Jag började gå igenom gammalt material jag sparat på en server under gymnasietiden. Jag fann många fina guldkorn, länkar till sidor jag, av någon konstig anledning, tyckte var intressanta. Det känns underbart att vissa sidor ännu fanns kvar, 10 år senare. So what om alla länkar är grannblåa till färgen och typsnittet Comic Sans? Underbart ändå!
En av länkarna var en hänvisning till en låt jag lyckats förtränga. Enjoy!
The Manoeuvre (video)
Just stumbled upon this nice video by Richard De Souza. A nice start to a new day. Water is one of my absolute favorite elements. This really made my day.
The Manoeuvre from Richard De Souza on Vimeo.
Märklig påsk!
Påskhelgen spenderades mysigt i Äkäslompolo. Saldot blev 40 km i skidspåret och en dag i slalombacken. Föret kunde ha varit bättre, men också sämre. Svenskfinland har än en gång bevisat hur litet det är. Karins kompis föräldrar köpte en stuga i Lappland i somras. Det råkar sig vara så att de köpte den av pappas kusiner. It’s a small world! Hoppas ni alla hade en märklig påsk.
Den nya macbooken har tyvärr trilskats. Trackpad/keyboardproblemen löstes inte med uppdateringen. Ibland försvinner muspekaren helt och tangentbordet reagerar inte alls. Antingen returnerar jag produkten eller för den på service. Jag är annars nöjd med datorn, men ifall service endast löser problemet tillfälligt är det inte så trevligt. Vi får se.
Nu iväg till avslutande praktikens sista tillfälle. Jag och två kompanjoner ska hålla morgonsamlig för hela högstadiet. It’ll be a slam dunk!