Implementation of the fully fluid responsive layout

Kód výsledku v IS VaVaI

<a href="https://www.isvavai.cz/riv?ss=detail&h=RIV%2F62156489%3A43110%2F18%3A43913788" target="_blank" >RIV/62156489:43110/18:43913788 - isvavai.cz</a>

Výsledek na webu

<a href="http://ece.mendelu.cz/wcd/w-rek-ece/ece2018_fin.pdf" target="_blank" >http://ece.mendelu.cz/wcd/w-rek-ece/ece2018_fin.pdf</a>

DOI - Digital Object Identifier

—

Jazyk výsledku

angličtina

Název v původním jazyce

Implementation of the fully fluid responsive layout

Popis výsledku v původním jazyce

This article deals with the design and implementation of a reusable fluid responsive layout for websites. The implemented solution includes an elastic grid layout that ensures responsive layout of the elements. The solution also includes an elastic typography that ensures smooth font size changes depending on the width of the browser window. The features of elastic typography are then used and applied to the box properties of selected elements placed on the page. Thank to these features, the implemented solution ensures smoothly changing sizes of fonts, elements and spacing between them and better maintains the relative proportions between the elements on the web page. This solution can be used to create webpages. It can be also used as an inspiration for extending existing libraries or frameworks, such as Bootstrap. The goal of this article is the implementation of fluid responsive layout and its description and summarizing the benefits in the production area.

Název v anglickém jazyce

Implementation of the fully fluid responsive layout

Popis výsledku anglicky

This article deals with the design and implementation of a reusable fluid responsive layout for websites. The implemented solution includes an elastic grid layout that ensures responsive layout of the elements. The solution also includes an elastic typography that ensures smooth font size changes depending on the width of the browser window. The features of elastic typography are then used and applied to the box properties of selected elements placed on the page. Thank to these features, the implemented solution ensures smoothly changing sizes of fonts, elements and spacing between them and better maintains the relative proportions between the elements on the web page. This solution can be used to create webpages. It can be also used as an inspiration for extending existing libraries or frameworks, such as Bootstrap. The goal of this article is the implementation of fluid responsive layout and its description and summarizing the benefits in the production area.

Druh

D - Stať ve sborníku

CEP obor

—

OECD FORD obor

20205 - Automation and control systems

Projekt

—

Návaznosti

S - Specificky vyzkum na vysokych skolach

Rok uplatnění

2018

Kód důvěrnosti údajů

S - Úplné a pravdivé údaje o projektu nepodléhají ochraně podle zvláštních právních předpisů

Název statě ve sborníku

Enterprise and Competitive Environment: Conference Proceedings

ISBN

978-80-7509-561-9

ISSN

—

e-ISSN

neuvedeno

Počet stran výsledku

10

Strana od-do

600-609

Název nakladatele

Mendelova univerzita v Brně

Místo vydání

Brno

Místo konání akce

Brno

Datum konání akce

22. 3. 2018

Typ akce podle státní příslušnosti

WRD - Celosvětová akce

Kód UT WoS článku

—