Circle

Spôsob ako robiť responzívny dizajn lepšie

Notebook
Phone
iMac
Tablet
Computer

JS.Responsive je nenahraditeľný pomocník pri responzívnom štýlovaní.
Pretože responzívnosť je viac ako len šírka okna!

Ako to funguje?

Na to, aby si mohol používať JS.Responsive, memusíš byť Javascript programátor ;)
Stačí ovládať CSS, SASS alebo LESS.

<html class="windows chrome landscape desktop small-more medium-more large state-complete normal-display">

JS.Responsive generuje špeciálne class-y do <html> elementu.
Napríklad o vašom operačnom systéme, prehliadači, verzii prehliadača, displeji alebo otočení displeja, document state, display density, break pointy podľa aktuálnej šírky okna, či je zariadenie dotykové, a mnoho iného...

html.landscape .menu { float: left; }

Môžete písať podmienené štýly zohľadňújucé tieto class-y a/alebo môžete použiť aj Javascriptové API.

 

Jeden príklad za tisíc slov:

See the Pen basic hi-res DEMO by wezeo (@WEZEO) on CodePen.

Vyrobené s pomocou JS.Responsive

S podporou JS.Responsive už beží množstvo stránok. Tak výskušaj aj ty za pomoci skvelej dokumentácie alebo pozri na niektoré z nasledovných: