ePrints.FRI - University of Ljubljana, Faculty of Computer and Information Science

Using SVG for Responsive Web Site Development

Marija Štokelj (2014) Using SVG for Responsive Web Site Development. EngD thesis.

Download (1816Kb)


    The principal goal of this thesis is to examine responsive web design approach and the SVG (Scalable Vector Graphics) standard for vector graphics. Both topics are ultimately used on designing a web page. The opening chapter presents the difficulty of ensuring the users with effective and accessible web pages, across all kinds of mobile devices that are currently available on the market. Responsive web design is presented as a viable solution for the development of web pages, which are optimised for viewing on any device. The following section describes the SVG standard as a particularly suitable graphics file format for responsive pages, as it preserves the original sharpness of images regardless of scaling intensity. Furthermore, the size of vector graphics files is significantly smaller in comparison to raster graphics, which is a beneficial fact, since mobile devices have more limited resources. Combination of both solutions is implemented on a responsive web page for generating graphs. Those are created with SVG by using the D3 (Data-Driven Documents) library. The conclusion presents the results of testing the web page across multiple browsers and devices, along with our evaluation of the benefits and downsides of both of the discussed topics.

    Item Type: Thesis (EngD thesis)
    Keywords: Responsive web design, SVG, vector graphics, web page, D3.
    Number of Pages: 52
    Language of Content: Slovenian
    Mentor / Comentors:
    Name and SurnameIDFunction
    prof. dr. Matjaž B. JuričMentor
    Link to COBISS: http://www.cobiss.si/scripts/cobiss?command=search&base=50070&select=(ID=10498644)
    Institution: University of Ljubljana
    Department: Faculty of Computer and Information Science
    Item ID: 2447
    Date Deposited: 24 Mar 2014 11:47
    Last Modified: 01 Apr 2014 13:06
    URI: http://eprints.fri.uni-lj.si/id/eprint/2447

    Actions (login required)

    View Item