The process of web development often starts with reviewing an existing website design. The generated web critique report is often evaluated base on several criteria. We will use several existing websites to discuss on these critic points and make proposal(s) on updating them

Wireframing and prototyping are the essential stages when developing a website. It allows quick rendering of concepts and ideas.

Constructing the basic block structure allows a good blueprint for any website development project. Using base HTML5 tags and CSS styling properties, we can quickly construct a good structure in a short time.

Responsive web design (RWD) is an approach to web design aimed at allowing desktop webpages to be viewed in response to the size of the screen or web browser one is viewing with. In addition it's important to understand that Responsive Web Design tasks include offering the same support to a variety of devices for a single website.

Using pure HTML and CSS, a navigation menu with dropdown menu could be easily constructed and styled. This also allow easy optimisation on different devices.

Slider is a common component that can be integrated easily to any website for better content placing. We will use Nivo slider for this integration. Copy & text can also be easily styled using content property.

User Interface (UI) elements are good ways to increase interactivity on your website. We will introduce a few components that are commonly employed for better interactivity