Navigacija je ključna unutar svakog digitalnog sučelja. Pametne komponente omogućuju nam stvaranje prilagođenih interaktivnih navigacijskih komponenti koje savršeno funkcioniraju s ostatkom vašeg prototipa. U ovom vodiču obradit ćemo koncepte ugnježđivanja komponenti, dodavanja događaja elementima u komponenti pomoću varijabli događaja i propuštanja tih događaja kroz vaše komponente. Jedna od glavnih prednosti korištenja ugniježđenih komponenti je ta što pruža potpunu kontrolu nad njihovim stanjima, kao što su jedinstvena stanja lebdenja elemenata unutar druge komponente.

Počevši od atomske razine

Framer vam omogućuje stvaranje potpuno interaktivnih i animiranih komponenti, pa čak i ugnježđivanje komponenti unutar drugih komponenti. Izrađujemo komponentu navigacijske trake za web stranicu koja će sadržavati dvije različite vrste ugniježđenih komponenti, s njihovim vlastitim jedinstvenim interakcijama. Naš projekt će sadržavati navigacijsku traku koja sadrži različite ugniježđene komponente, naime pet Nav stavki i jednu komponentu Košarice za kupnju. Dizajn naših ugniježđenih komponenti, stavke navigacijskog popisa i košarice za kupnju, utjecat će na način na koji dizajniramo našu navigacijsku traku. Iz tog razloga, optimalni tijek rada uključuje početak s ‘najdubljom’ ugniježđenom komponentom i izgradnju od tamo.

Ugnježđivanje komponenti

Nakon što su naše dvije komponente spremne, možemo početi stvarati komponentu u koju ćemo ih ugnježđivati. Nacrtajte navigacijsku traku, odaberite je na platnu i kliknite alat Komponenta u alatnoj traci. Da biste ugnježđivali drugu komponentu u našu novu komponentu, jednostavno povucite bilo koju drugu komponentu na platno komponente i postavite je unutar dizajnirane navigacijske trake.

Pokretanje interakcija s navigacijske trake

Natrag na glavnom platnu, željeli bismo moći dodirnuti ‘Odjeća’ i preći na potpuno novi zaslon. Ako biste komponentu pomoću Prototyping Connectora povezali s novim zaslonom, mogli bismo postaviti interakciju. Međutim, to bi se pokrenulo ako dodirnemo bilo gdje unutar naše komponente. To nije ono što želimo učiniti, jer želimo pokrenuti ovaj prijelaz samo s određenog elementa. Tu dolaze do izražaja varijable događaja, koje su posebne vrste varijabli koje nisu vezane za svojstva (poput neprozirnosti ili ispune), već za događaje.

ZA SVAKI DAN, ZA CIJELU OBITELJ

• Među našim formulama vitamina C sigurno ćete pronaći onu koja najbolje odgovara vašem tijelu, načinu života i trenutačnim potrebama. Bilo da tražite veliku dozu ili tekuću formulu, imamo pravi izbor za vas. Osigurajte svom organizmu svoj vitamin C

Svi znamo da je vitamin C važan i da ga je dobro uzimati, osobito zimi ili kod oslabljenog imuniteta. Postoji dobar razlog zašto nudimo toliko različitih proizvoda: različiti oblici vitamina C mogu biti idealni za različite životne situacije, potrebe i stanja organizma. Neki ljudi preferiraju visoke doze, drugi s osjetljivijim probavnim sustavom radije biraju prirodne ekstrakte, dok je nekima jednostavnije uzimati vitamin C u tekućem obliku.
Ovaj vodič će vam pomoći odabrati vitamin C koji vam najbolje odgovara – i otkriti koji proizvod vam može pružiti najviše.

