from the 2016 Hack2o in Willmar

1. RWD Webpage
Responsive Web Design(RWD) makes your web
page look good on all devices (desktops, tablets, and
phones).
RWD is about using CSS and HTML to resize, hide,
shrink, enlarge, or move the content to make it look good
on any screen.

2. An example of RWD

3. Primary Problem & Solution

 Implementing voice recognition into the webpage:
Solution: I tried some APIs, and could get one of
them to work and I implemented, fixed, and edited it.
 Make it responsive for all devices
Solution: Used HTML, CSS, jQuery, and made a
menu for small screens.

4. Business Model & Approach

 A responsive webpage design is very useful for businesses.
Image going into website of a business on your phone and
everything is changed and it is a mess.
 When customers see a nice webpage that they can easily
interact with it and it is user friendly, it has good affects on
them and then compare it to a webpage which is not
responsive, which is not good for a succesful business.

5. Project Application & Details

 The website uses mostly CSS to be responsive, and for the
animation and some other cool stuff I used jQuery which is
for animations and styling the page and its elements.
 This website on small screens like cellphones works fine. Its
menu on top changes to a dropdown menu when the screen
width is less than 1076 pixel.

6. Additional Project Details

 When screen width goes to less than 1076px; jQuery uses
CSS to change the top menu to a dropdown menu.
 When the page loads, all elements inside the menus load,
but user can see only one at a time. When clicking on
menus, the clicked one fade in and the others hide.

7. Competitive Advantage & Value

 Nowadays, more and more people are using smartphones
and tablets. So, it is important to have responsive webpage.
 From bussineses to individuals should use RWD to make it
easier for their users to use the website.
 If you do not have a RW, you cannot be sucessful.

8. Future Needs & Potential
Needs:
 Bussineses (restaurants, banks, shopping, ...)
 More and more webpages are going to be
responsive
 User-friendly, and easy to use
 CSS and JS libraries are updating with more
features to make your website more responsive.

9. Contact Information

 Email: msnajdihejazi@stcloudstate.edu
 Cell: (720)772-7279
 Webpage:
http://studentweb.stcloudstate.edu/msnajdihejazi