Möjligheterna med Envision

Ramverket Envision fortsätter utvecklas. Häng med när Henrik djupdyker i de möjligheter Envision erbjuder för dig som utvecklar eller administrerar webbplatser i Sitevision.

Henrik Ekelöf

Team leader och utvecklare, Sitevision

Envision – Så använder du nyheterna.

Envisionramverket har fått en rejäl översyn och är nu mycket mer användbart i många fler sammanhang. Henrik går igenom förändringar och nyheter och visar hur du kan utnyttja Envision bättre i såväl kommande projekt som på befintliga webbplatser.

Föredraget bjuder på tips och tricks för hur du använder nyheterna och hur du kopplar ihop Envisionteman med moduler och egenbyggda appar på bästa sätt.

Några exempel på vad som är nytt och/eller förändrat i Envision:

Teman på sidor och layouter
Omstrukturering av färger
CSS custom properties (variabler)
Användning av Envisionklasser och variabler

Länkar / kod

Envision, dokumentation:
envisionui.io

Envision, källkod:
github.com/sitevision/envision

Koppla formatmall till Envisiontema

/* KOPIERA INNEHÅLLET NEDAN TILL AVANCERAT-FLIKEN */

font-family: ~"var(--env-font-family)";
color: ~"var(--env-font-color)";

/* KOPIERA INNEHÅLLET OVAN TILL AVANCERAT-FLIKEN */

Välj tema enligt systeminställning

<!--
"Dark Mode"
Automatiskt temabyte
----------------
Lägg till som HTML-modul först i grundmallen.
-->
<script>
   ;(() => {
      'use strict';

      /* Ange temats klassnamn för det tema du vill byta till för mörkt läge */
      const darkModeThemeName = 'sv-theme-dark-mode';

      /* Ange samtliga övriga temans klassnamn */
      const otherThemeNames = ['sv-theme-light', 'sv-theme-pastel'];

      if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
         document.body.classList.add(darkModeThemeName);
         document.body.classList.remove(...otherThemeNames);
      }
   })();
</script>

Om Henrik

Henrik Ekelöf är utvecklare och team leader för ett av våra utvecklarteam på Sitevision. Henrik är civilingenjör i medieteknik och har många års erfarenhet av att utveckla webbplatser i olika CMS, bl.a. Sitevision.

Team leader och utvecklare, Sitevision