#! code6d ago

New! Drupal 11: Creating A Tabbed Interface With HTMX

This is part three of a series of articles looking at HTMX in Drupal.

In this article we will be creating a tabbed interface in Drupal, where HTMX is used to power loading the data in a tab like section without reloading the page.

https://www.hashbangcode.com/article/drupal-11-creating-tabbed-interface-htmx
#drupal #drupalDevelopment #drupal11 #htmx #hashbangcode

Drupal 11: Creating A Tabbed Interface With HTMX

This is part three of a series of articles looking at HTMX in Drupal. Last time I looked at using HTMX to run a "load more" feature on a Drupal page. Before moving onto looking at forms I thought a final example of using HTMX and controllers to achieve an action.

#! code
SpecbeeApr 8

Struggling with taxonomy cleanup in Drupal? Read this blog to learn how the Bulk Term Delete module helps remove multiple taxonomy terms at once and improve admin efficiency.

https://www.specbee.com/blogs/clean-up-drupal-taxonomy-bulk-term-delete

#drupal #drupaltaxonomy #drupalmodule #bulktermdelete #drupaldevelopment

#! codeMar 29

New! Drupal 11: Building A "Load More" Feature For Paginating Nodes Using HTMX

In this article a controller action is created to load some pages of content to display them as a list.

New items can be appended to the existing list using a HTMX callback, creating a load more feature.

https://www.hashbangcode.com/article/drupal-11-building-load-more-feature-paginating-nodes-using-htmx
#drupal #drupal11 #drupalDevelopment #drupalHtmx #hashbangcode

Drupal 11: Building A "Load More" Feature For Paginating Nodes Using HTMX

Following on from my last article, an introduction to HTMX in Drupal, I wanted to start looking at examples of HTMX being used to power interactivity in Drupal in different ways.I thought a good place to start this off would be to look at using HTMX in a simple controller. By creating a route to a controller we can render content and then inject HTMX attributes to perform actions with the same controller.

#! code
#! codeMar 22

From the archive! Drupal 9: Extending Drupal Base Classes Without Overriding Constructors

This article details a technique for injecting dependencies into constructors, forms, and plugins without needing to override the constructor.

We break down how to use dependency injection and what the technique does to improve this in Drupal.

Despite the article being written for Drupal 9, the technique is still relevant in Drupal 11.

https://www.hashbangcode.com/article/drupal-9-extending-drupal-base-classes-without-overriding-constructors
#drupal #drupalDevelopment #hashbangcode

Drupal 9: Extending Drupal Base Classes Without Overriding Constructors

I have been using the Drupal dependency injection system for a while now, even giving talks and writing articles on the subject. As the release of Drupal 10 is just around the corner I have been thinking more about how to override dependencies to plugin classes.

#! code
#! codeMar 15

New! Drupal 11: Making Interactive Elements With HTMX

HTMX is a JavaScript library that allows you to make ajax calls and create CSS transitions without writing any JavaScript code.

In this article we will look at how HTMX is integrated into Drupal, and what services exist to help you use it within the Drupal system.

https://www.hashbangcode.com/article/drupal-11-making-interactive-elements-htmx
#drupal #htmx #drupalDevelopment #hashbangcode

Drupal 11: Making Interactive Elements With HTMX

HTMX is a JavaScript library that allows you to make ajax calls and create CSS transitions without writing any JavaScript code. It works by adding attributes to HTML elements, which it then uses to set up and perform ajax requests, swap elements, and a few other things.It was added to Drupal in version 11.3.0* and gives developers the ability to create interactive elements using render arrays and HTML attributes. The intent is to replace the entire ajax sub-system with one built around HTMX, and there is quite a lot of work ahead to accomplish this task.

#! code
SpecbeeMar 4

What if your Drupal site could feel faster without big changes? Lazy loading might be the easiest fix you’re not using.

https://www.specbee.com/blogs/lazy-loading-in-drupal

#drupal #lazyloading #imagelazyloader #drupaldevelopment #drupalperformance #webperformance #sitespeed

SpecbeeFeb 26

The real difference between a Drupal agency and a general web agency isn’t what you think. Are you asking the right questions? Read this article to find out what you’re missing.

https://www.specbee.com/blogs/drupal-agency-vs-web-agency

#drupal #drupalagency #webagency #webdevelopment #digitaltransformation #drupaldevelopment

SpecbeeFeb 6

Drupal Canvas (Experience Builder) limits WYSIWYG editing within its own text formats. Use the Canvas Full HTML module to remove these limitations, giving content editors full control over their rich text content.

https://www.specbee.com/blogs/extending-drupal-canvas-with-canvas-full-html

#drupal #drupalcanvas #drupaldevelopment #drupalmodules #canvasfullhtml #webdevelopment #drupalcustomization #cmsdevelopment #htmlintegration

SpecbeeJan 30

Planning to scale Drupal? Understand consulting costs, what great Drupal consulting covers, and how to pick a partner who improves speed, security, and maintainability.

https://www.specbee.com/blogs/drupal-consulting-costs-and-benefits

#drupal #drupalconsulting #drupaldevelopment #drupalagency #webdevelopment #digitaltransformation #enterprisetechnology #drupalpartner #cmsdevelopment

SpecbeeJan 22

Losing track of revisions after repeated edits in Drupal? Learn how Entity Reference Revisions preserves content integrity by ensuring safe edits, accurate history, and reliable workflows.

https://www.specbee.com/blogs/entity-reference-revisions-drupal

#entityreferencerevisions #drupal #drupaldevelopment #drupalmodules #paragraphsmodule