Research for my chosen topic

1.  Responsive Website Design

Responsive web designs. Try pulling the screen smaller and larger with your mouse and you could see it take effect. It's basically responsive, it responses to the size of the screen. Be it mobile/desktop or whichever platform.

A)   Benchmarks

Which makes These sites rather amazing.

Junction Design
Link Here

Things I notice on this site besides its beautiful responsive grids, are:

- Quick loading times
- It has that really smooth transition when you scroll down
- Easy to navigate, tons of contrast so that you would know where the buttons are.
- There's optimum amount of information provided on the site.
- Or like how the fonts change color and react when you are that particular section of the website.

A screenshot of website --> mobile interface. It changes! WOW!

the cons are:

- few.
- it feels a little confusing to me at first with those random triangles being placed around as such.

Creative Knight
Link Here

Another screenshot of web to mobile transitions

Pros:

- Not confusing at all, super clear and clean

- I notice the images in the links actually scale a little bit in and out to give more life to the site.

-The intro animation helps.alot.

- I have a thing for full blurred images plastered onto websites as backgrounds.

- It has a pretty cool custom cross-haired cursor.

Cons:

The colors bore me.

Design a Watch
Link Here

Pros:

- CLEAN
- Easy to understand
- The animations of the tick buttons. It scrolls rather than just switch coordinates/frames.

CONS:

- When I switch between the web and mobile sizes, they actually change the section I was in! BAD!
- It looks kind of unfinished. But the animations saved them.

B)   Sources of inspiration:
- The need to have the ability to be diverse in coding to translate webs into different platforms.
- Various award winning websites

C) Anyone who could code and design a beautiful website with good User experience.