 But uh, I did it. So I'm Todd Parker. I'm the project lead for the mobile project And I'm just gonna give you a rundown of what's been happening. So We're a pretty new project. We hit one oh eight months ago And I think it was two years ago when I was actually still working on pictures So it's pretty early on In those eight months we've done One oh we followed it up with a maintenance release in January and then we came out with one one oh Which was our first? Dot release and that was really where we rethought how we could do our transitions to make them a lot smoother and Did quite a bit of work on bringing fixed toolbars to the To the library of true fixed toolbars using CSS position fixed. So that was sort of an epic effort Currently we're working on a maintenance release for that and then we're also now working on one dot two Which is gonna bring a new widget which is pop up And I'll get into those in more detail a little bit later, but first I just want to talk a little bit about how the project's been doing so from a Popularity perspective we're doing really well. I think we're off to a really good start here Off with the bang the thing that I think is actually really interesting is if you look at who is using the library and where That's where things maybe are a little different than what you might expect so You'll notice that the US isn't even in the top 10 which is kind of cool We we do have some strength there were a lot of people speak English So we're in number four just kind of cool for English go English so So I think that's interesting and I noticed that on Twitter too So I'm I maintain the Twitter account and I can't read more than half of the tweets out there Which I think is actually really cool That was one of the goals of the library is to not leave anyone out and not take such a US-centric approach with Device sort support so you know and I think that really comes down to you know our goals as a library of you know really not leaving anyone behind and that I think these numbers are kind of bearing out the theory that broad compatibility with all devices and accessibility from the start is something that is really important and That this library fills that gap really well because prior to this every other library was just webkit and You know if you're a large company if you're like Disney or your Ikea You know you really want to make sure that you're reaching the broadest possible audience out there And that's why we're seeing companies like this adopt jQuery mobile because they can actually reach the greatest number of people From an ecosystem perspective, we're really as a project focused on just building the best set of Touch-optimized UI components out there that work on all these different browsers and keeping ourselves really focused on that area and So there's actually a really nice ecosystem kind of growing up around jQuery mobile You know MVC frameworks or tooling to let people you know use our front-end But use it in all sorts of different ways and so we've been collecting these on the jQuery mobile site You can check them out, but it's tons and tons is a metric ton of tools and frameworks out there It's also I think because we use a pretty declarative format where you're using just simple HTML Tooling seems to be really easy for people to build around jQuery mobile. So it's built into things like Dreamweaver, which is really cool Adobe is also just added support for building custom themes and fireworks Microsoft did quite a bit of stuff when they talked about MVC for where they're now really heavily Investing in jQuery mobile with tutorials and building in a lot of the library into the IDEs and things like that and to that end Microsoft also just recently announced a Theme and this is also a really important thing about the library. We've from the beginning said, you know We want to build interfaces that look like your brand not look like a particular operating system because we're really kind of going at it from the approach of The web browser and then you can wrap it into an app But the the first step of the library is a web browser. So it's sort of inappropriate to in a browser It'd be like hey, let's make this thing look like Windows phone 7 But when you're building an app with Cordova, for example, you do want it to look a lot more native in some situations So this is a really exciting thing where we can focus on building things that are easily theme-able and then either third parties Or these OEMs can actually build their themes on top of it using the same framework So there's a really cool Windows phone theme right now a Third-party guy actually came up with a pretty nice iOS theme So, you know if you are building an app you you know have these at your disposal, which is cool We also have quite a bit of plugins now So there's a pretty rich set if we don't have a widget in our library now There might already be a plugin out there for you that's compatible and that uses the theme framework and sort of our patterns and So that's interesting and what we do is we're also keeping an eye on what plugins people are building and saying Is that something that we want to start building as part of our library and we'll talk about that with a pop-up? Because that was one of the the plugins that there are three plugins already for pop-ups So that seemed like a solution we needed to bring The other thing is as a project, you know, we really want to make sure that You know, we're growing the team. We have a lot of work to do so we have 70 test devices in our lab you saw that picture and that's just The mobile phones tablets and e-readers and then we also as a library make sure that everything works on all the desktop devices as well So all those browsers. So there's a ton of testing. There's a ton of bugs. There's just a ton of work So we've been really growing the team when we were building one now. We had a pretty small team there are basically five people working on one now and Then we had Tyler who actually helped us build theme roller Kin from adobe and Tyler from adobe both are kind of being reassigned So now we're down to four people and what we've been trying to do is is grow the team So in the last few months, we've actually brought on six people and that's really been incredibly helpful So and is now our documentation lead Jasper we brought on recently and he's like a CSS master With Gabriel who works at Intel. He's been he actually was leading the development effort on pop-up With Matt who works with me at Filament Group He's also a CSS master. We've Jason Scott who's a committer from rim. She's really exciting and then We have Maurice who's been helping us with docks and triage so, you know as a project we really do want to involve as many people as we can and So, you know, if you are interested in getting involved I would definitely encourage you to reach out to us and Everyone here became involved in the project just by really being involved in the issue tracker helping us triage issues Doing pull requests and if you do that I'm always keeping an eye out and I will be like hey You want to actually join us on the team and then that's kind of the path to being a committer It's been really good for the project You know we have like I said so many devices and so much complexity that we were starting to kind of get a little Buried in issues and just in the last six to eight weeks, you know We've we've cut the number of open tickets from getting close to 600 down to under 350 Which is really exciting The other thing is we get a lot of contributions from the community and we want to turn those around quickly in the form of reviewing pull requests and giving feedback and That number we were actually recently at 12, you know, so we really have been cutting that down because we really want to make sure that we're You know looking at the code contributions in the community quickly and we can do more parallel initiatives and talk about that a little bit So let's talk about what's coming up. So The first thing that's coming up is one dot one dot one which is our first maintenance release for one one And I just pushed the button on the blog post half an hour ago or so So we just released RC one the plan with this is we think this is really solid if nothing major comes up We're just gonna go final really soon. So it'll be within a week or two This has over 50 bug fixes and improvements We've been improving the document the documentation quite a bit. We're always adding more more information there Couple interesting things in one one I just wanted to point out So the number one issue that we ran into after we released is that we had this mysterious issue Where on just certain pages they would get really slow And it was we have this we have this test page with 500 list items, which is a bad idea anyway but it's there for that reason and We just noticed like if you would scroll halfway down the page and you click a link It would take a really long time for something to happen and he went to the bottom It would probably crash on you and we were like that's not good that's definitely a performance regression and there it was like there were all these theories on what this could be and All sorts of different approaches and it turns out that it wasn't anything but the event system It was actually all about transitions so in one one we introduced the a new transition so that when you're on a page it fades out and does it's and then it fades back in or it does a flip and That's all well and good except apparently what happens in mobile browsers is when you scroll down keeps all that stuff in memory so if you were on a 20,000 pixel tall page it was trying and made a 20,000 pixel tall thing which doesn't work So we now have this little safety valve that we've built in so we basically say If you're more than if you're scrolled down more than a few screen fools We're just going to bag on the transition and that's a configurable option here That's get max scroll for a transition And this is sort of something we had to plummet at the end because mobile devices kind of handle this in an odd way So this is now back to being super fast. I tested a 2640 list item page and it was really fast Like I said, we also do quite a bit of stuff in phone gap Cordova a lot of people use it It's you know, we're very popular combination And so we spend quite a bit of time making sure that our stuff works really well with them In 1 1 1 there was some sort of mysterious CSS things that was causing flicker in some cases and we landed a couple Fixes for that. So that now should be resolved. So grab grab your 1 1 1 the other thing is Jasper is a madman and he spent like two weeks going through and making sure that every form element and every button and every possible permutation is exactly as Consistently sized as it possibly can be so and we're off by two or three pixels here and there and now he went and did everything perfectly So this is part of the polishing that we're trying to do with libraries Just go through everything with fine-tooth comb and make sure what we already have is really good Before we start adding too much other stuff. So like I said, help us test. This is out now And if you do find issues, please report them to us and If we don't have any major ones, we will be releasing that really soon So the next item is one point two and so for one two we're sort of adopting a new release strategy, which is to keep it really focused and So for all of these dot releases, we're trying to really just introduced one major feature usually a new widget and Then in addition to that doing maybe a refactor on one of our existing plug-ins or adding some smaller features But keeping the releases pretty small pretty concise so that we can release them More regularly, so we're shooting to be doing roughly quarterly releases for these dot releases So it will be rolling out features pretty consistently We were hoping to get this release for today, but we're we want to spend a little more time polishing it so we're gonna be shooting for doing an alpha of one two next week and To have that hopefully be released sometime late July or early August at the latest So I just wanted to show you really quickly the the pop-up widget and just explain what it does So this is also part of the new philosophy of instead of building a lot of really specific things trying to build some nice More generic tools that will let you build whatever UI you want From a market perspective, this is very similar to dialogue So, you know the dialogue right now is kind of it changes pages But you know it's the idea here is you start just our progressive enhancement approach You start with a link that anchors down to a div that has an ID pretty basic stuff And then by adding a data rail pop-up to the link you're telling the framework that hey I want this to actually be triggered as a pop-up and you add a data roll of pop-up to the pop-up container and It's really simple when you hit the the link or the button It opens a pop-up and it opens it up right where your finger actually pressed That's kind of the default behavior of the plug-in one of the things that we're doing Is thinking about how to deal with positioning other than just opening up near where you touched like maybe centering it up on the Screen and that's one of the things we want to try to get done before we release this as an alpha and Just like dialogues you can use all the standard set of transitions just by setting a data transition on your pop-up So it can open with a fade a pop nothing at all I would definitely recommend sticking to the simple ones like pop and fade or none some of these crazy 3d ones, you know, they work, but They're a little slower a little weird You also have the normal Theming patterns that we have so you can set a data theme on the pop-up itself to set the look and feel of that And then by default there is no the overlay theme that sits behind it is transparent But that's how would you dismiss it? but you can set an overlay theme on that and specify a swatch letter and And give it that look and feel like I said we we didn't want to build lots of specific things We wanted to sort of leverage what we already had and let you build interesting things So we did here's just a few simple examples that we put in the docs page to explain how this could work So first of all like for example, you could build a tool tip the tool tip is just some text, right? And we're setting our theme to e here. So it looks nice and yellow. That's a really simple example by putting a List view into a pop-up. You now have a menu. So hooray You can also take the all the same markup patterns that you might use in a dialogue like headers and footers and things like that Stick it into a dialogue into a pop-up and now you have kind of more of a in-page dialogue kind of thing You could build like a little custom form, you know a little login form for example You could do a lightbox right you put an image into a pop-up and now you have yourself a lightbox You could put a carousel inside a pop-up and now you've got a lightbox that you can swipe through You put a Google map into this right now you've got a map that pops up and Really the idea is you can put any widget you want into a pop-up. This is an example of an accordion I'm not sure why you do it, but there it is And by default all these the pop-ups really have very little appearance to them You know so they're meant to adapt to whatever content you put inside them There's no padding by default you can add padding if you want if you're putting things like Paragraphs of text, but if you want to put a widget like this it can go right to the edge and really really seamless So if you want to play with this now, it's actually up jQuery mobile comm slash test points to master and so does Google so If you search for things for jQuery mobile Google routes you to the to master which is really helpful But if you just navigate to the pages and dialogues, there's a pop-up link there And then you can play with all these examples And in the future what we're planning on doing like I said is adding more widgets, but doing it a really regular way Keeping regular releases. We're going to be doing quite a bit of work with performance tuning John Bender is going to be focusing on that specifically so not only getting pages to load even faster But also getting things like touch performance to be more responsive The other big goal for the year is is to be focusing on tablet layouts Which introduces all sorts of interesting things with the nap model and supporting overflow regions and things like that so Making things work From a responsive approach like the docks right now starting with mobile first and then having Multicolumn layouts kind of adapt as you have a larger screen is something that we want to give some tools to let people do that more easily And like Scott Gonzalez talked about Ui harmonization is sort of one of the other big goals of the project And that's why I'm being somewhat vague about our roadmap right now because I really do you want to figure out Kind of what we're doing with UI and we might be investing quite a bit more time in the UI side of things Getting these projects more closely aligned than just pushing out more widgets Other things I wanted to mention is theme roller So you we release theme roller when we release the library we made some changes for one one I just wanted to quickly point out so you'll see there's a new top bar on top of theme roller here And just has a couple cool features Tyler before he rolled off added a full undo redo stack So you can make some changes and then you can undo back which is really cool We also added version support so now you can now that we've multiple versions you can actually choose which version you're building a theme for from this drop-down and The kind of import feature also now is built to allow for easy upgrades So if you have a 1.0 theme or a 1.0 1 theme You can just go to the import paste in your theme and say I want to upgrade this to one two or one one one Or whatever it is and then we'll just automatically Create that theme for you and actually imports it and you can do some more editing and then download it So wanted to make that as easy as possible Other things in the works The big thing here is that we are writing new API docs that are going to be in the XML format Just like core and UI so I'm sure that's very exciting news for everyone that way everything can be consumed You know in a whatever way you want you can build an app that consumes the the docs And then we're also going to be using this more for the the documentation we have now So we'll be pulling in data from here to populate the more tutorial style documentation that we have And we have one more thing We now have a download builder which is very exciting news This is actually launched today. So you can go out to jQuery mobile comm slash download dash builder Gislin's been doing some awesome work on putting this whole thing together Earlier, we did a lot of work with AMD to kind of sort out our dependencies and that's being used now to Surface this download builder. So and we've the library has always been very decoupled We spent quite a bit of work months ago making sure all the widgets were decoupled This just gives you a small sample of the options. So we've really broken this thing up So we want to make sure that you can you can pick exactly what you want and build a really customized build That's as light as possible So, you know the the full version is great for development But when you're doing production get rid of the transitions are not using get rid of the widgets You're not using and really skinny it down. So the library is already fairly small, but this makes it that much smaller This is something that is going to work from one one one and forward just because of the code changes We needed to do to support this. So this is something we're gonna use going forward and This is alpha. So, you know, it's a brand new and we definitely want to capture any issues that people are running into So please do log the issues. There's a separate github tracker for this project. So it's the jQuery mobile builder GitHub project under jQuery. So please log issues. We've been having a lot of people doing alpha testing But I'm sure now that we've got 600 people here. We're gonna get a lot more issues. This is gonna get interesting But yeah, we're very excited about this feature That's pretty much it. I just wanted to encourage people, you know get involved, you know Everything we're doing is on github our issue tracker our code our wiki all those things and you know, we really we really do welcome your input and Look forward to working with you Support jQuery and I'd like to thank all of our sponsors as well. And lastly, I just put a page up on the jQuery mold site and If anyone has devices new or old that they'd like to contribute to the project, we'd really appreciate that We now have 10 people on the project. They're scattered all around the world And so if there's an issue that comes up I can't assign certain issues to certain people because they don't have the right devices So the more devices we get the more everyone can have a nice Test lab to to debug issues faster. So please if you have an old phone We love old junkie especially junkie Android phones give them to us when you've upgraded to your your jelly bean phone Give us your two one or two two or two three, but we're looking for any sort of Tablets or phones or e-readers the more the more variety we have the better everything will be and so really appreciate Donations on that front. So that's it. Thanks