1) Login as:
User: [email protected]
Pass: annica
2) Or sign up!
Final project for our interface design class
html, php, css, javascript, jquery(ajax)
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