

<!doctype html>
<html dir="ltr" lang="en" data-page-type="blogpage" data-site-language="en" class="no-js" data-page-generated="2021-02-22 09:51:29" >
<head>
    <base href="https://tedgustaf.com" />

    
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>Blog on Episerver, technology, and strategy, behind successful websites - ted&amp;gustaf</title>

    <meta name="description" content="Articles on web development and content publishing with Episerver, featuring details on solutions behind successful large-scale websites.">
    <meta name="keywords" content="episerver,tutorials,development">
    <meta name="author" content="Ted &amp; Gustaf AB">

    <meta property="og:title" content="Blog on Episerver, technology, and strategy, behind successful websites - ted&amp;gustaf" />
    <meta property="og:description" content="Articles on web development and content publishing with Episerver, featuring details on solutions behind successful large-scale websites." />
    <meta property="og:image" content="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_6000,h_3141,c_fill,g_auto/w_1200,h_628,c_scale/www-prod/unsplash/0VGG7cqTwCo" />
    <meta property="og:url" content="/blog/" />
    <meta property="og:type" content="website" />

    <meta name="twitter:site" content="@tedgustaf" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="Blog on Episerver, technology, and strategy, behind successful websites - ted&amp;gustaf" />
    <meta name="twitter:description" content="Articles on web development and content publishing with Episerver, featuring details on solutions behind successful large-scale websites." />
    <meta name="twitter:image" content="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_6000,h_3141,c_fill,g_auto/w_1200,h_628,c_scale/www-prod/unsplash/0VGG7cqTwCo" />

    
    <link rel="apple-touch-icon" sizes="180x180" href="/Static/images/tedgustaf/apple-touch-icon.png">
    <link rel="manifest" href="/Static/images/tedgustaf/site.webmanifest">
    <link rel="icon" type="image/png" href="/Static/images/tedgustaf/favicon-32x32.png">

    
        <link href="/rss/" rel="alternate" type="application/rss+xml" title="Creativity Engineered by Ted &amp; Gustaf" />
    <link href="/rss/episerver/" rel="alternate" type="application/rss+xml" title="Episerver blog by Ted &amp; Gustaf" />

    <link href="/blog/" rel="canonical" />

    
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">

    
     

    
    

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />

    <link rel="stylesheet" href="/dist/css/tedgustaf.5e4e218ab7ed0c1fb1a4.css" type="text/css" />



    
</head>

<body>

    <!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PKH3XQ" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
    <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start':
                    new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                '//www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-PKH3XQ');
    </script>
    <!-- End Google Tag Manager -->

    








<header class="c-header">
    <div class="c-header__inner justify-content-start">
        <a href="/" title="Home" class="c-header__logo c-header__logo--small">
            <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#logo" />
            </svg>
        </a>
    </div>
    
    

</header>



    <script id="additionalPostIds" type="application/json">
        {
            "ids": [ 1475,1478,1482,1483,1484,1470,1404,1402,1398,1401,1400,1396,1397,1399,1257,1259,1258,1260,1262,1263,1265,1266,1267,1268,1269,1270,1271,1105,1106,1107,1108,1109,1110,1111,1112,1113,1114,1115,1008,1005,1003,1009,1010,1006,1007,1004,1000,1001,1002,998,999,923,924,921,922,920,919,918,285,283,284,290,288,286,287,300,295,296,297,291,292,293,294,289,276,272,273,278,281,282,277,279,280,275,309,310,311,307,308,303,304,305,306,301,298,299,274,271,268,266,269,270,260,267,263,264,265,261,262,122,123,124,125,121,117,118,119,120,114,115,116,111,110,112,113,109,101,102,97,98,94,95,106,107,108,103,104,105,99,100,96,93,89,90,91,92,85,86,87,88,81,82,78,79,80,71,68,67,70,66,69,65 ]
        }
    </script>




