Tuesday, June 2nd, 2009
John Allsop has created a very cool CSS gradient exploration tool that lets you get the gradient you need, with the resulting sample and code right there.
You could use it to do what he did, and recreate the Apple navigation bar in pure CSS instead of using images.
John didn’t stop there, and has already created tools for Box Shadows Shadows and Radial Gradients.
Caching and dynamic views
My client does not want to change his cache settings on IE and I'm trying to figure out a way to dynamically update a view each time it is visited. I...
How to change html form tags to ajax
How to change html form tags to...
IE 8 Crashing Problem
Hello Everyone,
Here\'s the situation:
two iSeries boxes - Dev and Prod both V5R4M0
We\'re using AJAX to dynamically load content using a tabbed...
In Episode 25, we chat about IE 8, standards, Acid3, server side JavaScript, and more.
Who are the ajaxians? Find out.
Please contact us at . We would love to hear about any news that we could put up here.
We have individual blogs too:
Looks great – I emailed the creator to see if he would also supply the equivalent SVG code to copy/paste.
Lol, that page scrolls about about 0.2 FPS in FF 3.5b4 with smooth scrolling. Screw fixed backgrounds.
Note that these gradients are also supported in Chrome (thanks, WebKit!).
Regards
What I’m doing wrong?
http://prudnikov.com/examples/test-webkit-gradient.html
Safari 4 beta does not display gradient, nevertheless http://tools.westciv.com/gradients/ shows me gradient…
@prudnikov – you need to put that gradient stuff as the value of background-image
background-image:-webkit-gradient(linear, left top, left bottom, from(#17E1FF), to(#19ADC4), color-stop(.6,#19D1ED));
very cool article and i know that so many designers searching for apple like design tutorials.
i had created a css navigation which inspired from apple’s dotted page navigation bars. it has a tooltip on hover and it’s a powerful code because no javascript, jquery or any image required to use it. you can check it on my blog:
http://kntl.org/css-imageless-but-cool-javascript-and-jquery