Hi folks,
Just a quick update to tell you iWebKit 6 is coming along well. I’ll give you some of the new features you should expect. None of these are confirmed but i’ll try to make all of them:
- High res images
- more element options
- more code error detection
- HTML5
- New interfaces
- A lot lighter
- Offline mode
- easier structure with less elements
- better measurements
- Slide effect (really not certain)
- And a lot more to come…
EDIT: Check out http://snippetspace.com/iwebkit6 to see a preview of iWebKit 6 and it’s new features! iOS 5 only for now!
Also follow me on twitter, Google+ or facebook for frequent and precise updates!
Awesome! This has a bunch of stuff I wanted. Thanks for all your work!!
your welcome
I can’t wait !
Thanks for your great job!
As for slide animations, could you do something along the lines of jqTouch animations? That’s all CSS and Javascript so I don’t know how hard it could be. :p Lemme know
yes that’s the plan
. Using jquerry is the easiest, just change a class and let css3 do the moving. The only tricky part is the AJAX to load the page.
Great job, Christopher!
Do you have a timeframe on version 6?
Nope no release date sorry. It will depend on my life and free time
The only feature i have been like looking everywhere to implement with iWebkit is the black bottom tab bar in native apps. Oh, and i doubt this is possible, but you should try to make it so if you click a link outside the site, a tab bar is at the top with a “go back” button. Then iWebkit would be PERFECT.
i’d like to but i don’t want to limit acces to the url bar. So unless apple aproves fixed elements i don’t think it will happen for now. And the “go back” button is just impossible
Wouldn’t it be possible to have a go back button on external websites if you opened them up in an iframe so the user was really still in your website but they were viewing a different website?
Yes, Drew. That’s one of two ways to do it, both would be lonnnng though, if there are many pages in the site you want to go back from.
I’ve heard about JavascriptMobile. I don’t know if you want or can use it…
But maybe you could inpire yourself from it
Good luck !
Does the _blank issue fixed here?
Not an issue, a feature, use class=”noeffect”
Nice work! But I’m wondering if there are high-DPI graphics which are compatible with the Retina screen? Thanks!
Yup unlimited scaling. It even works up to… I don’t know… 7477377337ppi
[...] http://snippetspace.com/2011/03/03/iwebkit-6-preview/ [...]
fine, please add also a iphone working slider function
probably not because i really don’t know how but i’ll look into it
Thanks Christopher!
The slide effect would be cool, but make sure you include a way to exclude it!
why would you want it to be diszabled? and if you want to just remove the javascript file
Also you might want look into using jQuery for the slide.
This function in js does it. It is from Joe Hewitt’s iUI project:
function swipePage(fromPage, toPage, backwards)
{
toPage.style.left = “100%”;
toPage.setAttribute(“selected”, “true”);
scrollTo(0, 1);
var percent = 100;
var timer = setInterval(function()
{
percent += animateX;
if (percent <= 0)
{
percent = 0;
fromPage.removeAttribute("selected");
clearInterval(timer);
}
fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%";
toPage.style.left = (backwards ? -percent : percent) + "%";
}, animateInterval);
}
hey, thanks
. I am probably going to use jquery yes, it’s the easiest and i know it a little 
.
Just the ajax part is hard, to get to load the page. The sliding itself is a piece of cake
Do you have a release date for iWebKit6 or at least an estimated range of when it will be relaesed??
no none but i’m far from done.
Hey, thanks for all th fantastic work. As for the slide fuction: I know that http://www.jaibeakme.com (yes the iphone jaibreaking website) has a fully functional one. Maby you could examine the code. Also it redirects you to another page if you run it normaly on a pc so that you don’ get errors. Anyway keep it up.
Jerom
i already made the slide and it works wonderfully
That uses divs which are much esier
Hello… I am not a developer but I’m having to get involved in the app business. Yu may have saved my backside!!! Thanks
Hi, sounds very interesting
Want to hear more…
Awesome! So will there like be a way to “upgrade” my site, by like just replacing the javascript and css files?
No, you Will have to make a new site.
Nice webkit Christopher.
Certainly has made my entrance into developing web apps for iphones alot easier transition…i can focus on the functions!
So thanks for that, have flicked you some bux, good luck getting the ipad.
Look forward to the updates.
Cheers,
Steve
Hi,
I <3 iWebKit 5.04 and I can't wait until 6.0 is released!!!
Do you know, when you can release it?
That would be very helpful
Thanks for your great work
Linard
Awesome you should send out an email newsletter when it comes out!!
Full screen / slide mode is possible by any chance?
Wllbe included
Is there a footer navigation bar in 6.0? Great stuff Christopher. Thanks for making it free and keeping it free.
I’ll try but that’s quite hard
No, I used:
#footer {
background-image: url(‘http://links.bargonaut.com/WebGUI/demo/css/uinavback.jpg’)
bottom: 0;
position: fixed;
text-align: center;
}
the html
Hi,
I love iWebKit and i can’t wait for this new version.
About the fixed positioning there is iSroll:
http://cubiq.org/iscroll-4
Version 4 is Beta and it needs some fixes.
For example the forms field doesn’t work as expected.
Btw it is a good work, you csn implement it in iWebKit 6. I tried and it works. Just needs some correction.
Bye!
i’ll try to use it
great work guys!!! im sure you don’t receive enough praise, so I wanted to let you know your project supports many webapps, sites…
Thanks dude
and I’m doing this alone now 
NIce job.. when is release?
No idea
So are we gonna get JQTouch animations?
first sliding, maybe more later.
Well when iwebkit6 comes out I will donate $10-$20 asap
If your tired of waiting on a new version of iwebkit, I recommend checking out the HTML5 Boiler Plate for Mobile. very cool. http://html5boilerplate.com/mobile/
Hi Christopher,
Thanks for your great work.
For me it is the easiest and lightest iphone webapp framework available!
The sliding jquery function will be great if included into your iwebkit.
Another important (at least to me) item is the tabbar at the bottom.
Cheers
hp
Is it possible to have an update(e.g ticklist) of whats been done, so people don’t keep posten the same thing!
Thanks!
i’ll think about it
really good! hope iWebKit 6 come out soon.
Hi Christopher,
Is there any chance of you releasing a public alpha or beta version of iWebKit 6 anytime soon?
Thanks!
not yet, just lost my pc and got 2 weeks of exams
I might set up a page for user feedback but a beta is useless since ther is no user guide and things will probably change.
…so 2 weeks before you’ll go back to developing, right?
yup indeed!
Great work…
Hi Christopher! Any updates on iWebKit 6 development? There’s a lot of web app framework existing already but i think iWebKit still is the easiest to deploy and implement. Keep it up buddy.
Howdy
Just writing to share my appreciation for your code. It’s made development on my site much easier. Do you have any plans on rewriting the webkit-gradient code to work with other browsers (Firefox etc…)?
Thanks for all your time – and feel free to enjoy my online ipod (www.newmusicgold.com)
Super look forward!
Great Job. Just made a donation. Keep working on version 6. I look forward to it. Thanks
any update on new version ? and maybe a left menu on larger tablets ?
this week I have some exams and afterwards I need to go to paris for a day or 2, then i’ll work further on it. I’m thinking of ditching jquery for ZeptoJs, it’s lighter and more optimised for touch and mobile. I’ll first work on the html/css, then the js again.
Early iWebkit was great! … spot on and free.
Today, there are too many great alternatives that do not require ‘pay for use.’
Greg
[...] http://snippetspace.com/2011/03/03/iwebkit-6-preview/ LikeBe the first to like this post. [...]
Posted on my blog about iWebKit6! Click Here for the Blog Post!
Please embed iScroll 4, it’s great and for me the one and only thing I need from iWebKit right now. Maybe, when I have some time the next few day’s, I’ll implement it into my current project and let you know the changes.
This is looking good.
One scenario I’d like to bring to the fore is to have one page for all clients, then serve different css and js to different clients (phone vs PC), which is why I like your use of HTML 5 here which the previous version was lacking. Also keeping your stuff working with android and PC even if we deliver the iwebkit css / js to all clients is really nice for debugging, and possibly other small screen devices.
Keep up the good work.
Hey, I was wondering if you need any help, because I’d be glad to help. Because just like everyone else, I’d like iWebKit 6 as soon as soon as possible.
Also, to add support for devices with lower than iOS 5, well for the scrolling anyway, just use JavaScript to find how much the user has scrolled a then use math to find out what new coordinates the topbar should be at. It works, but it is delayed. I’m using JavaScript to detect the OS running on the iOS device, them to figure out which scrolling method to use. If iOS 5+ use overflow:scroll if anything below it uses the method I described. You can check out my example out at Thetechit.com/Other/todo
I dont like that effect, the bars will just scroll like in the current version
The demo isn’t iOS 5 only. It works on iOS 4 with 2 finger scrolling.
I know but the user shouldn’t need to guess that
I’m loving it, however, at the mo, it is useless because it is for iOS 5.
If you all want you can put the top bar into a div thats fixed and on ios 5 it stays if not it moves like normal
(if you cant wait for iwebkit 6 that is)
(updated CSS for iwebkit 5.04 added ipad colors to the mix (body class=”ipad-body” and the tri,duo,title,topbar just use class=”ipad” (only left arows atm but will update soon) http://www.megaupload.com/?d=L6H8476N )
Ok Ive Finished it added left/right nav buttons and left/right buttons and fixed the CSS up a bit
Link: http://www.megaupload.com/?d=7II1D8YF
(the classes are just ipad, only the body is ipad-body)
New Version With Auto Change For iPad Try It Out! Also Images Have been remade in HD DL:http://www.megaupload.com/?d=SN0EPW1D
is this working on iphone 2?
Well, if you are running ios4 the final version should work yes. firmare 3+ will not be supported.
Very Nice!
I can´t wait…
can we get a “beta” or something?? pls
when are you going to release this. PLEASE PLEASE PLEASE MAKE IT SOON!
It looks substantial to me! Can we have a current demo download, not too hard? We can hopefully see how it works!
Great to know you have something along the way.
How about a list that looks like mail and iMessage?
cheers
wil
probably yes
. But in a while!
I try to setup iwebkit 6 but we can’t us go back button? Don’t work…How can do That? Good job !
sorry I don’t understand what you are saying. Iwebkit 6 is not available yet :s
Hi Christopher,
Great work on iWebkit5 and a superb preview on 6. I can’t wait for a public version. Do you have any clue on when you publicate? Is there any way I could help you?
No real coding skills…
Hey, I am a huge fan of your work with iWebkit. I know you said it is not done yet, but are you willing to put up a prerelease for download? You don’t to update the documentation, people can examine your code in the demo.
Soon, I may try and pull some features from the demo to update my one site.
If you need some help, I may be able to assist you. I know HTML, CSS, and some JS/PHP.
I have the iWebkit 6 Beta 2 (dump) Works Perfect.
You can download it by this link:
http://www.mediafire.com/?uxyar3doug6tv9t
Its not the full thing but you can DEFINITELY use it to update your current mobile-webiste
PS: Don’t forget to say thanks!
good job
. You can try it out if you want but there is still a lot of work left! Everything is in the details!
Hey when will you release iwebkit 6 ?? Im waiting since one year
@izzy i cant use in iwebkit 6 beta
Hey Christopher Plieger are you German?
no dutch
.
ah
okay
Great Work. Can you also implement Contactlist and contact Detailview ?
Thanks for your work
The preview is very buggy!
hm, tell me what problems you see, what device are you using?
On the radio buttons, the choices highlight and there are two checks when I click them. I am using iPad first gen.
Just getting to grips with iWebkit and love it so far! Would be really cool if there were a ‘Inspiration’ page where users could showcase their wonderful work. Something similar to http://www.iphonecss.com ???
iwebkit is simply fantastic’ve designed my website with it http://www.loghos.org/
Thank you for your hard work!
its awe some!!
thank you a lot, for your impressive future update!
i like it very very much!
how much time does it want to get ready?
Can i download iWebKit6 for my mobile website? Now i use the latest version.
Can make a dynamic website?
When i will used selection box, means drop down list has contains a list of element ,apply a link on each element , so page will be move on next web page.
Can it possible?
Plz help me
thanks
james
Should be easy!
Can you add an option to change bottom to black?
Simply add the meta tag
Hi,
still waiting for V6 since a very long time…
What I realy need is a slider… Find none in the Beta…
Should I wait, or should I switch my project to jquery mobile?
StompSC
Great! Keep up with the good work!
I’m sure you have seen this. Can you comment?
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
it’s a nice way to start coding but older desktop browsers do not support media queries so you end up not supporting older desktop browsers in the same way.
Hi,
i have found the iWekKit, 2 hours ago, now i’m ready with my iPhone/iPad Page, it’s easy to use.
Thx a lot….
I’m very Intressed on a iWebKit 6
Greets
Mahon
Salut Christopher,
I guess you can add me on the list of people waiting for the final release of iWebkit 6.
At least the Beta2 is available now which shows that you are slowly moving forward
The fixed footer is the biggest challenge for iphone webapps.
Your solution is by far the best!
You write in the description that is is for iOS 5.0 only.
Will it be compatible for iOS <5.0 or will your method not work on older versions?
Thanks for the info and keep up the good work.
Brgss
PM
yup only ios5, on earlier versions the footer/header will scroll as usual
I’ve been waiting for iWebkit for almost a year Now!
when are you planning on releasing it?
Hey Christopher,
Any news on this? A lot of us have been waiting very patiently.. could you please give us an update how things are going?
(in fact, if you plan on never releasing it, please just say so. At least we then know what’s going on).
Best,
Robert
Need to find tome and motivation. Release won’t be soon. I do plan on releasing it someday. Sorry for nit being precise
Hi Christopher!
Any news?
Cuz im making a website now. Should i use 5.04? or should i wait for your release?
Really wanna know
go with v5 for now
@iSplasher – seconded!
iWebKit is ***awesome***
Would love to see the good work kept up.
will try soon
When do you think you will be finishing iWebkit 6?
By the time you finish, iOS 6 has already came out!
I think the same…
Lets hope so, I work for Verizon and they are telling us that the new iphone with ios 6 will be coming out on 09/22/2012 so I hope you release iWebkit 6 around the same time so I can start working on my new webapp.
Christopher,
How are things coming along for version 6?
I see from one of your last posts that you were talking about needing to find time and motivation. Are we talking about motivation in the monetary sense or someone wearing leather and making use of a whip? If it is a matter of money, what sort of dollar amount would constitute “motivation” ?
Please do not feel that I am coming down on you, as I fully understand the challenges of juggling real life and long term projects. However, if version 6 is not going to be ready even in 2012, would you be willing to make a modification to 5.0.x?
The modification I am referring to is to be able to create slick “drop down” menus from the top navigation, such as Facebook does with their Notifications.
Thank you in advance for your time, and I really appreciate the great work you have done.
I agree what type of monetary motivation do u need!?!?
I really been waiting the the iWebkit 6 release for a year now
If we are going to donate let us know if it is going towards the development iW6
I read all the comments on this page… After all the requests iWebKit 6 still hasn’t been released. iOS 6 just came out..I’d say your a little late. It’s time for an update. Support your work!!
Great work, very useful for every one of us. But how it’s possible to download the new version 6? Can you tell me more about?
From Italy, bye