Diagram Views
Code | Follow along as we share our thoughts, perspectives, industry trends and insights. After all, good ideas want to be freed.
How to Optimize Images for Better Website Performance
Learn to optimize your site with responsive images, modern formats, and lazy loading to improve performance and user experience.
Why Do I Need an SSL Certificate?
Without understanding what an SSL Certificate is, it may be hard to realize why this is so important for your website. In this blog Diagram will cover both of these topics.
Custom Fields and ElasticSearch
Diagram's Ryan Duffing offers a tutorial on indexing and retrieving custom fields with Epinova.Elasticsearch for Optimizely (formerly Episerver).
Skeleton Screens: Giving Body to Your Content
Diagram's Nick Melville shares how Skeleton Screens are used to enhance the user experience while a page loads.
Three Reasons I'm Excited About Umbraco v8
Diagram's John McKillip shares 3 reasons he's most excited for Umbraco's v8 release.
ArcGIS Tutorial: A Google Maps Alternative
Diagram's Peter Pham shares a Google Maps alternative, ArcGIS, and how to add it to your Episerver website.
The Benefits of jQuery in Front-End Website Development
Learn how web developers can use jQuery to create website functionality that functions smoothly and is easy to update.
3 Things To Remember When Working To Improve Website Performance
We share some of the insights we gained by working on a redesign that would reduce page load time for a client's product pages.
The "Unofficial" HubSpot Developer Extension for Google Chrome
The HubSpot Developer Extension for Chrome/Chromium adds useful shortcuts to commonly used HubSpot Query Parameters, and tools for making HubSpot Development easier and more enjoyable. In this post, we'll breakdown the plugin and its features.
How to Choose the Right SMTP (Mail) Service for Your Website
Diagram's Rob Schall shares how to choose the right SMTP service for your website.
CSS Grid vs. Flexbox: Definitions and Differences
Diagram's Derrik Engel shares the definitions and differences between CSS Grid and Flexbox.
10 Questions You’re Too Embarrassed to Ask a Developer
Nobody wants to appear dumb when talking to technical people, so here are some answers to questions that you might have been wary about asking.
A Closer Look at Episerver Page Preview
One of the standard features a content management system has is the ability to preview a page before publishing. Today we're going to look at the Episerver Page Preview Package that allows editors the ability to preview the unpublished changes for a page without the authoring tools being shown.
Exporting Product Data as a CSV from Episerver Commerce
Learn how Diagram's John McKillip exported product data as a CSV from Episerver Commerce.
Developer Ethics, Or How To Be Sure You Don’t Make Kant Cry
Learn how the ideas of the philosopher Immanuel Kant inform the ethical standards that developers should follow when creating websites.
Utilizing Vulcan for Listing Pages in Episerver
Learn how utilizing Vulcan for the article listing page allowed us to quickly build a simple, flexible way to return sets of paginated Episerver content.
Content Best Practices: Tips to Achieve a More Successful Page
Content managers have a great deal of power over a website. We share some tips for how to format content to provide the best experience for every user.
2 Awesome Tools We Use to Test Your Ektron and Episerver Projects
Our teams have to use a lot of tools to do the work that they do every day to build, repair, strategize, and analyze. Some of those tools are highly technical.
Creating Episerver NuGet Packages
Episerver has a great developer community with excellent, helpful folks. Many of these wonderful people also author community NuGet packages for Episerver which provide multiple functionalities. In this post, we're going to discuss some components of how to make a NuGet package.
An Ektron Developer Learns Episerver, Part 2
We continue our in-depth look at how Ektron developers can get the most out of Episerver, discussing content Pages and Blocks.
An Ektron Developer Learns Episerver, Part 1
Ektron CMS developers need to learn a new platform following its merger with Episerver. Find out what one developer learned as he made the transition.
Scalable Vector Graphics (SVG): The Whats, Wheres, Whys, and Hows
Images on websites have traditionally used raster graphics such as GIF, JPEG, or PNG types. With high density displays and responsive web design necessitating more flexibility, SVG (Scalable Vector Graphics) files offer better way to decorate the user interface.
Build a Handler to Force the Download of Media Files in Episerver
We show you how to build an Episerver handler to force a file download regardless of browser/operating system.
5 Tools for Improving Your Website Content
Diagram's Britney Na shares 5 tools for improving your website content to help you measure your website performance.
What is HubSpot's HubDB and What can it do?
If you are using HubSpot Professional or Enterprise, don't overlook one of the greatest features available to HubSpot users with the Website Add-on: HubDB
Tips for Video Embeds | HubSpot, Blogs, Emails, and More
These days, a good content strategy really demands a variety of types of content. One of the types that has grown recently is video content.
Getting Started Using Vulcan Search in Episerver
We offer detailed instructions for how to set up Vulcan search in Episerver, which will index Episerver CMS content to Elasticsearch.
Improving Episerver Search With Vulcan 2.0
We take a look at the search features that the Vulcan 2.0 provides for Episerver developers.
Improve Episerver Content Editing with Validation
We look at the benefits of validation in Episerver and how developers can use it to save themselves and content editors a lot of headaches.
Streamlining the Content Editing Experience with Episerver
We look at how Episerver allows developers to customize the editing interface and streamline the process of content creation.
Episerver Developer Tricks: Creating a Custom Quiz Module
We look at how we were able to use Episerver to create a custom quiz functionality for one of our clients.
Using Bower and Gulp With Visual Studio 2015
We look at how to implement Bower and Gulp to bring package management and automation capabilities to Visual Studio 2015.
Implementing Episerver Forms: A Developer’s Guide
We offer a guide for developers who want to implement the Episerver Forms add-on, which provides a great deal of flexibility and customization for site owners.
How to Set Up Visual Studio Online for Continuous Deployments
We offer a step by step description of how to set up projects in Visual Studio Online for teams using continuous deployments of code.
Using EPiServer’s Scheduled Jobs to Automate Website Tasks
EPiServer's scheduled jobs provide website owners and developers with robust, customizable functionality to complete automated tasks.
Working with Multiple Developers in the EPiServer Environment
This guide provides the steps for setting up an EPiServer website development environment for multiple developers.
Using Caching Options to Ensure the Best Website Performance
A Diagram developer shares the options that can be used with caching website data to ensure that a site runs smoothly and correctly.
EPiServer’s Dynamic Data Store: a Better Solution for Custom Data
Learn how EPiServer's Dynamic Data Store gives web developers the power to create and utilize custom website data.
Thinking About the Content Author During QA
Learn why Quality Assurance (QA) should be about not just finding errors on a website, but ensuring that content authors can get the most out of it.
What I’ve Learned from Performing Cross-Browser Testing
Testing a website across multiple browsers is an important part of the Quality Control process. Here are some helpful tips for cross-browser testing.
Semantic Versioning: Putting Meaning Behind Version Numbers
What do the version numbers on software programs actually mean? Learn how Semantic Versioning can provide some insight about versions and upgrades.
How a Rubber Duck Taught Me to Be a Better Programmer
Programming is complicated, but sometimes inspiration can come from unlikely sources. Learn about an unorthodox tool for developers: the rubber duck.
How Diagram Uses Package Management in Development
Learn how Diagram manages common code modules through our Core Library to keep all our developers on the same page.
Web Developer Tip: A Better Way to Handle Caching
Caching data is a useful technique to improve website performance, but it can be prone to error. Learn how we've simplified and improved the process.
Why Cross-Browser Testing is an Important Part of QC
During the Quality Control phase of a web design and development project, cross-browser testing is vital. Find out why and how to implement this test.
Keeping Your Code Clean and Organized
There are many reasons to keep your code clean and organized, here are some of those reasons and guidelines to help you create cleaner code along the way.
8 Tips for Testing Your Website
Quality Assurance strategy and implementation is an important part of your project plan and can be the difference between a successful launch and one that is embarrassing to your organization.
