Makezine.com Website Report

This report provides a comprehensive analysis of Makezine.com, an American website focused on DIY projects involving computers, electronics, robotics, and more. The report examines the website's responsiveness across various devices, discussing its positive and negative aspects. It includes user reviews highlighting the website's strengths in fostering creativity and providing educational resources. The report also analyzes the use of responsive web design techniques, including the advantages and disadvantages of this approach. Furthermore, it explores different website simulators and their functionalities, offering recommendations for improving Makezine.com's responsiveness and overall user experience. The conclusion summarizes the key findings, emphasizing the website's importance in promoting innovation and the need for continuous improvement in its responsive design.

Running head: RESPONSIVE WEBSITE
RESPONSIVE WEBSITE
Name of the Student:
Name of the University:
Author note:

1RESPONSIVE WEBSITE
Executive Summary
This report is all about makezine.com which is an American Website. The ultimate goal of this
website is to deal with projects that involves computers, electronics, robotics, metalworking and
other things. The ultimate goal is to make entertain oneself by making complex projects which
can be completed with cheap materials from the various household goods. The digital edition was
HTML based which provides a platform for freedom to access various blogs, forums.
The website offers certain things like DIY which stands for Do it yourself. It mainly focuses to
create things like blood pressure monitors, robots, brain scanners and other important things. It
also provides excellent interface to various users.

2RESPONSIVE WEBSITE
Table of Contents
Executive Summary..........................................................................................................................1
Introduction.......................................................................................................................................3
Discussion on Makezine...................................................................................................................4
Overview of Makezine.................................................................................................................4
Description....................................................................................................................................4
Main Features of the Website...........................................................................................................4
Identification of Positive and Negative Aspects of the Makezine Website......................................5
Reviewing Makezine Website..........................................................................................................5
Analysis of Responsiveness of Makezine Website..........................................................................6
Description of Review Tools:...........................................................................................................9
Advantages of Chrome simulator.................................................................................................9
Disadvantages of Chrome Simulator............................................................................................9
Recommendation:.............................................................................................................................9
Conclusion:.......................................................................................................................................9
References.......................................................................................................................................11

3RESPONSIVE WEBSITE
Introduction
Makezine.com is an American website which mainly focuses on the daily publishing of
magazine by Maker media (Ma and Tian 2014). The ultimate goal of this website is to deal with
projects that involves computers, electronics, robotics, metalworking and other things (Kloxin
and Bowman, 2013). The ultimate goal is to make entertain oneself by making complex projects
which can be completed with cheap materials from the various household goods (Katterfeldt
2014). The first version was released in the year of 2005, it is also available in the version of
various IPad and digital form on the internet (Kloxin and Bowman, 2013). The digital edition
was HTML based which provides a platform for freedom to access various blogs, forums, on the
contrary digital edition provided limited sharing of blogs with various people (Ma and Tian
2014). This website launched many public events to celebrate arts, crafts, and various engineering
and science project (Andersson and Titov 2014).
Responsive Website design focuses to improve the outlook of web pages on various devices like
desktops, tablets and phones (Katterfeldt 2014). It comprises all about the use of CSS and HTML
to adjust, hide, shrink, zoom and to move the contents on the screen for better resolution and
display on the screen of any device (Katterfeldt 2014). As the user switches from the iPad or
mobile phone to laptop then the website should switch as per the need of the accommodation for
resolution, image size and other factors (Andersson and Titov 2014).
In this report we are discuss Makezine.com, device simulator, various other simulators
and also collect review about the website from different users (Andersson and Titov 2014)
.