<div class="c-breadcrumbs s--with-logo">
    <nav class="c-breadcrumbs__inner e-slice e-slice--hidden-lg s--shadowless" role="menu">
            <ul class="c-breadcrumbs__items container-lg">
                    <li class="c-breadcrumbs__item s--immediate-parent">
                        <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                            <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#arrow-longer" />
                        </svg>
                            <a class="c-breadcrumbs__link" href="/" title="ted&amp;gustaf - Digital agency that makes it happen">
                                Home
                            </a>
                    </li>
                    <li class="c-breadcrumbs__item">
                        <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                            <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#arrow-longer" />
                        </svg>
                            <span class="c-breadcrumbs__link c-breadcrumbs__link--active" title="Blog on Episerver, technology, and strategy, behind successful websites">
                                Blog
                            </span>
                    </li>
            </ul>
    </nav>
</div>



<section class="py-5">


        <div class="container">
            <h1 >The T&amp;G blog</h1>
            <hr class="c-hr--dash-big t--primary" />
            <p class="t--preamble" >Learning from the past. Innovating for the future.</p>
            <form class="c-search" action="/blog/" method="GET">
    <input class="c-search__input" type="text" name="query" placeholder="Search for interesting articles">
    <input class="c-search__submit c-btn t--primary t--large" title="Search the blog" type="submit" value="Search">
</form>
        </div>
                <div class="c-filter">
            <div class="c-filter__row">
                <div class="container c-filter__options">
                    <a href="/blog/" class="c-filter__option c-btn t--large t--dim--quaternary-2 s--rounded s--active mr-md-3" title="Everything">Everything</a>
                        <a href="/blog/technology" class="c-filter__option c-btn t--dim--secondary t--large s--rounded  mr-md-3" title="Implementing solutions that work for both your stakeholders and your customers.">Technology</a>
                        <a href="/blog/ux" class="c-filter__option c-btn t--dim--primary t--large s--rounded  mr-md-3" title="Crafting user experiences through usability, accessibility, and graphics design.">UX/UI/Design</a>
                        <a href="/blog/content" class="c-filter__option c-btn t--dim--quaternary-3 t--large s--rounded  mr-md-3" title="Content is still king, regardless of where, when, and how your customers come in contact with it.">Content</a>
                        <a href="/blog/strategy" class="c-filter__option c-btn t--dim--tertiary-1 t--large s--rounded  mr-md-3" title="Service design involves both business and technology strategy, boiled down to hands-on tactics for delivering tangible results.">Strategy</a>
                </div>
            </div>
        </div>
</section>




<section class="c-card-list t--background-alt">
    <div id="blog-list" class="c-card-list__inner container-lg px-lg-0">
        


