Drupal Theming

Using modern CSS and Javascript methodologies to rebuild the PreviousNext Mixtape Design System has been beneficial and fun. Here's how we did it!

The Drupal 10 update is moving to CKEditor 5. What’s different? It’s no longer an iframe! So how do we scope any custom styles we want to include?

VIDEO: Bundle classes and Layout Builder are powerful combinations. Discover how to use these with Twig to build and theme testable, clean, modern Drupal sites.

If you need global state management for your app(s) (and you probably do), a relatively new flavour of Redux called Redux Toolkit makes this considerably easier. 

Have you ever used {% if content|render|trim is not empty %} in twig to validate content is not empty? If so, you might end up with some surprises related to the use of the render method.
 

Internet Explorer retires next month (June 15th). It’s well and truly time for you to stop supporting it on your website for any current and future development (you have already, I hope).

Front-end technology stacks tend to move quickly. At PreviousNext, we are constantly evolving the tech stack to take advantage of best practices.

Jest is the defacto standard for testing in modern JavaScript, but until now, we haven't been able to leverage it for testing in Drupal. Thanks to twig-testing-library, that's changed.

Images on websites can be a huge pain when you are optimizing a site. We want our images to render as crisp as possible but we also want our sites to load as fast as possible. Content creators will often ask "what size image should I upload" and with the thought of some tiny image being rendered at full-screen width pixelated out of control we'll answer "as large as you've got". The content creator will then upload a 2mb jpeg and the load time/network request size will increase dramatically.

Allow sitebuilders to easily add classes onto field elements with the new element_class_formatter module.