Useful Tips for Securing your Drupal Site
Drupal is well known for its stability and security out-of-the-box. However, we all know how dangerous the internet can be with all the risks of…
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.
Development Environments for Drupal with Vagrant and Scotch Box
Your local websites are always developed within the same operating system, that is the operating system of your machine (Windows, OSX, Linux). However, the online…
Styling the Button Element with CSS
No matter what CMS you might be using, WordPress, Drupal, Joomla, Magento, etc., it’s of benefit to learn some CSS to make sure you can…
Theming a Drupal 8 View with CSS Grid
Some different modules and plugins can alter the display of a view in Drupal, for instance, to alternate the order of image and text every…
How to Create a Masonry-Like View in Drupal 8
Masonry is a very popular JavaScript library, that stacks items in columns and rows, like a masonry brick wall. The items reorder themselves according to…
CSS Flexbox #16. How to Create Column Patterns with Flexbox
Sometimes, when you start learning how to build websites, you often are confronted with a finished design and you start coding based on it with…
CSS Flexbox #15. How to Create a Megamenu With Flexbox
If you have a busy website, you often have a busy menu. That is why the navigation menus on these sites gradually start to look…
How to Display Your Fields Inside Tabs in Drupal 8
Extensive nodes (or other types of entities) with many text fields, such as biographies, often remain unread because of the huge (and discouraging) amount of…
2 Ways to Add Google Fonts to Your WordPress Site
Thanks to the Google Fonts library, independent web developers and large web agencies as well, have access to a web repository of over 900 quality…
Set Up Linux DDEV Environments for WordPress and Drupal
When developing Drupal or WordPress sites locally on their machines, Linux users work traditionally with a LAMP stack. LAMP is useful, but, there are now…
How to Display a Postcard-Style Grid of Posts in WordPress
All over the web, you will find a design pattern, in which the information about the latest posts or any other kind of listing is…
Add Collapsible Blocks to Text-Heavy Nodes in Drupal 8
Long articles with many sections often discourage users from reading. They start reading and usually leave before reaching half of such articles. To avoid this…
Create a Simple Faceted Search For Your Drupal 8 Site
Creating a faceted search in Drupal implies some configuration steps. This can be overwhelming to people new to Drupal. The MixItUp Views Drupal 8 module…
CSS Flexbox #14: How to Build a Card Layout in Flexbox
Card designs are very popular all over the web. You see them on social media sites and online shops. They are so popular as they…
Add a Zoom Effect to Your Images in Drupal 8
The Intense Drupal 8 module provides a nice whole screen zoom of the images on your site. Keep reading if you want to learn how…
Add a “Back to Top” Arrow to Your Drupal 8 Site
Sites with long pieces of content or with a long landing page often have a little arrow at the bottom, which helps you get back…
Control User Access to Restricted Pages in Drupal 8 with Rabbit Hole
Sometimes, you would want to restrict access to certain pages on your site to users who do not have a specific role. You would want…
How to Embed a Google Docs Viewer in Your Drupal 8 Site
The Embedded Google Docs Field allows the site administrator to change the display of normal file fields, making them viewable directly on the node with…
CSS Flexbox #13. Create a Navigation Menu with Flexbox
The navigation speeds up the search of your users within your site. With CSS Flexbox, it is quite practical to code a basic navigation bar…
CSS Flexbox #12. The flex-flow shorthand property
In past tutorials of this series, you learned about the flex-direction and the flex-wrap properties. They determine the orientation of flex items. They also determine…