Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I am new to AngularJS framework and I am trying to get slide effect same as jQuery provides, I did google too much but didn't find anything related to it. So if any one has any idea about that please guide me to achieve that thank you.
You might find AngularUI useful if you want to animate DOM object insertion (check the animate directive).
---- Update -----
Newer versions of Angular (1.1.4+ I believe) add a ngAnimate directive especially made for adding CSS animation to Angular apps. Check the offical docs (http://code.angularjs.org/1.1.4/docs/api/ng.directive:ngAnimate) or http://www.nganimate.org/.
You can (and should) use the jQuery slide, but wrap it in an angular directive. Check the docs about directives and also this video.
In general, you should not be using jQuery directly with Angular, even in directives. It is a last resort. Here is another good post on the topic here on SO.
"Thinking in AngularJS" if I have a jQuery background?
In my humble opinion ui.bootstrap covers this issue, for instance this basic example http://surecode.me
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 4 years ago.
Improve this question
My question is the following. Should I avoid using any kind of jQuery code in Angular application as it seems legit to have only one thing interacting with DOM.
Another question is if anyone came across problems where he couldn't find any other solution but writing a quick hack with jQuery.
Thank YOU!
Yes it's a bad practice, but sometimes it will save you much time, especially when you are looking for a plugin,
Do it when necessary only, and keep a note to switch it back when other solutions are available.
The first thing you should do is to read this thread on SO "Thinking in AngularJS" if I have a jQuery background?. This will give you some perspective.
When it comes to Angular, it the model that drives the view and most of the times direct DOM manipulation is not required.
For example if you are using DOM manipulation to show\hide element, add remove class or set style, then better to use ng-show\ng-class\ng-style directive.
But there are cases when DOM manipulation is required and that is the time you write directives and either use jqLite or jQuery to manipulate DOM.
My suggestion would be to avoid jQuery unless you have to incorporate a jquery plugin that is dependent on jQuery.
While developing always look if the inbuilt directives that can serve your purpose. If not can jqLite be used to achieve what is desired. Your final resort should be jQuery.
Well it's just two large resources, which makes your app "heavy". Otherwise it's only a preference thing. Personally I don't use jQuery with any of the reactive frameworks (Vue, React nor Angular).
Remember that anything jQuery can do, you can do with vanilla JS.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm writing a hybrid app with HTML5, JavaScript and CSS for Android 4.0+ and iOS 7.0+. I was wondering: does JavaScript consumes much memory of the smartphone? Basically my script will: parse objects, handle events, Ajax calls, update the view, etc. I was considering about use jQuery o Angular.js too.
I'm focusing on performance and smooth experience.
Thanks!
As Ari Lerner writes about AngularJS in ng-book, "When we mix Angular into the flow, it extends this normal browser flow to create an Angular context. The Angular context refers specifically to code that runs inside the Angular event loop, referred to as the $digest loop." This is good for updating the view with a JavaScript library.
Both AngularJS and jQuery are extremely efficient, and can be used together to meet the needs listed above.
In my opinion, the optimal JavaScript library for mobile is jQuery Mobile.
https://docs.angularjs.org/misc/faq
Angular JS uses Jquery for some of its operations, and uses its own built in version if none is declared. I would suggest reading the documentation for a full grasp.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
How does one make Polymer work in Meteor? I have tried to use atmosphere packages ecwyne:polymer-elements and ecwyne:polymer but I can't get anything working. No observable changes. No one seems to have done a tutorial on the same out there. I am definitely doing it wrong.
Would someone be kind enough to break the whole process down for a newbie? I will highly appreciate
Maybe you just forgot to add the link into your head elements.
If you want to use one polymer elements you have to add it in your <head>
I made a boiler-plate, you can have a look at it, it works (meteor+polymer), I can made a better tutoriel if I have some feedbacks, I have one with only polymer and meteor and I'm working with a version with accounts on it also.
Here are the links :
meteor+polymer Very simple, a toolbar and a menu.
meteor+polymer+accounts Still working on it, works except for socials buttons but I'm on it
meteor+polymer+accounts Same as above but from the original meteor-useraccounts team
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I have seen some cool slides in html, but some are CPU-consuming or browser-dependent.
Since I am not very familiar with html5, I'd like to know what's the best practice or existing framework of making html slides.
And here is a more creative one similar to Prezi: http://bartaz.github.com/impress.js
Here's an excellent little "framework" for making HTML slide presentations, with animations, transitions and such.
Link: deck.js
I love it!
There is a great list of such presentation templates:
https://github.com/geraldb/slideshow/wiki/More-Slideshow-Projects-in-JavaScript
I found deck.js to be the best compromise between:
simplicity: you write the html and launch it in your browser, no need for a web server
customization possibilities thanks to the themes and clean structure letting you create your own CSS style easily
functionality with the extensions
possibility to print usable handouts
Keydown is a good alternative which uses deck.js and markdown language to write the slides but requires ruby to create the html.
The two options, I can recommend are following
Nivo Slider : You can hard code the images and links
Agile Carousel : Have the option to set it against some server script for rendering output
Use this library to make interactive presentations, stories or ads.
BoardJS
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Recently, I have found this site made by Google Team.
http://www.20thingsilearned.com/
So far I understand this is not based on Flash. How can I use this technology to make an online book using their technology?
I looked in the usual spots to see if there's a framework or something but I only found these two things (it looks like it would be a TON of work to use):
news.ycombinator.com/item?id=1918551 >>> gist.github.com/705761
Alternatively you might want to look into the slides at http://slides.html5rocks.com.
They have a Google Code project page at code.google.com/p/html5rocks/wiki/Slides where you can download the source for that.
EDIT
check this out!
http://bartaz.github.com/impress.js
and this!
http://lab.hakim.se/reveal-js/
This is HTML5. You can check the explanation here: http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html :)
Or if you want you can do it with jQuery Booklet too though not as smooth as HTML5, see here: http://tympanus.net/Tutorials/MoleskineNotebook/
They posted the source code for the whole app (running on Google App Engine) under GPL v2 at http://code.google.com/p/20thingsilearned/ so you can reproduce the whole book effect too.
Yes this is not flash for sure but flash or flexx can also be used for developing this. This is developed using HMTL 5 and javascript. HTML 5 is having a canvas object and the i believe it is using properties of canvas to bulid it. However if you will search for some jQuery book plugins then also you may get some similiar results.