Front-End Development

The CSS transform property allows a developer to perform a number of different actions on an element that changes how that element appears in the browser.  While the realm of possibilities for what you can do with one or more of the transform values is very large, here are some common uses to save time […]

HTML5 semantic sectioning elements are great for identifying page structure. Landmark elements such as <header> <nav> <main> <footer> <aside> <section> <article> and <form> are much easier to identify than a sea of <div>s, and provide accessible structure for screen reader users without having to add any ARIA attributes. Using these elements properly helps developers understand […]

Lazy loading images is a technique for modern web developers where you instruct the client’s browser to only download images as they are needed.  This leads to tremendous performance improvements, as client devices do not waste bandwidth downloading assets which are not being rendered.  To achieve this, we’ll use some client side mechanisms from css-tricks.com […]

2020 has offered us some big surprises that I don’t think any of us could have predicted. The most obvious one I won’t waste breath mentioning, but the other surprise that came up near the end of 2019 as we looked to kick off a new decade was Episerver’s acquisition of Insite. With this acquisition, […]

Accessibility: What it takes to achieve the highest level of accessibility while understanding and managing the trade-offs Why is Accessibility important? Every website has its target audience and site owners who always want to make sure their site attracts as many visitors as possible from its target audience. One way to achieve this is to […]

Remember the good ol’ days when you were learning how to code, and all that mattered was getting the code to compile and making sure the site rendered what you expected? You probably tried to keep your code organized and readable; after all, you had to be able to understand what you wrote. Maybe you […]

Proper design plays a key role when it comes to the topic of responsive web design (RWD). But sometimes we don’t have the luxury of a flushed out design to begin with. We often have to manage and make practical use of the assets in hand, and in some cases, background images can become a […]

One of the top rules for programmers is to stay DRY – don’t repeat yourself. CSS preprocessors are great for helping UI developers accomplish this goal. However, there are still some instances where it seems as if you can’t help but repeat yourself. Here’s a common example of background positions using a sprite: Typing “background-position” […]

[su_note note_color=”#fafafa”]There are parts of Sitecore APIs that are well understood, widely used, and probably won’t change without a really good reason. And then there are relatively new APIs – some introduced along with new product features (e.g. xDB in 7.5, Content Testing in 8.0) and others added to support the shift in the underlying […]

What if I told you that you can vertically center, match height, and reorder HTML using only CSS? Amazing, right? Now, what if I told you that this CSS is not supported in IE9 and only partially supported in IE10? cue Price is Right losing horn Flexbox is a very powerful set of CSS rules […]

The SCORE team is busy working on v1.5 and the main theme for this release is Sitecore 8. Last week I was enabling (SPEAK-ifying) our Page Editor ribbon extensions and this post is a collection of thoughts and tips that I gathered along the way. Moving Parts [su_note note_color=”#fafafa”]There’s a lot of moving parts and […]

[su_note note_color=”#fafafa”]A lot has been written on Dependency Injection with Sitecore. In this blog post I want to specifically focus on one important aspect – multitenancy – and look into how we can make our Dependency Injection multi-tenant friendly and as much native to Sitecore as possible.[/su_note] Multitenancy All good commercial grade CMS systems support […]