<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2021/ux--ui-design-trends-for-2021/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1600,h_800,x_0,y_2,c_crop/w_600,h_300,c_scale/www-prod/episerver/01469051-24ab-4a6e-bd8a-4aadba29558b/poster_blog.png" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1600,h_800,x_0,y_6,c_crop/w_600,h_300,c_scale/www-prod/episerver/01469051-24ab-4a6e-bd8a-4aadba29558b/poster_blog.png" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1600,h_800,x_0,y_2,c_crop/w_600,h_300,c_scale/www-prod/episerver/01469051-24ab-4a6e-bd8a-4aadba29558b/poster_blog.png" alt="Alt text" /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1706,h_1706,x_225,y_302,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-31" />                        <h2 class="c-author__name t--distinct">Erik Bernhardsson</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>4 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">3 February 2021</time>


            <h3>UX &amp; UI design trends for 2021</h3>

            <hr class="c-hr--dash-long t--primary" />
            <p class="t--sans mb-0">
                A strange year is behind us. For better or worse, life hasn&#39;t stopped completely and trends have come and gone even this year. Let&#39;s take a glance at the biggest UX/UI trends of 2020 and what I...
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="1a62929bcd4b454e824ea741e726647ben" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2021/is-health-the-trend-of-2021/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_2112,h_1056,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/874d89b6-73c8-44c4-8fe3-82323369d4de/tg_health_blogg_heart.jpg" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_2112,h_1056,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/874d89b6-73c8-44c4-8fe3-82323369d4de/tg_health_blogg_heart.jpg" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_2112,h_1056,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/874d89b6-73c8-44c4-8fe3-82323369d4de/tg_health_blogg_heart.jpg" alt="Header - Is health the trend of 2021?" /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1552,h_1552,x_397,y_357,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-25" />                        <h2 class="c-author__name t--distinct">Rickard Linder</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>11 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">25 January 2021</time>


            <h3>Is health the trend of 2021?</h3>

            <hr class="c-hr--dash-long t--primary" />
            <p class="t--sans mb-0">
                Is health the trend of 2021?
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="26584528ea1c40e886a779bff28943f3en" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/custom-rendering-of-episerver-forms/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_5057,h_2529,c_fill,g_auto/w_600,h_300,c_scale/www-prod/unsplash/Fv2J-aK0Acs" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_5057,h_2529,c_fill,g_auto/w_600,h_300,c_scale/www-prod/unsplash/Fv2J-aK0Acs" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_5057,h_2529,c_fill,g_auto/w_600,h_300,c_scale/www-prod/unsplash/Fv2J-aK0Acs" alt="computer" /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1411,h_1411,x_368,y_355,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-43" />                        <h2 class="c-author__name t--distinct">Sofia &#214;hrn</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>5 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">15 December 2020</time>


            <h3>Custom rendering of Episerver Forms</h3>

            <hr class="c-hr--dash-long t--secondary" />
            <p class="t--sans mb-0">
                This is the first part of a tutorial series on Episerver Forms. We will go through custom rendering, event handling, processing submitted data, and implementing custom actors. To adapt how forms...
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="7206a077e6fc49b4bea6ed82b3d6fd57en" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/tedgustaf-10-years/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_600,h_300,c_scale/www-prod/episerver/0fb65a42-79ab-4a24-b8c8-e6408eb7393e/logo_process.png" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_600,h_300,c_scale/www-prod/episerver/0fb65a42-79ab-4a24-b8c8-e6408eb7393e/logo_process.png" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_600,h_300,c_scale/www-prod/episerver/0fb65a42-79ab-4a24-b8c8-e6408eb7393e/logo_process.png" alt="10 years and anew brand" /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1706,h_1706,x_225,y_302,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-31" />                        <h2 class="c-author__name t--distinct">Erik Bernhardsson</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>11 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">12 November 2020</time>


            <h3>10 years and we are changing outfit</h3>

            <hr class="c-hr--dash-long t--primary" />
            <p class="t--sans mb-0">
                It&#39;s been ten years since T&amp;G was founded. What started as a web agency with a strong technical focus has now evolved into a digital agency. Still very strong in terms of technical capabilities, bu...
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="7e06a574ef844a1d9ba046d4e5d3e015en" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/change-available-languages-in-episerver-through-code/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_4608,h_2304,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/a6f7253d-3fa4-440b-ade3-ab58cf548f4a/database.jpg" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_4608,h_2304,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/a6f7253d-3fa4-440b-ade3-ab58cf548f4a/database.jpg" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_4608,h_2304,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/a6f7253d-3fa4-440b-ade3-ab58cf548f4a/database.jpg" alt="Person writing on a glass wall." /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1411,h_1411,x_368,y_355,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-43" />                        <h2 class="c-author__name t--distinct">Sofia &#214;hrn</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>3 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">24 September 2020</time>


            <h3>Change available languages in Episerver through code</h3>

            <hr class="c-hr--dash-long t--secondary" />
            <p class="t--sans mb-0">
                Examples of how to specify or change language settings for Episerver content programmatically.
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="ae9bc1064e764db89378a5e6ae068ca6en" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/terminology-of-a-uxui-designer/"
>
        <header class="c-card__header">
                <picture>
                    

        <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1280,h_640,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/5fc7f568-5eed-4e26-b2ea-b5482de33e84" alt="" />

                </picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1706,h_1706,x_225,y_302,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-31" />                        <h2 class="c-author__name t--distinct">Erik Bernhardsson</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>12 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">31 August 2020</time>


            <h3>Terminology of a UX/UI designer</h3>

            <hr class="c-hr--dash-long t--primary" />
            <p class="t--sans mb-0">
                In all fields there are certain terms whose meanings seem obvious to the initiated, but may be unclear or confusing to others. Ensuring we&#39;re on the same page doesn&#39;t only align our expectations, b...
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="974da53fd38e43bc8dc262510c08abd3en" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/curl---a-helping-hand-with-redirects/"
>
        <header class="c-card__header">
                <picture>
                    

        <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_3244,h_1621,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/ea868d16-c97f-495b-ab12-009ec435ff28" alt="" />

                </picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1411,h_1411,x_360,y_391,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-10" />                        <h2 class="c-author__name t--distinct">Hannes Lindroos</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>7 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">26 August 2020</time>


            <h3>Curl - a helping hand with redirects</h3>

            <hr class="c-hr--dash-long t--" />
            <p class="t--sans mb-0">
                Curl is a versatile tool and with a simple few commands it gives you easy insight into redirects along with the how and why of what’s happening along the way.
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="211755183f9543afafe60e68f4d6a62ben" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/rendering-adaptive-images-in-episerver/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1000,h_500,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/a2a45174-15bf-4fa2-b28e-5a7e88fdd63f/device-mockups.png" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1000,h_500,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/a2a45174-15bf-4fa2-b28e-5a7e88fdd63f/device-mockups.png" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1000,h_500,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/a2a45174-15bf-4fa2-b28e-5a7e88fdd63f/device-mockups.png" alt="" /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1585,h_1585,x_345,y_246,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-59" />                        <h2 class="c-author__name t--distinct">Ted Nyberg</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>9 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">29 June 2020</time>


            <h3>Rendering Adaptive Images in Episerver</h3>

            <hr class="c-hr--dash-long t--secondary" />
            <p class="t--sans mb-0">
                Examples of how images can be rendered to fit different designs and requirements when using the Adaptive Images add-on for Episerver.
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="89699bc5887e448b80ef535e9f30d56aen" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/using-adaptive-images-for-episerver-with-cloudinary/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_633,h_317,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/787d79e0-359a-4127-b816-fe5428941142/optimization-by-cloudinary.jpeg" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_633,h_317,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/787d79e0-359a-4127-b816-fe5428941142/optimization-by-cloudinary.jpeg" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_633,h_317,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/787d79e0-359a-4127-b816-fe5428941142/optimization-by-cloudinary.jpeg" alt="Graphic illustrating image optimization by Cloudinary." /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1585,h_1585,x_345,y_246,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-59" />                        <h2 class="c-author__name t--distinct">Ted Nyberg</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>7 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">27 May 2020</time>


            <h3>Using Adaptive Images for Episerver with Cloudinary</h3>

            <hr class="c-hr--dash-long t--secondary" />
            <p class="t--sans mb-0">
                The Adaptive Images add-on for Episerver is designed to work with Cloudinary for image transformation, optimization, and delivery. In this post we&#39;ll look at how you can set up Adaptive Images to...
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="e3960bb9f08049dcab377a7c5e4f1ed8en" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>






