I tried and tested something very similar to this, however using only a straight gradient will eliminate the liquid feel of the vignette applied.
I will be using this gradient tool on my next project, And I will keep you informed throughout the build. I have had some very interesting feedback in regards to the Parrottandmiller.com iPhone site. Many Thanks, Ross. On 17 Jul 2009, at 10:58, Andrew Hedges wrote: > > Something else you might consider is using CSS instead of graphics > where you can. It's pretty amazing the effects you can get just with > CSS gradients and rgba borders. Here is a page I put together to help > myself learn how to apply CSS gradients (which I've found handy > several times in my work building iPhone web apps): > > http://andrew.hedges.name/experiments/css-gradients/ > > On Jul 17, 4:16 am, Max Melcher <[email protected]> wrote: >> i cant totally agree with you grayson - but you said you learned it >> yesterday so i´ll gonna explain it. >> The comrpession thing in photoshop is nice - but there are better >> tools for >> that issue. >> After that i really would use css sprites - they arent that >> complicated and >> are used on every big company page (check the images and you see more >> pictures combined in one and moved by css). For example >> checkwww.vw.comand >> examine the footer image. >> The reason for that is that every request takes time (request and >> response + >> 2 times round trip + delay + queue + ...) and there are only few >> requests >> parallel (i think its 4 per domain). >> >> If you are intrested in this topic - ill suggest you to >> readhttp://developer.yahoo.com/performance/ >> and if you wanna go furtherhttp://cs193h.stevesouders.com/and there >> are >> many many more things (i´ll just mention html5, cause i still >> experiment >> with it). >> >> The things with the request is why i rly wouldnt split the pages in >> several >> html files - there isnt a lot on the page so why not serve them in >> one rush >> (better then 7 request for just 1kb each). >> >> The 24kb max. for images is okay (limit for caching is 25kb after >> decompression). >> >> Any questions? :) >> cheers >> Max >> >> p.s. in every mail the clock is mentioned - maybe you shouldnt >> remove it >> because its unique :) >> >> 2009/7/16 grayson <[email protected]> >> >> >> >> >> >>> The site feels great once its loaded, but yeah its grabbing a lot of >>> files. I'd compress your files in photoshop if you can (save for web >>> and devices, etc....). This will probably cut file size in half for >>> some files. >> >>> One thing I would try is making each section an individual html. As >>> you may or may not know (I just learned yesterday), as long as the >>> html file doesn't have a header and all that stuff, it will slide in >>> after its loaded and still look like its part of the site. >> >>> I'd also get rid of the clock. Some characters aren't loading and >>> its >>> not accurate either (although maybe its not a clock?). I am really >>> impressed with how smooth your transitions are. On the project I'm >>> working on (http://vectorbug.com/i/), each page slides in quickly >>> on a >>> 3Gs, just OK on a 3G, and really chug on a Touch. Yours is just fine >>> on a touch. >> >>> My largest image are 24k jpegs. >> >>> On Jul 6, 5:11 am, London iPhone Dev <[email protected]> >>> wrote: >>>> Hello, >> >>>> I think my iPhone site is too heavy and takes too long to download, >>>> any advice? >> >>>> Visit from your iPhone or Simulator;www.parrottandmiller.com >> >>>> Could anyone give me a rough idea of what size in kb an iPhone site >>>> could be? >> >>>> I'm being told "as little as possible" by most folks but thats >>>> not a >>>> number. >> >>>> Thanks Guys. >> >>>> Ross > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en -~----------~----~----~----~------~----~------~--~---
