Lately it's been tough to write on a regular basis. I've been working on a rather all-consuming project for Lullabot - the redesign of the Grammys website. It was a great project that will be launching shortly, but my work on it has finished up, leaving me with some time to crank out a blog post.
So, in between my Drupal theming projects over the past four or five months, I've been reading quite a bit on Angular, creating a few trivial projects and generally trying to understand the framework more deeply before tackling a substantial project for a client.
Whenever I come across articles on web performance, they typically focus on a single aspect of making high performance websites - usually the backend. That's why you'll often see posts on caching and the like, similar to what's in the first part of my series on building high performance Drupal sites (which I'll be returning to once I have a nice block of time for writing the lengthy second installment).
There are other areas that get less attention, however. Frontend performance, for example. Fortunately, the neglect of frontend performance seems to be ending and there are great tools now available to help diagnose and fix problems, first and foremost the outstanding Chrome DevTools. Also see webpagetest.org if you're not using it already. But the thing that's on my mind lately is neither of these two areas, but rather how the site performs once it's fully loaded in the browser. Yeah, I'm talking about runtime performance.
If you're a frontend developer or designer that has grumbled about the challenges of Drupal theming, you no doubt applauded the announcement that the Twig template framework was being added to Drupal 8.
Fortunately, there are some folks that are already doing exactly that and sharing the results of their work. It's something called "Headless Drupal" and it's an approach that uses Drupal as a backend content repository and REST server.
You know those nifty "smooth scrolling" effects you've seen? Well, today I'm going to show you how to implement this animation on your Drupal site. But first, a little background.
About a week ago, as I was helping my wife with her website, she asked if I could make her site have this, "cool scrolling thing" that she had found while doing some research.
I mumbled something about looking into it and put it on my mental "to do" list.