<article class="c-card-list__item">
    <a         class="c-card c-card__clickable-wrapper" href="/blog/2020/introduction-to-adaptive-images-for-episerver/"
>
        <header class="c-card__header">
<picture
>
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1904,h_952,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/20e59f68-59bc-41cc-839d-1b84e3b555d1/poster-screenshot.png" media="(min-width: 1200px)" />
   <source srcset="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1904,h_952,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/20e59f68-59bc-41cc-839d-1b84e3b555d1/poster-screenshot.png" media="(min-width: 768px) and (max-width: 1199px)" />
   <img src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1904,h_952,c_fill,g_auto/w_600,h_300,c_scale/www-prod/episerver/20e59f68-59bc-41cc-839d-1b84e3b555d1/poster-screenshot.png" alt="Screenshot of the Adaptive Images add-on for Episerver" /></picture>
            <div class="c-card__byline">
                <div class="c-author--mini">
<img alt="" class="c-avatar" src="https://res.cloudinary.com/tedgustaf/image/upload/f_auto,q_auto,dpr_auto/w_1585,h_1585,x_345,y_246,c_crop/w_48,h_48,c_scale/dam/Team%20Portraits/T_G-Portrait-59" />                        <h2 class="c-author__name t--distinct">Ted Nyberg</h2>
                </div>
                <p class="c-card__read-time">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#stopwatch" />
                    </svg>
                    <span>8 min</span>
                </p>
            </div>
        </header>
        <div class="c-card__content">
            <time class="t--sans t--bold">4 February 2020</time>


            <h3>Introduction to Adaptive Images for Episerver</h3>

            <hr class="c-hr--dash-long t--secondary" />
            <p class="t--sans mb-0">
                Developer introduction to Episerver Adaptive Images, an add-on for responsive and adaptive images in Episerver with one or more image services or DAMs integrated.
                <small class="t--heading pt-2 d-block"><span         data-disqus-identifier="9960b3de945d453e8a89741af417346cen" class="disqus-comment-count"
