I basically want to create the effect of parts of the DOM - divs etc - acting like single pages, like the data-role = content or page - but without using jquery or jqmobile as I find those frameworks too big and much too complicated for the simple tasks I require. They also come heavily designed, that I dont want to use.
I saw these posts, but they are looking for similar transitions, not the basic functionality
JQuery mobile page transition without jQuery mobile
jQuery Mobile CSS3 Page Transitions without jQuery Mobile Library
But these posts lead me to believe there is a simple and light answer out there to mimic the functionality. Can anyone suggest some Javascript, HTML5, or even a light framework that does this?
Thanks
How about just having a look at the JQM source code? That's the nice thing about open-source projects... ;-)
Sourcecode is pretty small, I am sure you'll be able to manually extract whatever fits your needs.
Related
This site is responsive and really fast for the effects
What is the template or framework used to get the sidebar at beta.atmospherejs.com ?
I don't know which framework can do it, but there're many good tuts for that similar effects by using css3.
You might have to check first one.
http://tympanus.net/codrops/2013/12/18/perspective-page-view-navigation/
http://tympanus.net/codrops/2014/02/06/fullscreen-overlay-effects/
http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/
http://tympanus.net/Tutorials/AnimatedBorderMenus/
I'm looking for a javascript framework to help me with mobile website front-end programming.
The perfect solution would be a js file that, when included in my project, will give me basic mobile helper functions/event handling such as drag and drop, tap-hold, swipe WITHOUT forcing me to create a mobile specific version of my existing website.
I looked at jQuery Mobile and jQtouch but both forces me to create a mobile specific version of my website.
Is there any framework that could help me?
I think a better way to say it might be: "Is there a lightweight framework for mobile apps that will also leave my existing site mostly alone." Does that state it well, or, did I misunderstand?
You should be able to get pretty far with jQuery and jQuery UI.
I would also recommend something like Knockout.js to handle data binding.
Of course, you could always pull out the functions you want from jQuery/JQM. As I understand it, JQM is fairly separable, the widgets, that is.
Zepto is a jQuery compatible Micro-Framework for mobile devices that should fit your needs
You should check out Sencha to the list of frameworks you're considering. I've been playing around wit
I'm about to implement a blog, and I'm pretty sure I want to go with jQuery, because I really like it.
However, when I last did jQuery, I just did plain HTML/CSS and then improved the user experience with what jQuery has to offer. Meanwhile, jQuery UI has been released, and it looks like a full-fledged user interface framework like Ext JS.
Can I benefit from jQuery UI with a rather simple website like this, or is it more geared towards web applications like GMail?
jQuery UI is quite large and seems to have lots and lots of CSS in their skins. I'm a bit worried that I would have to write/adjust tons of CSS to make the blog look like I want it to. If I did plain HTML/CSS, I would have fine-grained control over the appereance.
Edit: I'll stress again that I'm specifically wondering whether jQuery UI is intended for and useful for a simple website like a blog. It is no doubt useful for more sophisticated web applications.
Edit 2: Thanks for all your answers, too bad I couldn't accept more than one. By now I realised that jQuery UI is not like I expected a full-fledged web application framework, but rather a bunch of useful utilities on top of jQuery. I think I'll use it, if only for Draggable, Droppable and Selectable.
You don't necessarily need to write loads of CSS if you don't like the supplied styles.
The jQuery UI ThemeRoller is a very good web-based GUI for customising the look of the widgets. It then allows you to download your own customised (and minified) .css and .js files containing just the widgets you need.
I suggest that you should have a play with that first and see if you can make the demo widgets look how you'd like them before making any decision.
You can have both... I have! Where I am using widgets (datepicker) etc, I use jquery ui, besides visit : http://jqueryui.com/themeroller/ and you can customize the colours quite easily. The UI themes are recommended strongly if you use the widgets as the widgets rely on the css defined therein to move things around, for display and selection, handling rezise of widgets.
You can always build your site using html + css then add the ui theme later, as you said it will increase the user experience greatly... besides we always end up using 1 or 2 features then extend or find other suitable plugins.
As always, the answer is 'it depends'.
More specifically though, it depends on what kind of a UI you're planning on. If you find yourself coding functionality that's already there in jq UI go ahead and use it. They've got a handy theme roller plugin which will allow you to customize the skin to perfectly match the look of your site, so that is a non issue.
You might also want to include it all through a CDN (offered by google or MS) so that your site doesn't get slow downloading the (relatively) heavy initial payload.
I am using the JQuery Slider control for use as a double sided slider (dual slider).
It's a great UI control but I'm looking for an alternative that isn't so "fat".
Right now, just for me to use the Slider control, I have to include:
JQuery core
JQuery UI core
JQuery Slider plugin
When I both minimize using Google's awesome Closure (minimizer) and GZIP the JavaScript, I'm still at around 29kb.
Question: Do any comparable (dual) Slider control exist that isn't such a large download?
How about
jQuery Slider plugin (Safari style)
But to be honest 29kb isn't fat is it?
Here is another alternative that I found today so I thought I'd share it! I haven't used it, and I don't know how heavy it is, but the folks that built it seem to have a very strong focus on accessibility, which may or may not be important for your project.
http://www.paciellogroup.com/blog/misc/samples/aria/slider/doubleslider.html
I am building an app and want to have a lot of the site forms come up in a box over the screen with the background darkened out. I have seen redbox on github and it seems to do what I need it to do but I see that it hasnt been updated since 2007. Is there a new way to go about this? Any alternatives to redbox?
Thanks for your ideas!
Look at overlay effect in jQuery tools - a pretty nice library with a lots of demos. This is a collection of modern user-interface components such as tabs, tooltips, overlay, scrollable and so on. Single JavaScript file weighs only 5.72 Kb.
There is another pretty nice box plugin: jquery fancybox. It can display images, video, flash, html-content. Packed js weighs 15Kb. Very cool stuff.
we used facebox for popup the implementation and how to use popup on ajax subpages also explained http://www.spritle.com/blogs/?p=564. The ui for facebox is already given.Redbox development is stopped I think. I suggest to go for some other solution like thickbox, lightbox or any other solution if you want to apply your own style for your popup.But, in my opinion facebox is better.