Front-End Development

Close Up Software Developer Programming Code On Screen

CSS Transform Property: Four Common Uses

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 […]

Headphones

Landmark Your Way into Accessibility

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 […]

Abstract Lights

Defer offscreen images in Episerver

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 […]

Top 3 Reasons Why Episerver’s React-Based Front-End CMS Is Really, Really Cool.

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, […]

Accessibilty W3c Standards Brainjocks@1x

Accessibility: A, AA or AAA? That is the question.

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 […]

Tools@1x

Toolset for the Elite Web Developer

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 […]

Typing On Laptop@1x.jpg

Background to Foreground Image Solution for Responsive Web Development

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 […]

Javascript Laptop@1x.jpg

Sass Maps and Iterators

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” […]

Javascript Abstract@1x.jpg

8.1 Experience Editor JavaScript APIs

[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 […]

Abstract Css@1x.jpg

Flexbox: The Most Powerful CSS that No One is Using

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 […]

Abstract Pipelines@1x.jpg

Experience Editor: Commands, Pipelines, Requests

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 […]

Fire Circle@1x.jpg

To The Controller And Back. Part 3 – DI and Multitenancy

[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 […]

Load More