>0</span> comments</small>
            </p>
        </div>
    </a>
</article>




    </div>
</section>




<footer id="navigation" class="t--primary c-navigation e-stripes">
    <div class="c-navigation__fixed-container">
        <section class="c-navigation__container e-stripes">
            <div class="d-flex flex-column flex-grow">
                <a href="/" title="Home" class="c-navigation__logo">
                    <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                        <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#logo" />
                    </svg>
                </a>
                <nav role="menu">
                    <ul>
        <li  role="menuitem"><a href="/our-offer/">What we do</a></li>
        <li  role="menuitem"><a href="/projects/">What we have done</a></li>
        <li  role="menuitem"><a href="/who-we-are/">Who we are</a></li>
        <li  role="menuitem"><a href="/blog/">Our blog</a></li>
</ul>

                </nav>
            </div>
        </section>

        <section class="c-footer">
            <div class="c-footer__contact">
                <div class="c-footer__contact__social">
                    <ul class="c-social-media">
                        <li>
                            <a href="http://facebook.com/tedgustaf" title="Facebook">
                                <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                                    <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#facebook" />
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="https://twitter.com/tedgustaf" title="Twitter">
                                <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                                    <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#twitter" />
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/company/ted-&-gustaf-ab" title="LinkedIn">
                                <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                                    <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#linkedin" />
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="http://youtube.com/tedgustaf" title="YouTube">
                                <svg role="img" aria-hidden="true" preserveAspectRatio="none">
                                    <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#youtube" />
                                </svg>
                            </a>
                        </li>
                    </ul>
                </div>
                    <a href="/contact/" class="c-btn s--promote s--border t--secondary" >Contact us</a>
            </div>
            <div class="c-footer__links">
                <ul>
        <li  role="menuitem"><a href="https://karriar.tedgustaf.se/">Career</a></li>
        <li  role="menuitem"><a href="https://support.tedgustaf.com/">Support</a></li>
        <li  role="menuitem"><a href="/cookies/">Cookies</a></li>
        <li  role="menuitem"><a href="https://tedgustaf.se/">P&#229; svenska</a></li>
</ul>

            </div>
        </section>
    </div>
</footer>

<button type="button" class="c-scroll-top">
    <span class="c-scroll-top__icon">
        <svg role="img" aria-hidden="true" preserveAspectRatio="none">
            <use xlink:href="/dist/images/sprite.609ed5281a014f137e28e425e6b48d27.svg#arrow" />
        </svg>
    </span>
    <span class="c-scroll-top__label t--distinct">Back to top</span>
</button>

<button type="button" id="navigation-toggle" class="c-navigation__toggle">
    <span class="c-navigation__toggle-label t--distinct">Menu</span>
    <span class="c-navigation__toggle-stripe c-navigation__toggle-stripe--1"></span>
    <span class="c-navigation__toggle-stripe c-navigation__toggle-stripe--2"></span>
</button>



    <script type="text/javascript" src="https://dl.episerver.net/13.3.0/epi-util/find.js"></script>
<script type="text/javascript">
if(FindApi){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}
</script>


        <script id="dsq-count-scr" src="//tedgustaf.disqus.com/count.js" async></script>

    
    
    <script src="/dist/js/tedgustaf.770ea5a527306dd8ca10.js" type="text/javascript"></script>


    
    
    <script src="/dist/js/tedgustaf_blog.d72e57d34b96bf892227.js" type="text/javascript"></script>




</body>
</html>

