In a recent project I wanted to use the Tippy.js library in the custom Drupal 8 theme I was working on. While I knew most of the things needed to do this in theory I did not know how I should do it step by step in practice.

Unfortunately, I did not find one resource which would have told me what to do. But I found several different resources with partial information and by using them I was able to figure out a working solution. Here it is:

Add the third-party JS lib to your theme.
You can use your…

The thing: as a web developer you want to use a certain technology but you have to support IE — which has never heard about that fancy solution…

To give you an example: modern browsers can place items below each other in the same CSS Grid column creating implicit grid rows. Although IE supports ( the early version of ) CSS Grid, it can’t do that.

Fortunately, Autoprefixer can help a lot in making a CSS Grid layout work in IE. But it doesn’t do everything. For example, it can’t solve the placing problem mentioned above: “The most important thing…

Szubjektív összefoglaló az európai konferencia legemlékezetesebb pillanatairól

Számomra a konferencia legjelentősebb momentuma az, hogy — különféle szakmai eseményeken tartott előadásokkal a hátam mögött — Bécsben sikeresen debütáltam DrupalCon előadóként is! A CSS Grid-ről és CSS Variables-ről tartott bemutatómra csordultig telt a 200 fős terem, és nem csak az érdeklődés maradt meg, de a (nyilvános és privát) visszajelzések is szívet melengetően pozitívak voltak!

No long introduction, no long explanation just the steps in a short list as a reminder (and maybe as a little help for others).

1. Install and enable Crop and Image Widget Crop Drupal modules.
2. Create a new crop type (/admin/config/media/crop) based on the image style you want to add the crop to.
3. Add a manual crop effect to your image style (/admin/config/media/image-styles/manage). Select the crop type you’ve just created and after adding it set the manual crop as the first effect applied to the image!
4. Add the crop type you’ve just created to the list of the available crop types…

Displaying different dates here and there in a site is a common task. Let’s see some examples how to handle it in Drupal 8 Twig!

During this tutorial we will work in the page.html.twig file. Of course I do not have to say that you have to have your own custom theme and your own page template there… :)

Display copyright message with auto updating end date

Let’s start with a simple task: display a copyright message in which the end date updates automatically. All we have to do is adding this short code to the template.

Let’s see what happens here! The first part is just…

Twig templates of Drupal 8 makes our life much easier when we want to customize the HTML output. But when the goal is to change a Drupal 8 menu we have to use the menu.html.twig template which is not the most friendly one and it’s customization can be tricky because of several reasons. So I wanna show you how I did it.

Goal

Change the HTML output from this…

…to this…

…so we can keep our CSS specificity low and our CSS component easy to write and maintain.

Let’s start it!

Originally I published this article here on Medium. But later I decided to move it to my own blog. You can continue reading at thamas.hu!

If you wonder that I call myself this name you have not seen Dries’s Amsterdam keynote yet probably. Being “George” means to be an active contributor of Drupal. And being a mentor is a special case of contributing when you help others become “George”. That is what I did first time at DrupalCon Amsterdam.

Preparing

After signing up but before DrupalCon I just collected some information about this “mentoring thing”. The real “work” started in Amsterdam at the mentor orientation session. …

That feeling! Walkin’ through the square in front of Amsterdam RAI, the venue of this year’s DrupalCon (Europe). Getting closer to the entrance by every step and to know that I’m part of a good thing! This was my morning treat today.

I do not want to be pathetic, but it is really great.

While our CEO, @Kulcsi attended the business summit we (@juhasz, @csakiistvan and me) joined to the sprints. I seated in the front-end group, as I used to do in other Drupal events.

Postponed

The first result of my sprinting was an issue I had to write in…