The de­sign ag­nos­tic fea­tures of lay­erjs

Web Designer - - Tutorials -

lay­erjs is de­sign ag­nos­tic, that is, it pro­vides the de­signer with the nav­i­ga­tion as­pects while leav­ing the de­sign up to the creative. The stage-frame con­cept is what makes this pos­si­ble. Frames are sim­ply DIVS con­tain­ing the con­tent of your site, and they can be fit into Stages (also DIVS serv­ing as view­ports) dy­nam­i­cally. The root Stage is usu­ally the browser win­dow and its Frames rep­re­sent sub pages or app screens. Frames can be ex­changed within Stages us­ing an­i­mated tran­si­tions like swipes, fades or 3D tran­si­tions. Frames can be placed on over­lap­ping lay­ers al­low­ing ef­fects like par­al­lax back­grounds. The li­brary also sup­ports An­gu­lar, VUEJS, Re­act and jquery.

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.