[PLUGIN] iScroll

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   iScroll
Version: 1.22 (12/01/2013)
Tried in Firefox 9.0.1 / Mobile Safari (iOS 4 & 5) - Other tests to come
Special thanks to Ashley, Smitchell and Kyatric, for help and advices.
Download iScroll.rar

READ THE HELP FILE

Hi folks, here is my iScroll plugin. 
iScroll is originally a project created by Matteo Spinelli. 
You could find  more informations about the project on his website - http://cubiq.org/iscroll-4

This iScroll plugin allows you to create an iOS native-like scrolling, in a frame or in fullscreen mode. 
Be aware of that is more a plugin for Smartphones than for desktop browsers (there'll be probably bugs on desktop computers).

The plugin works essentially in modifying CSS attributes of HTML elements. 
I tried to create something which will be accessible to the most users without knowledge of HTML language, but this allows you to do more customized things though.
Nevertheless, you'll need the color values/names for all color parameters. 
A good reference for it is the w3schools.com website, you'll find informations about colors here : http://www.w3schools.com/cssref/css_colors.asp

Considering the users feedbacks and my 'todo list', I'll try to add more options in order to get a fully control of customisation.
As usually, don't be afraid to report bugs, english mistakes, etc. but especially, don't be afraid to purpose ideas!

I'm actually writing the help file, but I decided to release the iScroll plugin without because I need feedbacks and I'm a little tired as well :)
I've worked on this plugin for more one month.

Finally, the plugin needs a plenty of parameters to be the most usefull it could be.
I had to think the way of adding actions differently because the action dialogs got too many things (I'm sure that some screen resolution wouldn't have been able
to access to all options :p).
Shortly : You add a line, set some basic parameters, set unique ID, and then you add some "addons" to it (image, border, etc.).
I'm aware that the eventsheet may being really overloaded but I'm pretty sure that this way makes iScroll easy to use... 
All is controlled by the unique ID you set to the added line...

Well, let's try it. (in waiting for the help file, read the description, hopefully, without language mistakes :p)
Here's some example I did with this plugin.

 some variations of the iScroll plugin options 

 some native-like webapps (tried an iOS 5 notification center) 

 quick test for game interface 

Let me know about your project you'll do with iScroll, I will love to see how will you appropriate this.
Thanks for reading.

Edited by septeven - 12 Jan 2013 at 5:44pm

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
septeven 6,613 Rep 6 7 31	Post Options Post Reply Quote septeven Report Post Quote Reply Topic: [PLUGIN] iScroll Posted: 17 Jan 2012 at 7:25pm
	iScroll Version: 1.22 (12/01/2013) Tried in Firefox 9.0.1 / Mobile Safari (iOS 4 & 5) - Other tests to come Special thanks to Ashley, Smitchell and Kyatric, for help and advices. Download iScroll.rar READ THE HELP FILE Hi folks, here is my iScroll plugin. iScroll is originally a project created by Matteo Spinelli. You could find more informations about the project on his website - http://cubiq.org/iscroll-4 This iScroll plugin allows you to create an iOS native-like scrolling, in a frame or in fullscreen mode. Be aware of that is more a plugin for Smartphones than for desktop browsers (there'll be probably bugs on desktop computers). The plugin works essentially in modifying CSS attributes of HTML elements. I tried to create something which will be accessible to the most users without knowledge of HTML language, but this allows you to do more customized things though. Nevertheless, you'll need the color values/names for all color parameters. A good reference for it is the w3schools.com website, you'll find informations about colors here : http://www.w3schools.com/cssref/css_colors.asp Considering the users feedbacks and my 'todo list', I'll try to add more options in order to get a fully control of customisation. As usually, don't be afraid to report bugs, english mistakes, etc. but especially, don't be afraid to purpose ideas! I'm actually writing the help file, but I decided to release the iScroll plugin without because I need feedbacks and I'm a little tired as well :) I've worked on this plugin for more one month. Finally, the plugin needs a plenty of parameters to be the most usefull it could be. I had to think the way of adding actions differently because the action dialogs got too many things (I'm sure that some screen resolution wouldn't have been able to access to all options :p). Shortly : You add a line, set some basic parameters, set unique ID, and then you add some "addons" to it (image, border, etc.). I'm aware that the eventsheet may being really overloaded but I'm pretty sure that this way makes iScroll easy to use... All is controlled by the unique ID you set to the added line... Well, let's try it. (in waiting for the help file, read the description, hopefully, without language mistakes :p) Here's some example I did with this plugin. some variations of the iScroll plugin options some native-like webapps (tried an iOS 5 notification center) quick test for game interface Let me know about your project you'll do with iScroll, I will love to see how will you appropriate this. Thanks for reading. Edited by septeven - 12 Jan 2013 at 5:44pm
	All my tools and plugins

smitchell 5,350 Rep 4 9 24	Post Options Post Reply Quote smitchell Report Post Quote Reply Posted: 17 Jan 2012 at 8:09pm
	Love IT!!!! My life is that little bit happier . Great work and very detailed, The customization of it is amazing. Im playing around with it now, Getting used to the millions of actions and customization options!! I am simply amazed I will make a little example and test it on my iphone tonight and let you know how its working
	In memory of flash :'(

smitchell 5,350 Rep 4 9 24	Post Options Post Reply Quote smitchell Report Post Quote Reply Posted: 17 Jan 2012 at 8:12pm
	Oh and as for my project. Im using this plugin mainly for the level select. this is how it shall look: I'll have the level selection on the left, Ans using the canvas plugin a preview of the level on the right
	In memory of flash :'(

smitchell 5,350 Rep 4 9 24	Post Options Post Reply Quote smitchell Report Post Quote Reply Posted: 17 Jan 2012 at 10:32pm
	@Septeven, How did you make the interface example?? I cant figure out how to put a image into a cell :O
	In memory of flash :'(

septeven 6,613 Rep 6 7 31	Post Options Post Reply Quote septeven Report Post Quote Reply Posted: 17 Jan 2012 at 10:45pm
	@smitchell I'll add the help file hopefully soon. I'll send you a simple capx right now if you want.

smitchell 5,350 Rep 4 9 24	Post Options Post Reply Quote smitchell Report Post Quote Reply Posted: 17 Jan 2012 at 10:49pm
	Yes please :)
	In memory of flash :'(

septeven 6,613 Rep 6 7 31	Post Options Post Reply Quote septeven Report Post Quote Reply Posted: 17 Jan 2012 at 11:20pm
	Changelog v1.01 [Fix] If user used the <b></b> html string, it occured a Construct 2 bug.

smitchell 5,350 Rep 4 9 24	Post Options Post Reply Quote smitchell Report Post Quote Reply Posted: 19 Jan 2012 at 11:33pm
	@Septeven, Im playing around with your plugin and as i said i would im adding a scoreboard to IScroll so it can be used on mobile devices. But what i really need is a append new row feature, like the text box's append new line, Is this possible?
	In memory of flash :'(

septeven 6,613 Rep 6 7 31	Post Options Post Reply Quote septeven Report Post Quote Reply Posted: 20 Jan 2012 at 8:17am
	@smitchell What do you mean by a new row ? Do you mean to go to next line ? If it is, look at the image example, there's some line that does this. Or maybe you mean a new column ... Please be more precise. Thx

NRABrazil 5,149 Rep 3 4 81	Post Options Post Reply Quote NRABrazil Report Post Quote Reply Posted: 20 Jan 2012 at 9:06am
	Hi, Please somebody had a demo of this plugin? Thanks