Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use adaptive design #2

Open
chaabaj opened this issue Feb 13, 2015 · 4 comments
Open

Use adaptive design #2

chaabaj opened this issue Feb 13, 2015 · 4 comments

Comments

@chaabaj
Copy link

chaabaj commented Feb 13, 2015

By using adaptive design we can provide a more convenient view for each device(mobile, tablets, desktop). Bootstrap and responsive design sometimes they are not enough and sometimes you want to create a specific view and adapted to the device. Some plugin for AngularJS provide a way to handle this : https://github.com/ghengeveld/angular-adaptive-templating. So we can use bootstrap with adapted views. So what about responsive + adaptive design ?

We can provide adapted view in the server also in the server side

@pretty00butt
Copy link

@corneadoug was negative for responsive design at the beginning. I agree with his idea. I think it's better to build a prototype as fast as possible at the beginning. and we can extend adaptive designs on next steps or build a mobile app.

@chaabaj
Copy link
Author

chaabaj commented Feb 13, 2015

Yes sure 👍 We can for the beginning just provide desktop view and when we finished provide mobile view :)

@corneadoug
Copy link
Member

The plugin looks interesting, especially for separating your html and maintaining it.
The only problem would be duplicate of code between views, and changing all of them when we change one size.

I think AngularJS has enough tool to handle responsive or conditional views by default (ng-class, ng-if, mediaqueries in css)

But we can always give it a try later

@chaabaj
Copy link
Author

chaabaj commented Feb 13, 2015

Yes but instead of ng-if it make it once by just redirect to the correct view. For duplicate code we can make html blocks using ng-include or directive for more complex block.

Like this :

someFeature/
blocks/
someblock.tpl.html
desktop.tpl.html
mobile.tpl.html

but let see it later 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants