In this series of posts, I would like to show our readers how to build out a single-application component in Sitecore using one of the many popular MVVM JS frameworks on the market – in this case Knockout, together with BrainJocks SCORE. Even if you don’t use SCORE in your project, you can still follow […]continue
Tag: Front End
When building a new site using BrainJocks SCORE, are you paying attention to the styling of the Experience Editor view?
Some project team members may consider this a waste of time, especially for projects that are low on budget and/or need to be finished very quickly. But neglecting Experience Editor has meaningful consequences – and your Content Administrators will be the ones who suffer. A frustrating authoring and editing experience can make it impossible to leverage the full power of even the best website.
Our ultimate goal with BrainJocks’ projects is to style Experience Editor to look as close to the front end of the site as possible, optimizing the admin experience. I’ll explain two types of Experience Editor styling that we address when we build websites.continue
BrainJocks has released SCORE v2.0, and our development team is loving it! This release brought many changes, but one of the biggest was to the front-end code. We have switched our CSS preprocessor from LESS to Sass, as many other developers have chosen to do. Even Bootstrap, which had been one of LESS’s biggest supporters, […]continue
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” […]continue
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 […]continue