4RESPONSIVE WEBSITE
Discussion on Makezine
Overview of Makezine
Website of makezine.com satisfies necessary goals for designing a suitable
interface to serve the website in a more efficient way. It focuses on the key points which are
necessary to be achieved (Beaver 2012). The interface of this website enough attractive to various
customers from different regions. This particular website creates a brand image in the eyes of
different customers. The interface of the website matters a lot to various customers. Responsive
website design is nothing but an approach to create web page that can automatically adjust with
different types of devices (Beaver 2012). The ultimate goal is access the same website from
different websites. This website makezine takes this feature into account. Responsive Website has
come into action due to the growth of various smartphones and other compactible devices (Ma
and Tian 2014). This website named magazine takes Navigation into account as it differentiates
various as per the need and width of the browser (Mallon 2014). For smartphone users the
navigation keys are on the top of the page while for others widths are at proper location as per the
need (Brown and Green 2016). This website follow the key elements required for scaling a
website when it is first provided to customer (Moisio, Arnould and Gentry 2013). It also follows
the branding element of the website as it provides a flexible grid which is essential for branding
the sites during the creation of its mobile version (Mallon 2014). This website makezine stops
padding with different white spaces that are available. The website also checks the appropriate
positing of important information and also ensures that nothing is overcrowded or misallocate on
the website (Beaver 2012).
Description
Makezine is an American online website that focuses to create new things
like computers, electronics, robots and other things from cheap materials. The interface of the
website is enough attractive to attract various customers from different region (Mallon 2014). The
following categories like latest, projects, guides, make faire, shop and getting involved. Latest
category comprises of 3D printer, Dev boards, robots, skill builders, digital fabrication and
education (Morgan and Eve 2012). The project category mainly comprises of maker camp, digital
fabrication, craft and design, science, drone and vehicle. Guide category mainly comprises of
guide about 3d printer, Board guide, drone guide, gift guide (Moisio, Arnould and Gentry 2013).
This website arranges faire in different location of America (Morgan and Eve 2012). The shop
category mainly focuses on selling of different products like 3d printer, beginners kit and
different type of books and magazine (Moisio, Arnould and Gentry 2013). Getting involved
category mainly focuses on creating a portfolio, setting up camps, providing newsletter (Brown
and Green 2016).
Main Features of the Website
Website of makezine mainly focuses on DIY which stands for do it yourself and DIWO
which stands for do with others (Morgan and Eve 2012). It mainly focuses to build projects
which involve products from different domains like computers, electronics, robotics and working
with metal and wood substance (Reas and Fry. 2015). The ultimate goal of this website is to
entertain people by allowing them to create projects from cheap materials. The skill builder
section aims to provide technical skills in various domains like welding, electronics and making
of mold. The digital part of the website is HTML based which gives the freedom to access

5RESPONSIVE WEBSITE
different blogs and forums that are available on the portal of this website (Oplinger. 2014). This
magazine aims to celebrate arts, crafts, projects from various domains of science and engineering
(Ratto and Boler 2014). Make television is another step taken by Twin Cites Public Television
to produce various television shows on DIY projects (Brown and Green 2016). About ten projects
were produced which comprises of detail information guides to various users (Perry 2012). Later
on some projects and information guides were produce which mainly comprises of some useful
techniques that were later on submitted online for the benefit of user from different zones
(Oplinger. 2014).
Identification of Positive and Negative Aspects of the Makezine Website
Makezine provides some advantages by using responsive web design like consistent
branding and user experience, optimized SEO, simple maintenance, cuts the need of mobile
version of a website (Hartman 2014). A responsive website like Makezine adapts all the
important information through the method on different devices as per the need. User from
different domains can access the same website through different devices irrespective of their size
(Schultz. 2016). Responsive website aims in building the same look and feel on different
devices. Responsive web designing can be considered as the key tool used by Google (Hartman
2014). Because of this technique many websites can be accessed through mobile phones without
affecting their resolution (Schultz. 2016). Their effect will be ultimately being shown while using
goggle on different device. There is no need to constantly update both the mobile site and the
main site. Just a change in one site is enough and it will change all the required contents in the
site. It saves the admin from the stress of updating two sites (Schultz. 2016). It saves time as the
user is not redirected to separate mobile website. Google consider redirection as a negative aspect
as it reduces the time for searching any information over the internet. Makezine website is super
flexible as it allows user to access it from a range of devices. It also provides excellent interface
to various users (Hartman 2014). It is also considered as cost effective technique, as at the cost of
single website design it can be accessed from a range of devices.
Makezine provides some disadvantage by using responsive web design like it increases
the loading time and many times it is seen that users transfer HTML/CSS codes to different
domains. In many cases pictures that are stretched cannot be simply resized which creates a
negative effect on the loading time of the website. It does not provide freedom to easily change
various aspects like title description and other contents. The development of responsive websites
take longer time. Responsive website is mainly designed to provide resolution as per the need of
various users (Hurst and Kane 2013). It is a very remarkable evolution in the field of web
designing. It invites web designer from different regions to take up brand challenge. There are
some negative aspects of responsive website design which can be simply overcome by giving
additional stress on the planning and updating stage of the given website (Hurst and Kane 2013).
Reviewing Makezine Website
Christine Smith who is 37 years old lady, an engineer by profession rated makezine as
five star. The website offers charming things like DIY that offer freedom to create all articles and
this article gives the key points for the construction (Tanenbaum et al. 2013). She stated that it
provided the opportunity to build things like blood pressure monitors, robots, brain scanners and
other important things. The printed magazine of this website has very long pages with very few
amount of ads in comparison to other publication from different website (Tanenbaum et al. 2013).

