Lat lasting (eller «lazy loading» på godt norsk) av bilder er en teknikk for å øke ytelsen ved å utsette lasting av bilder til det er strengt nødvendig. Lenge var dette en øvelse som krevde komplisert kode eller bruk av biblioteker, men nå har de fleste nettleserne innebygget støtte.…
Optimizely Content Manager is a lightweight editing UI that aims to make publishing content easier, as it takes away some of the complexity. I like the idea, but here are two main issues left before Content Manager could be used in a production environment.…
When deploying your site to Episerver DXP, there are so many options. Some are quite fast, some are super slow. I show how to deploy to the Integration environment the fast way, using Azure DevOps.…
When deploying your site to Episerver DXP, there are so many options. I show how to deploy using Azure DevOps, the deployment API, and Epinova's DXP deployment extension.…
Episerver is perhaps not the most used platform for developer blogs, but adding code snippets can be useful in other scenarios too. Adding syntax highlighting to TinyMCE is easy, using the Code Sample plugin. It works well with both Prism.js and Highlight.js, two popular syntax highlighters…
After completing part 1, setting up syntax highlighting with the bare minimum, it's time to let your code shine. Highlight.js has 95 different styles, or themes. Find one that you like, and adjust the link to the CSS file with the name of the style. I like Tomorrow Night Bright…
I would like to display the name of the programming language in the top right corner. One problem with this is, that I do not want to add any extra markup. I want to use the unmodified Code Sample plugin, I want to be able to change or reposition the label…
The alternative text (or «Alt Text») for images serves three purposes: Visually impaired users using screen readers will be read the alternative text to better understand an image. The alternative text will be displayed in place of an image if an image cannot be loaded.…
When creating Episerver tools, editors and plugins, maintaining a consistent look and feel is a good thing. Read more, and see a long list of button classes on the Epinova-blog. If we dive inside the EPiServer.CMS.UI package, the file ToolButton.css can be found in /App_Themes/Default/…
It's long past due to forget your webforms skills. Here is a simple recipe for how to make Episerver admin tools in MVC.…