Tag: Javascript

A poor man's custom stylesheet bookmarklet

Working on a non-Sitecore project the last two years has caused a small hiatus in posts, but a strictly enforced no browser plug-ins policy did inspire me to make my own poor man’s custom CSS bookmarklet.

tags: Front-end - Javascript - Css

---

MutationObserver Promise made easy

When adding a new feature to my Nifty Sitecore Userscript I noticed a lot of similar code to initiate one-time MutationObservers and disbanding them again after the Mutation was Observed. Clearly, a refactor was in order.

tags: Front-end - Javascript

---

Using jQuery without breaking Sitecore 9 Forms validation

If the front-end code of you Sitecore 9 site is using jQuery, you might have run into some issues on pages with Sitecore Forms. This is because vanilla Sitecore Forms uses an unobtrusive form validation library that’s dependent on jQuery, but might not use the same version of jQuery that you wanna use in your front-end. jQuery has a .noConflict() method to deal with this, but how do you actually properly use it?

tags: Sitecore - Javascript - Front-end

---

Inspecting Jekyll objects for GitHub Pages

This blog runs on GitHub Pages, which is powered by Jekyll. Jekyll generates the website as static html based on html templates, scss and markdown files. The templating system used is Liquid which has its own Liquid code to which Jekyll exposes some objects that you can use to iterate posts and tags etc. But because this code is run when regenerating the static html, you can’t easily debug and step through this code.

tags: Jekyll - Javascript

---

Introducing nifty Sitecore userscript and filtering MutationObserver events

Like I’m sure many developers, when I use the same tool a lot I start see possibilities for improvement to suite my workflow. So too with the Sitecore client. So to automate everything I find myself doing twice, to the Tampermobile!

tags: Sitecore - Front-end - Javascript

---

User-editable points in Highcharts

A customer wanted data displayed in a chart and be able to edit a single point. It seemed to me the best UX would be to have a button in Highchart’s Tooltip with which to edit the value. Searching for a solution I found more people asking for this feature but not really an answer I could work with.

tags: Front-end - Javascript

---