I've thrown together a page based on the paper ui elements and love how mobile-friendly it is. But it does fall short with some functionality. For instance, I'd love for users to be able to swipe out the drawer of my core-drawer-panel, instead of using the button I'v provided on the toolbar.
What I'm looking for is along the lines of the Gmail app for Android.
Does anyone have an example page where this is used to good effect?
There is currently a pull request pending which will add swipe to open the drawer. See for details.
You can use a core-scaffold instead of core-drawer-panel
Related
I am building web-apps using Ratchet, replicating the look of native APPs.
Ratchet is doing a great job at replicating the look of iOS, but there is a feature which I really miss from iOS which is the ability to "move" an element to the next page by moving and zooming it.
Example: I have a list of articles. Upon clicking the thumbnail of the article, the thumbnail image gets bigger as the articles open, in a seamless transition.
The following gif. from Facebook "paper" illustrates well the effect I want to achieve:
http://d24njcbunk2gp2.cloudfront.net/assets/2014/02/Facebook-Paper-008.gif
My questions would be:
- Is this type of transition possible using only web-technologies?
- Is it possible, in general, to have one element moving in a continuous way from one page to another without any flickering effect?
- Would such effect be possible only with single-page applications? (say a single-page website built with angularJS)
- Would any framework / tool (PhoneGap?) be useful in achieving this result
Thanks so much.
Thomas
So I was tasked to do this: it's a timekeeping web application for employees of our company.
Thing is I don't know what that red part is called. Yes I have seen it in blogs and news sites where news gets slided up(or down). But I don't know what's it called so I can't look for sample codes of it.
So, I'm asking: what is it?
Do you means Coffin? http://fat.github.io/coffin/
Coffin is a UI component built on top of the Skeleton framework. It
aims to provide a simple, collapsible left shelf. Coffin is fully
responsive and automatically collapses in mobile views - allowing you
to swipe away and toggle a nagivation in and out of view. It behaves
similar to facebook/path's navigation UI.
I am trying to learn polymer by building my own mobile app. Can anyone point me in the right direction on how to create introduction pages like the "What's New" part of the android app "Today Calender" by Jack Underwood. Is there a way to do that with Polymer's built in elements? It's basically 3 pages you can swipe through. The page follows your finger if you release your finger past a certain point it will gently snap to the next page.
The swipe-pages custom element does exactly this. Swipe to navigate between pages, the pages start moving the moment you drag them horizontally, but only change pages if you drag past a set threshold.
Update:
This package is for Polymer 0.5 and does not yet work on Polymer 1.0
I made three CodePens while I was learning jQuery, so the code is a bit crude.
The first one works on a loop which allows for infinite scrolling.
The second one doesn't work in a loop.
The third one uses vertical slides, but you might wish to employ the bubble navigator. How they work is quite intuitive, but if you need any clarification feel free to shout out.
Here are all the CodePens:
Swiping in a loop
Swiping without a
loop
Side navigation
Is there any way to hide or remove the video button from the App Bar on a WP8 application using CameraCaptureTask? Our app only includes taking pictures, no videos. That's why we think it would be better remove the video button if it isn't really a choice. CameraCaptureTask (native task) keeps the video button disabled but visible, instead hide it...
Thank you in advance.
To answer your question in short, no, there is no way to modify a native task in that manner.
That said, there is a way around this, be it a little more laborous.
You're going to need to create your own camera capture page.
Here is the official MSDN Documentation and code on how to accomplish this.
http://code.msdn.microsoft.com/wpapps/Basic-Camera-Sample-52dae359/sourcecode?fileId=62725&pathId=1134966225
If it were me I would make a control that pops open when you need it that does the MSDN example.
Good luck to you and welcome to Windows Phone dev. If you want faster answers hit me up on the tweeter. #Anth0nyRussell
I have been working with cocos2d-iPhone, cocos2d-x, and cocos2d-html5 for quite some time. I wanted to ask if it is okay to build a website with cocos2d-html5. I want to do it because I want the website look interactive, animated, and scroll around like a game. We can do this with javascript, but is it possible to write it in cocos3d-html5? What are the drawbacks of doing this? And is there any existing website that is built on cocos2d?
Thank you for the help.
As i figured out, you cannot make a cocos2d-html based website as it is for making web apps for web sites. Although a web app can cover up the whole screen but there are a large number of issues assigned to creating such a situation. The internet users are used to using the refresh and back buttons on the web browser as well as opening in the new tab, nothing of these options would work in a cocos2d-html based web app as the navigation would be all done within the application and in no way can the button in the browser respond in the appropriate manner.