Uloga vitamina C u tijelu
Većina životinja proizvodi vlastiti vitamin C. I rani ljudski pretci su to mogli, no tu su sposobnost izgubili prije otprilike 60 milijuna godina. Smatra se da se to dogodilo kako bi tijelo moglo proizvesti više energije. Vitamin C je neophodan za imunološke stanice i može biti posebno važan tijekom infekcija i stresnih razdoblja. Redovita upotreba dodataka s vitaminom C ne smanjuje rizik od prehlade, ali smanjuje težinu simptoma i skraćuje trajanje bolesti(1).
Prospektivne kohortne studije pokazuju da je viši status vitamina C, procijenjen mjerenjem vitamina C u cirkulaciji, povezan s nižim rizikom od hipertenzije, koronarne bolesti srca i moždanog udara(2).
Najnovije istraživanje, provedeno na miševima i nedavno objavljeno u časopisu Cell, detaljno opisuje mehanizam iza potencijalnih antikancerogenih učinaka vitamina C. Novo otkriveni mehanizam djelovanja vitamina C istraživači su nazvali “vitcilacija”. Prema istraživanju, tijekom vitcilacije, askorbatni ioni (jedan od tri oblika vitamina C u krvi) modificiraju bjelančevine i način na koji se pogođeni proteini ponašaju(3).
Vitamin C je nužan za tijelo: kao antioksidans pomaže u zaštiti stanica od slobodnih radikala, doprinosi normalnom funkcioniranju imunološkog sustava, sudjeluje u stvaranju kolagena (važnog za zdravu kožu, zglobove i krvne žile), povećava apsorpciju željeza te je ključni antioksidans u središnjem živčanom sustavu. No, potrebe organizma nisu uvijek iste. Tijekom razdoblja stresa, umora, bolesti, operacije, sezone alergija ili intenzivne tjelesne aktivnosti, možda će vam trebati znatno više nego inače. U takvim situacijama važno je u kojem obliku i u kojem sastavu nadoknađujete vitamin C.

Liquid C+ Forte – tekući vitamin C za ukusno, brzo i snažno rješenje

 Ako želite osigurati učinkovit i ukusan vitamin C, Pure Liquid C+ Forte je najbolji izbor. Ova tekuća formula sadrži vitamin C u kombinaciji s koncentriranim biljnim ekstraktima šipka, kore naranče, kore limuna i zelenog čaja, koji djeluju sinergijski i pospješuju apsorpciju vitamina C.

Lion Kids C – žvakače tablete s okusom citrusa
Lion Kids +C su ukusne tablete s okusom naranče. Svaka tableta sadrži 75 mg vitamina C. Tablete u obliku simpatičnih životinjica zabavne su i privlačne za djecu, a njihov oblik je posebno prikladan za djecu koja još ne mogu progutati klasične tablete.

C 1000 Plus / C 500 – 100 tableta, visoka doza, dugotrajno otpuštanje, višemjesečno korištenje
Čak i ako redovito jedete dosta voća i povrća, to ne znači da unosite dovoljno vitamina C! S obzirom na smanjenu razinu vitamina C u hrani, veću izloženost stresu, škodljivim tvarima u okolišu i hrani, vaš organizam žudi za još malo dodatnog vitamina C. Kada osjećate da je vaš imunološki sustav oslabljen ili preopterećen – primjerice ako ste češće prehlađeni, infekcije su vam sve ozbiljnije naravi, u sezoni alergija ili u razdobljima psihičkog i fizičkog stresa – C 1000 Plus tablete s vremenskim otpuštanjem, mogu pružiti pravu podršku. Osim 1000 mg vitamina C, sadrže i organski šipak koji pospješuje apsorpciju i antioksidacijski učinak. Zašto je važno vremensko otpuštanje – jer se vitamin C oslobađa ravnomjerno i tako osigurava stalnu zaštitu tijekom više sati. Razlika je samo u pakiranju: C1000 Plus traje do 3 mjeseca, dok je C1000+ povoljnija varijanta dostatna za mjesec dana.

C 300 Plus / C Plus – formule vitamina C s bioflavonidima
U prirodnim izvorima kao što su voće i povrće, vitamin C uvijek dolazi u kompleksu s bioflavonoidima, a jedan podržava i umnožava djelovanje drugoga – to se zove sinergija. To znači da zajedno pružaju veću antioksidativnu zaštitu i podršku imunološkom sustavu, vezivnom tkivu i kolagenu nego što bi to činio svaki pojedinačno. Bioflavonoidi pomažu i u zaštiti vitamina C od oksidacije te poboljšavaju njegovu apsorpciju.
Ovaj najprirodniji mogući oblik i omjer tvari predstavlja formula C 300 Plus, koja sadrži 120 tableta s 300 mg vitamina C, 100 mg ekstrakta šipka i 30 mg bioflavonoida citrusa. Ovime vašem organizmu, i uz manje doze vitamina C prilagođene onima osjetljivijeg želuca, osigurava isti, možda čak i veći učinak od samog vitamina C.
Ako vaš organizam treba još više bioflavonoida za dugoročnu, svakodnevnu podršku dobar odabir je C Plus. Sadrži 75 mg vitamina C i čak 100 mg bioflavonoida citrusa i 100 mg ekstrakta šipka.