6RESPONSIVE WEBSITE
She also stated that makezine plays a key role in fueling of mental fire which ultimately give new
possibilities and ideas. Now they are arranging one-day science fairs and small festivals to grow
interest not only in magazine but also in various domains like science, engineering and crafts
(Hurst and Kane 2013).
Irene Williams who is a 45 years old lady, a doctor by profession rated makezine as
five star. She stated that she and his husband used visit science fair conducted by this website
where they build a machine using computer mouse that can navigate around and change direction
when it faces obstacles in its path (Igoe 2012).
Both the reviews do not differ as makezine provides an important platform to initiate new
ideas and possibilities. This particular website mainly focuses on DIY which stands for Do It
Yourself (Wong 2013). Because of this DIY new inventions are possible with the help of science
and engineering.
Analysis of Responsiveness of Makezine Website
Fig: 1
1280x768 pixels view

7RESPONSIVE WEBSITE
Fig 2
480x640 pixels
Fig 3
700x960 pixels

8RESPONSIVE WEBSITE
Fig: 4
200x320 pixels
Fig: 5
400x640 pixels
Description of Review Tools:
Computer programs or various device that uses some regions of real life conditions, it
can be manipulated to check the outputs of various assumption and risks or action without any
exposure to danger and risk (Ignore 2012). A simulator can be any hardware or software that

9RESPONSIVE WEBSITE
simulates the different function of one system into another system. Now a day many simulators
have been released under GNU general public license which helps in collaboration. Developing
cost for a simulator must be high but it can be used to provide better effective solution.
Advantages of Chrome simulator
Chrome device simulator can be considered to be very fast and it
readily sets up a good environment and the setup is also very easy. It very for studying the
behavior of an application. The main task of simulator is providing a safe environment for
various devices. It mainly helps in checking the unexpected behavior.
Disadvantages of Chrome Simulator
Chrome device simulator does not take consideration of the
hardware requirement of any file. The results of simulation are very difficult to analyzes due to
incomplete availability of data.
Some simulators like screen fly, dimension toolkit, studio Press can be considered similar
to google chrome simulator.
Screen fly simulator provide 27 views which include desktops, tabs and cellphones. There
are approximate ninety rotation option provided by this simulator that will switch the view from
one mode to another. It provides a simple, clean and attractive interface for the users.
Dimension tool kit provide a very attractive interface and multiple viewing option for its
clients.
Dimension simulator can be used to provide a very good interface for its users. It is
considered as the latest version of tools.
Recommendation:
There is certain recommendation which must be taken are that the loading time for the
website must be improved so that the users do not face any problem related to it. Various aspects
like title description and other contents can be easily changed. There are some negative aspects of
responsive website design which can be simply overcome by giving additional stress on the
planning and updating stage of the given website. In many cases pictures that are stretched cannot
be simply resized which creates a negative effect on the loading time of the website.
Conclusion:
From the above discussion it can be concluded that Makezine is very important site
which ignites fire of ideas and inventions in various people. The website offers certain things like
DIY which stands for Do it yourself. It mainly focuses to create things like blood pressure
monitors, robots, brain scanners and other important things. It also provides excellent interface to
various users. It is also considered as cost effective technique, as at the cost of single website
design it can be accessed from a range of devices. On the contrary it has some disadvantages like
it increases the loading time and many times it is seen that users transfer HTML/CSS codes in
different domains. The development of responsive websites take longer time. Responsive website
is mainly designed to provide resolution as per the need of various users. It is a very remarkable
evolution in the field of web designing (Igoe 2012).

