Skip to content
Our final project for our interface design class
PHP CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
apis
components
src
.DS_Store
README.md
about.php
data.json
edit-profile.php
example-page.php
how-to-use.php
index.php
profile.php
signout.php
signup.php
single-recipe.php

README.md

Want to try it out?

    1) Login as: 
            User: annica@poulsen.dk
            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
You can’t perform that action at this time.