1) Hemila H, Chalker E. Vitamin C reduces the severity of common colds: a meta-analysis. BMC Public Health. 2023;23(1):2468.
2) Matsuzawa Y, Kwon TG, Lennon RJ, Lerman LO, Lerman A. Prognostic value of flow-mediated vasodilation in brachial artery and fingertip artery for cardiovascular events: a systematic review and meta-analysis. J Am Heart Assoc. 2015;4(11); Ashor AW, Lara J, Mathers JC, Siervo M. Effect of vitamin C on endothelial function in health and disease: a systematic review and meta-analysis of randomised controlled trials. Atherosclerosis. 2014;235(1):9-20.
3) Lysine vitcylation is a vitamin C-derived protein modification that enhances STAT1-mediated immune response, Xiadi He et all. Cell, Volume 188, Issue 7p1858-1877.e21 April 03, 2025

Navigation is key within any digital interface. Smart Components enable us to create custom interactive navigation components that work perfectly with the rest of your prototype.In this guide, we will cover the concepts of nesting components, adding events to elements in a component using Event Variables, and passing these through your components. One of the main benefits of using nested components is that it provides full control over its states, such as unique hover states of elements within another component.

Starting at the atomic level

Framer allows you to create fully interactive and animated components, and even allows you to nest components within other components. We’re building a navigation bar component for a website that will contain two different kinds of nested components, with their own unique interactions. Our project will contain a Navigation bar that contains various nested components, namely five Nav items and one Shopping cart component. The design of our nested components, the nav list item and the shopping cart, will impact how we design our navigation bar. For this reason, an optimal workflow includes starting with the ‘deepest’ nested component and building up from there.

Nesting components

Once we have our two components ready, we can start creating the component in which we will nest these. Draw your navigation bar, select it on the canvas and click the Component tool in the Toolbar. To nest a different component in our new component, just drag any other component to the Component Canvas and place it within your designed navigation bar.

Triggering interactions from the navigation bar

Back on the main canvas, we’d like to be able to tap ‘Clothing’ and navigate to an entire new Screen. If you’d connect the component using the Prototyping Connector to a new screen, we could set up an Interaction. However, this would be triggered if we tap anywhere within our component. This isn’t what we want to do, as we want to trigger this transition only from a specific element. This is where Event Variables come in, which are special types of Variables not attached to properties (like opacity or fill) but instead to events.

Navigacija je ključna unutar svakog digitalnog sučelja. Pametne komponente omogućuju nam izradu prilagođenih interaktivnih navigacijskih komponenti koje savršeno funkcioniraju s ostatkom vašeg prototipa. U ovom vodiču obradit ćemo koncepte ugniježđivanja komponenti, dodavanja događaja elementima u komponenti pomoću varijabli događaja i propuštanja tih događaja kroz vaše komponente. Jedna od glavnih prednosti korištenja ugniježđenih komponenti je ta što pruža potpunu kontrolu nad svojim stanjima, kao što su jedinstvena stanja lebdenja elemenata unutar druge komponente.

Počevši od atomske razine

Framer vam omogućuje stvaranje potpuno interaktivnih i animiranih komponenti, pa čak i ugniježđivanje komponenti unutar drugih komponenti. Izrađujemo komponentu navigacijske trake za web stranicu koja će sadržavati dvije različite vrste ugniježđenih komponenti, s njihovim vlastitim jedinstvenim interakcijama. Naš projekt će sadržavati navigacijsku traku koja sadrži različite ugniježđene komponente, naime pet navigacijskih stavki i jednu komponentu košarice za kupnju. Dizajn naših ugniježđenih komponenti, stavke navigacijskog popisa i košarice za kupnju, utjecat će na način na koji dizajniramo našu navigacijsku traku. Iz tog razloga, optimalan tijek rada uključuje početak s ‘najdubljom’ ugniježđenom komponentom i nadogradnju od tamo.

Ugniježđene komponente

Nakon što su naše dvije komponente spremne, možemo početi stvarati komponentu u koju ćemo ih ugnijezditi. Nacrtajte navigacijsku traku, odaberite je na platnu i kliknite alat Komponenta u alatnoj traci. Za ugnijezdivanje druge komponente u našu novu komponentu, samo povucite bilo koju drugu komponentu na platno komponente i postavite je unutar dizajnirane navigacijske trake.

Pokretanje interakcija iz navigacijske trake

Natrag na glavnom platnu, željeli bismo moći dodirnuti ‘Odjeća’ i otvoriti potpuno novi zaslon. Ako bismo komponentu pomoću Prototyping Connectora povezali s novim zaslonom, mogli bismo postaviti interakciju. Međutim, to bi se pokrenulo ako dodirnemo bilo gdje unutar naše komponente. To nije ono što želimo učiniti, jer želimo pokrenuti ovaj prijelaz samo s određenog elementa. Tu dolaze do izražaja varijable događaja, koje su posebne vrste varijabli koje nisu vezane za svojstva (poput neprozirnosti ili ispune), već za događaje.