Create a Content Type Pager in Drupal 8
The Drupal 8 Pager module provides simple pager navigation in a block to ease up the navigation between nodes of the same content type or…
Author: Jorge Montoya
Jorge lived in Ecuador and Germany. Now he is back to his homeland Colombia. He spends his time translating from English and German to Spanish. He enjoys playing with Drupal and other Open Source Content Management Systems and technologies.
CSS Flexbox #11. Shorthand Default Values
In the last tutorial, you learned about the flex shorthand property. It groups three flexbox properties in one in the following order: flex-grow flex-shrink flex-basis.…
A Beginners Introduction to CSS Flexbox
The CSS Flexbox Specification is a CSS module that gives you great flexibility when creating layouts. CSS Flexbox is an elegant and lightweight approach to…
Give a Unique Look to Your Google Maps in Drupal
Google Maps don’t look appealing or pretty by default when you embed them in your Drupal content. Nor do they always nicely coordinate with your…
How to Integrate Telegram Chat With Drupal 8
Telegram is an easy to use free chat application that is rapidly winning fans all over the world. There is a Telegram plugin for WordPress…
Directly Upload and Link Files to the Text Editor Content in Drupal 8
One of Drupal’s big advantages is its possibility to structure content with the use of fields. However, from time to time you will want to…
CSS Flexbox #10. The flex Shorthand Property
In the previous tutorials of the “CSS Flexbox” series, you learned that the flex-grow property specifies how items expand relative to each other to fill…
How to Display a Cookie Compliance Banner in a Drupal 8 Site
Since 2018, European site-builders have a legal obligation to meet a specific requirement. Their sites must display a banner to inform people about the use…
CSS Flexbox #9. The align-content Property
In the third tutorial of this series, you learned that the align-items flexbox property specifies how flex-items are distributed along the cross axis of the…
CSS Flexbox #8. The flex-wrap Property
Until now, you have seen that flex-items stay on the same line, regardless of the content inside them and the space available. With the flex-wrap…
How to Set Permissions for Fields in Drupal 8
The Field Permissions module in Drupal 8 allows you to set permissions (enter, edit or view) on a Drupal field, based on the role the…
CSS Flexbox #7. The order Property
If you want to place flex-items in a particular sequence inside their flex-container, independently of how they are placed in the HTML code, you use…
CSS Flexbox #6. The flex-basis Property
The flex-basis property sets the initial length of the flex-items inside a flex-container. You can think of it as an improved version of the width…
CSS Flexbox #5. The flex-shrink Property
As you already learned, the flex-grow property specifies how items grow (or expand) to fill the available space in the flex-container. The flex-shrink property specifies…
CSS Flexbox #4. The flex-grow Property
The flex-grow property specifies how a flex-item inside the flex container will grow – along the main axis – relative to its sibling items, taking…
CSS Flexbox #3. The align-items property
As you already learned in the second tutorial of this series, a flex-container has two following axes: main axis cross axis The justify-content property specifies…
CSS Flexbox #2. How to Use the justify-content Property
The justify-content property specifies how flex-items are distributed along the main axis of their parent flex-container. This property has 5 different possible values: flex-start (default)…
CSS Flexbox #1. Creating Your First Flexbox Layout
At the end of 2018, we published a book about CSS Grid, the layout tool that is revolutionizing the frontend web-design. CSS Grid is entirely…
How to Display Flickr Images on Your Drupal 8 Site
The Drupal 8 “Flickr” module allows you to insert Flickr images or photosets (albums) on your site, without the need of keeping the images on…
How to Pin Images in Drupal 8
The “Imagepin” module allows you to create pins inside an image and display descriptive text when you hover over those pins. This is useful because…