10RESPONSIVE WEBSITE

11RESPONSIVE WEBSITE
References
Andersson, G. and Titov, N., 2014. Advantages and limitations of Internet‐based interventions for
common mental disorders. World Psychiatry, 13(1), pp.4-11.
Beaver, T.D., 2012. “By the Skaters, for the Skaters” The DIY Ethos of the Roller Derby
Revival. Journal of Sport and Social Issues, 36(1), pp.25-49.
Beaver, T.D., 2012. “By the Skaters, for the Skaters” The DIY Ethos of the Roller Derby
Revival. Journal of Sport and Social Issues, 36(1), pp.25-49.
Brown, A. and Green, T., 2016. Virtual reality: Low-cost tools and resources for the
classroom. TechTrends, 60(5), pp.517-519.
Hartman, K., 2014. Make: Wearable Electronics: Design, prototype, and wear your own
interactive garments. Maker Media, Inc..
Hurst, A. and Kane, S., 2013, June. Making making accessible. In Proceedings of the 12th
International Conference on Interaction Design and Children (pp. 635-638). ACM.
Igoe, T., 2012. Getting Started with RFID: Identify Objects in the Physical World with Arduino. "
O'Reilly Media, Inc.".
Katterfeldt, E.S., 2014. Maker culture, digital tools and exploration support for FabLabs. FabLab:
Of Machines, Makers and Inventors, pp.139-147.
Kloxin, C.J. and Bowman, C.N., 2013. Covalent adaptable networks: smart, reconfigurable and
responsive network systems. Chemical Society Reviews, 42(17), pp.7161-7173.
Ma, X. and Tian, H., 2014. Stimuli-responsive supramolecular polymers in aqueous
solution. Accounts of chemical research, 47(7), pp.1971-1981.
Mallon, M., 2014. Maker Mania. Public Services Quarterly, 10(2), pp.115-124.
Moisio, R., Arnould, E.J. and Gentry, J.W., 2013. Productive consumption in the class-mediated
construction of domestic masculinity: Do-It-Yourself (DIY) home improvement in men's identity
work. Journal of Consumer Research, 40(2), pp.298-316.
Morgan, C. and Eve, S., 2012. DIY and digital archaeology: what are you doing to
participate?. World Archaeology, 44(4), pp.521-537.
Oplinger, J.L., Heiman, M.A.M., Dickens, M. and Foster, M.C.H., 2014. Making and
engineering: Understanding similarities and differences. age, 24, p.1.
Perry, B.W., 2012. Fitness for geeks: real science, great nutrition, and good health. " O'Reilly
Media, Inc.".
Ratto, M. and Boler, M. eds., 2014. DIY citizenship: Critical making and social media. MIT
Press.
Reas, C. and Fry, B., 2015. Getting Started with Processing: A Hands-On Introduction to Making
Interactive Graphics. Maker Media, Inc..