markushylleberg/limeless-interface-design

Our final project for our interface design class

Want to try it out?

    1) Login as: 
            User: [email protected]
            Pass: annica
            
    2) Or sign up!

Limeless-interface-design

Final project for our interface design class

Techologies

    html, php, css, javascript, jquery(ajax)

Programming guidelines

Mobile first

    We will code this application in mobile first
    
    Mobile: max 414px
    
    Tablet: max 768px
    
    Small desktop: max 1024px
    
    Desktop: max 1200px

Naming conventions

    (JS) Write the javascript in a OOP matter

    (JS) Base function names on their action - descripe what they do
        eg. functions like; function showFilter(){};

    (JS) camelCase for javascript variables and functions
        eg. functions like; function myFunction(){};
        eg. variables like; const firstName = 'John';

    (CSS) Hyphen and lowercase for CSS-naming 
        eg. 'red-box: background: red'

    (CSS) We will try as much as we can to build our stylesheet based on our style guide
          and in that way build a framework to maintain consistancy on our site

    (HTML & CSS & JS) ID's will always be refered as camelCase

XD & Style guide

     Use our style guide and XD-prototype for styling