Project Description:
Instructions
1. Using RWD (Responsive Web Design) techniques and the compass breakpoint mixin, show the sections vertically (one above the other) if the display is a handheld or tablet device, but side-by-side with equal widths for desktop user agents.
2. Using SASS write a cross browser gradient mixin and use it to apply different gradients to each section.
3. Use [login to view URL] as the image if the device viewing the page is a Retina display.
4. Set this page up as an Angular app. Manually initialize the app before the closing body tag.
5. Create an angular directive with an interactive element that makes a simple change to the the presentation. For example, click a button and change the background color. Load the directive template from $templateCache. Feel free to be creative or even silly.
6. * Bonus question: Create a factory and use it in your directive to calculate the area of the directive element. Display the result of the calculation.
Skills required:
Angular.js, CSS, Javascript, LESS/Sass/SCSS
I have knowledge to complete the task following best practices and patterns. For further details you can contact me.
1. using fluid design, based on compass breakpoint mixin and media query depeding on screen width 768px
2 i am working with sass, compass breakpoint mixin is new to me but I am willing to learn about it
3. media query based on screen pixel density
4. "Manually initialize the app" is not totaly clear to me, would ask you to clarify, but I dont expect it to be difficult :)
5. I am familiar with angular directives
6. also shouldn't be a problem
I will involve 100% to satisfy to the client. I will coordinate with the client and get requirements will share the some ideas about how i am going do and etc.