Topics

Anahita Project

Anahita Project's Topics

Rastin Mehr

Rastin Mehr

November 15 2014

Going about MobileFirst in Anahita 4.1

Here is how we are going to approach the #MobileFirst implementation.

1. Update the existing layouts and UIs to the latest release of Bootstrap and #Mootools #Bootstrap https://anutron.github.io/mootools-bootstrap/

2. introduce #AngularJS and #JQuery to Anahita and gradually remove all the #Mootools code.

3. redesign the layouts and UIs based on MobileFirst approach.

2 and 3 may be happening in the same time.

Nick Swinford
Nick Swinford
November 16 2014 Permalink
What will we be using #AngularJS for?
Rastin Mehr
Rastin Mehr
November 16 2014 Permalink
to rewrite the Anahita javascript library
Nick Swinford
Nick Swinford
November 16 2014 Permalink
So we'll be writing the entire frontend in #AngularJS?
Rastin Mehr
Rastin Mehr
November 16 2014 Permalink
the Javascript library which is currenlty using Mootools and Clientcide.
Andrea Torre
Andrea Torre
November 17 2014 Permalink
About the point 2:

Do you plan to write the #AngularJS directives for Bootstrap from the scratch or to use https://github.com/angular-ui/bootstrap ?

About jQuery:

This stackoverflow post might be of interest: http://stackoverflow.com/questions/14994391/thinking-in-angularjs-if-i-have-a-jquery-background/15012542#15012542
Rastin Mehr liked this
Nick Swinford
Nick Swinford
November 17 2014 Permalink
Are directives #AngularJS version of web components?

We could consider using #polymer (https://www.polymer-project.org/). It's basically just filler to be able to start using web components today and it'll adopt future standards so that eventually we can just use native code. They have a host of included elements and their paper elements support #materialdesign.
Andrea Torre
Andrea Torre
November 17 2014 Permalink
No, #AngularJS 1.3.x directives are implemented without the use of the #WebComponents APIs.

#Polymer (currently in "developer preview") is amazing... and probably in 1-2 years, we will see AngularJS and Foundation converge on Web Components as well as some Web Components port of Bootstrap.

Currently Polymer is great with #Materialdesign
https://www.polymer-project.org/docs/elements/material.html

In the while... #FoundationForApps will be launched on December 2nd.
Rastin Mehr liked this
Brad Berger
Brad Berger
November 19 2014 Permalink
Not sure if you guys have stumbled across it yet, but there is also #MaterialDesign for #AngularJS, as well. https://material.angularjs.org/

It's actually pretty cool, and I've started using it on some production projects that don't require legacy browser support. It has flexbox for layouts, so it's super cutting-edge.

One might make a case that it would be possible to use it instead of Bootstrap, which would eliminate the need for both the Bootstrap and jQuery libraries. While it's not as complete as Bootstrap, most elements that would be needed are there, and missing ones should be easy to create. It a lot of ways it's considerable more advanced than Bootstrap.

Obviously, it has it's advantages and dis-advantages like anything else, but might be worth checking out, at the very least. The major downside, as noted, is browser support in IE for flexbox.
Unknown Person liked this
Andrea Torre
Andrea Torre
November 19 2014 Permalink
Hi Brad, I like your approach. At the moment #MaterialDesign is properly used by the #Polymer and the #AngularJS Teams... after all, these 3 projects are all by Google.

Also, the next AngularJS 2.x is meant to be Polymer-friendly.

Now, if Anahita were a startup-oriented framework to build #SaaS I'd evaluate #FoundationForApps Vs #MaterialDesignAndAngularJS but, as Rastin can explain better, today Anahita has probably a different target.
Rastin Mehr
Rastin Mehr
November 27 2014 Permalink
Change of approach after going deeper in the #ZurbFoundatin and #Bootsrap codes as well as tools to compile #Sass written css. Perhaps a better approach would be wireframing the UIs, rebuilding them, and then writing javascript plugins that are needed in #JQuery. Also despite the overwhelming popularity of Bootstrap I think foundation has a lot more to offer. The best way to find out that we start coding using Foundation until we find a reason that it isn't doing what we want. So no final answers yet until we have an implementation that we are happy with.
2 people liked this

Powered by Anahita