recentpopularlog in
« earlier  
Secure messaging, anywhere - Briar
Peer-to-peer encrypted messaging and forums
Messages are stored securely on your device, not in the cloud
Connect directly with nearby contacts - no Internet access required
chat  p2p 
Paged.js — About Paged.js
Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you can design works for print (eg. books) using HTML and CSS!

Paged.js follows the Paged Media standards published by the W3C (ie the Paged Media Module, and the Generated Content for Paged Media Module). In effect Paged.js acts as a polyfill for the CSS modules to print content using features that are not yet natively supported by browsers.
css  js  pdf 
2 days ago
Printing Values of a Parent Node from a Drupal Paragraphs Field | Mark Conroy | Lead Frontend Drupal Developer
First off, you can do this with php in your .theme file quite easily, but I like to keep my template items in my templates.

Here's the code I used to first get the node id, then the node title, and then create a link from these two pieces of information.
drupal  paragraphs 
7 days ago
Config Pages |
At some point i was tired of creating custom pages using menu and form api, writing tons of code just to have a page with ugly form where client can enter some settings, and as soon as client wants to add some interactions to the page (drag&drop, ajax etc) things starts to get hairy. Same story was with creation of dedicated CT just to theme a single page (like homepage) and explaining why you can only have 1 node of this type, or force it programmatically.
drupal  d8  config 
23 days ago
GitHub - sboriskirov/fluiditype: Fluiditype a simple fluid typography css helper for reading experience
Fluiditype a simple fluid typography css helper for reading experience

Fully fluid Headings, Paragraphs, Blockquotes, Lists, Highlights, Code snippets, etc.

This small CSS library serves to avoid responsive web but focus more on fluidity and systematic approach which will let the interface to communicate with the environment and not to be broken by rules. This would work great for blogs, portfolio websites and simple pages.
css  typography 
5 weeks ago
Config Override Inspector |
Config Override Inspector provides indicators to administrators where form fields represent configuration that is overridden.

This module is especially useful for developers working on sites where there are configuration overrides in place depending on the environment. It prevents confusion that arise when changing a form setting, but appears to not take effect.
drupal  configuration 
6 weeks ago
GitHub - b13/menus: TYPO3 Extension for creating fast menus in a fast fashion
This extension tries to overcome these pitfalls by
#building menus once, then caches the results and afterwards applying active states (reduce amount of cached data). This is especially important for Tree-based menus,
#introducing new cObjects and DataProcessors for the specific use cases making them more understandable for non-TYPO3-Gurus.
typo3  megamenu 
7 weeks ago
TYPO3 Blog Extension (blog)
This blog extension uses TYPO3s core concepts and elements to provide a full-blown blog that users of TYPO3 can instantly understand and use.
typo3  blog 
7 weeks ago
Extension Builder (extension_builder)
The Extension Builder helps you build and manage your Extbase based TYPO3 extensions. Consider using the latest version from
typo3  extensions 
7 weeks ago
Smooth Scrolling Sticky ScrollSpy Navigation –
Smooth Scrolling when clicking internal links
A Sticky Navigation, so that the sidebar navigation always stays in view
A “ScrollSpy” to update the active state of the navigation
animation  javascript  navigation  css 
8 weeks ago
Crawls vergleichen mit Excel + Screaming Frog: Anleitung & Vorlage
Es gibt viele Tools, die Deine Seite crawlen und Fehler aufdecken. Das ist auch sehr hilfreich. Irgendwann siehst Du aber den Wald vor lauter Bäumen nicht mehr: Kenne ich die Fehler schon oder hat sich etwas geändert? Diese Info ist enorm wertvoll, nur bekommst Du sie von den Tools nicht. Aber Excel hilft Dir!
8 weeks ago
Single File Components |
The Single File Components module allows developers to provide frontend components in a single file. These components contain Twig, CSS, JS, and PHP code which acts similar to a preprocess function.

The purpose of this module is to combine traditional Drupal theming with some elements of component based design.
drupal  "Single  File  Components"  layout 
8 weeks ago
Add Composer to an existing site | Drupal 8 guide on
This page is a step by step guide to manually adding Composer support to an existing site that was previously installed without Composer. This howto is for you if you installed a Drupal 8 site manually from a tarball or have used an abandoned Composer template like drupal/drupal.
drupal  composer 
8 weeks ago
Upgrade Status |
This module scans the code of the contributed and custom projects you have installed, and reports on any deprecated code that must be replaced before the next major version. Available project updates are also suggested to keep your site up to date as project will resolve deprecation errors over time.

Due to third party PHP library dependencies, the module needs to be installed with Composer.
drupal  modules 
8 weeks ago
Robo is a task runner you always have been looking for. It allows you to write fully customizable tasks in common OOP PHP style. Robo has comprehensive list of built-in common tasks for development, testing, and deployment.
automation  build  tools  development 
10 weeks ago
Adding separators to layouts with CSS-in-JS - Pixel and Ink - Medium
[':not(:nth-child(' + finalColumns + 'n)):not(:last-child)::after']: {

css  flexbox 
11 weeks ago
Flexible Captioned Slanted Images ◆ 24 ways
We have a lot of new layout tools at our disposal these days—flexbox is finally stable and interoperable, and Grid very much the same, with both technologies having well over 90% support coverage. In that light, we might think there’s no place for old tricks like negative margins, but I recently discovered otherwise.
css  design 
12 weeks ago
Admin Content Notification |
Prior to this module, when Drupal users created new content on their Drupal site, they had to develop a custom notification informing the site admins about the added content. It would be through an email notification or a custom code.
12 weeks ago
Responsive iFrames | maddesigns
Responsive iFrame? Das klingt schon falsch und ist auch ein schwieriges Pflaster. Grundsätzlich können iFrames responsive sein, Voraussetzung ist natürlich, dass sich deren Inhalt ebenfalls responsive verhält.
embed  iframe  responsive 
12 weeks ago
lazysizes/ at gh-pages · aFarkas/lazysizes · GitHub
lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster.
image  images  lazyload 
12 weeks ago
Computed Field |
Computed Field is a very powerful field module that lets you add a custom "computed fields" to your content types. These computed fields are populated with values that you define via PHP code. You may draw on anything available to Drupal, including other fields, the current user, database tables, you name it. (Feeling the power yet? :) ) You can also choose whether to store your computed field values in the database with other content fields, or have them "calculated" on the fly during node views. (Although you should note that Views use requires database stored values.) This field is literally the Swiss Army knife of fields. So start cooking up your PHP based values!
drupal  field  module 
december 2019
Entity Importer |
The entity importer module provides a user interface for site administrators to import various entities. At the moment the module only support CSV files as the source, but due to the plugin type architecture this can easily be expanded to other file formats. There are also plans in the road-map to support other common source types moving forward.
drupal  migration  cvs  migrate 
december 2019
Twig Vardumper |
Twig vardumper provides a better {{ dump() }} and {{ vardumper() }} function that can help you debug Twig variables.
d8  debug  debugging  twig 
november 2019
Drupal 8 Custom Media Field Formatter - Norman Kämper-Leymann - Medium
By providing your own field formatter, you can keep the admin experience intact and still have full control over the markup. Win-win! So, here comes a very basic example that provides an inline_template render element. B
drupal  formatter  d8 
november 2019
Entity Toolbar |
On large sites you might have more than twenty paragraph types, or even more than twenty node types. Unfortunately, not all of these will display in the drop down menus provided by Admin Toolbar. They will go below the fold. Or not display at all.
drupal  administration 
november 2019
Twig Template Suggester |
This module provides template suggestions for everything that Drupal doesn't. So far:

Block templates per region
HTML templates per node type
Page templates per node type
User templates per highest role|uid (and view mode)
Field templates per view mode (and bundle)
Taxonomy term templates per view mode (and bundle)
Fix entity-specific layout templates (workaround #2881195: Duplicate template suggestions/#2831144: Bundle / field name / view mode theme suggestions can conflict)
Container templates per type, view, if it wraps a managed file element, and whether it has a parent or not (Drupal core provides no suggestions for container templates).
In addition, it makes the {{ base_path }} variable available to all templates.
drupal  theming 
november 2019
Paged.js – Paged Media
Paged.js is an open-source library to paginate content in the browser. Based on the W3C specifications, it’s a sort of polyfill for Paged Media and Generated Content for Paged Media CSS modules.
javascript  pdf  print 
november 2019
A Modern CSS Reset - Andy Bell
I think about and enjoy very boring CSS stuff—probably much more than I should do, to be honest. One thing that I’ve probably spent too much time thinking about over the years, is CSS resets.
october 2019
Adaptive Photo Layout with Flexbox | CSS-Tricks
Let’s take a look at a super lightweight way to create a horizontal masonry effect for a set of arbitrarily-sized photos. Throw any set of photos at it, and they will line up edge-to-edge with no gaps anywhere.

The solution is not only lightweight but also quite simple. We’ll be using an unordered list of images and just 17 lines of CSS, with the heavy lifters being flexbox and object-fit.
css  flexbox  photo 
october 2019
Paragraph blocks |
With this, you can use paragraphs to create structured content on your page, and allow layout builder to place the block anywhere!

It allows you to place each value of a muti-value paragraph field into a different block using Drupal 8.7.x's Layout Builder (2.x branch). It allows you to place paragraph fields from related entities in a similar manner. It does so by extending both paragraphs with an admin title that is only used in the UI for layout and extending layout manager by providing the blocks for placement.
d8  paragraphs  layout 
september 2019
Layout builder library |
Site builders can create and deploy pre-defined layouts for each entity-type and bundle combination.
Content editors can pick from existing layouts.
Site admins can prevent content-editors from creating their own bespoke layouts but give them the ability to customise layouts on a per-content-item basis.
layout  d8 
september 2019
Layout Builder Restrictions |
Set which blocks and which layouts should be available for placement in Layout Builder.
d8  layout 
september 2019
UI Patterns Settings |
Define settings inside your ui_patterns.yml to make your pattern configurable.
A setting can be a modifier, additional classes or attributes. You can also define token setting which makes it easy to configure a pattern with a Drupal field or pass a link url to the pattern. No more hook_preprocess!
drupal  modules 
september 2019
Creating a Mega Menu using Layout Builder in Drupal 8 | Phase2
One of the most exciting additions to Drupal 8.6 is the new experimental Layout Builder. Many are focused on Layout Builder replacing Panels, Panelizer, Display Suite, and even Paragraphs. The clean and modular architecture of Layout Builder supports a multitude of different use cases. It can even be used to create a WYSIWYG Mega Menu experience.
drupal  mega-menu 
september 2019
Views Layout |
A simple module to arrange Views results in a grid defined by a layout (requires the Layout Discovery module). Think of this as an alternative to the Views Grid display. Instead of a fixed grid with a set number of rows and columns, this gives you results in any kind of arrangement you like, based on whatever layouts you have enabled.

Each row of the view will be rendered into a region in the layout. When all the regions in the layout have been filled, a new instance of the layout will be created and populated. That process will be repeated until all the rows of the view have been rendered.
drupal  views 
september 2019
Layout Plugin Views |
Panels used to have a views row plugin in Drupal 7 which allowed users to place view's fields on panels' layouts. Since panel's layout functionality has been split off into Layout Plugin for Drupal 8, the views plugin no longer has any dependency on the Panels module. We therefore chose to also create a separate project for the views plugin to reduce the maintenance burden on the panels team.
views  drupal 
september 2019
An Introduction to D3.js
So, you want to create amazing data visualizations on the web and you keep hearing about D3.js. But what is D3.js, and how can you learn it? Let’s start with the question: What is D3?

While it might seem like D3.js is an all-encompassing framework, it’s really just a collection of small modules. Here are all of the modules: each is visualized as a circle - larger circles are modules with larger file sizes.
visualization  javascript 
september 2019
Using a PostCSS function to automate your responsive workflow | CSS-Tricks
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding, border-radius or even box-shadow.
fluid  responsive  typography 
september 2019
kjua · dynamically generated QR codes ·
kjua enables you to dynamically add QR codes to your website. Choose between rendering the code as image or canvas. The generated QR code will be in the least possible version requiered to encode the content (least number of blocks). Takes care of device pixel ratio to render crisp codes on all devices. Works in all modern browsers.
javascript  js  generator  qr-code 
september 2019
Full Reset |
Adds options to fully remove theming from fields and Layout Builder blocks.
august 2019
GitHub - toorshia/justgage: JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.
JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.
javascript  js  svg 
august 2019
Gutenberg |
Drupal Gutenberg brings the powerful admin features of Gutenberg Editor to Drupal.
Better authoring experience
Build landing pages with ease
Access to Gutenberg Cloud library of contrib blocks
Good user experience
Scaleable, high performance
Reusable blocks created, saved and reused within the editor (no code needed)
Core Drupal blocks support
drupal  module  blocks  gutenberg 
august 2019
Grids: Layout builder for WordPress – WordPress plugin |
A layout builder is a tool that helps you creating visual structures in your page, from a simple layout made by adjacent columns, to more complex compositions. Grids is entirely based on the WordPress block editor, which means that you’ll be able to use it together with the myriad of content blocks that developers and designers from all around the World are creating.

With Grids, we’re bringing a visual structure to the content written with the WordPress Block Editor.
css  grid  wordpress  gutenberg 
august 2019
Gratis Charting-Bibliothek von TradingView
Charting ist das Herzstück von TradingView. Diese Charts sind entwicklerfreundlich und zugleich leistungsstark für User und werden von 10.000en Websites und Millionen von Händlern auf der ganzen Welt verwendet.
javascript  charts 
july 2019
Block Lab – WordPress plugin |
Gutenberg, the new WordPress editor, opens up a whole new world for the way we build pages, posts, and websites with WordPress. Block Lab makes it easy to harness Gutenberg and build custom blocks the way you want them to be built. Whether you want to implement a custom design, deliver unique functionality, or even remove your dependance on other plugins, Block Lab equips you with the tools you need to hit “Publish” sooner.
wordpress  gutenberg 
july 2019
Site Settings and Labels |
This module provides a way to let clients manage settings you define without affecting the configuration of the site (ie, as 'Content').
drupal  d8 
june 2019
Sidr: Responsive Menus |
The Sidr: Responsive Menus integration for Drupal allows you to create "trigger" blocks. Clicking on these triggers use the Sidr libraries to slide in / slide out a specified target element. This is very useful for implementing responsive menus and much more. All you have to do is create one or more dedicated regions in your theme, say, mobile_menu and then configure a sidr trigger block to toggle it.
drupal  responsive  menu 
june 2019
Simple Responsive Table |
Module will be needy one to make table responsive in small screens. Lightweight in sense no need for additional plugins, just install that's it.
drupal  responsive 
june 2019
Entity Extra Field |
The entity extra field module allows site administrators to add various extra fields to an entity display. These extra fields can consist of blocks, views, or token values. Both entity form and view displays are supported.

Adding extra fields is really common when you're building robust web applications that need to render extra data for a given entity. Allowing for missing elements such as page title, or potentially a block that needs to be render between two pieces of content are some examples.
june 2019
MarkJS Search |
The MarkJS search module allows a site administer to create a block that exposes a way for the site user to search for keywords within the page context. Similar to how the Find (Ctr+F) feature works in the browser.
june 2019
JS Component |
The module provides a streamlined solution for adding simple React or JS based components to the Drupal ecosystem. The module is more developer centric, as it allows developers to define JS components by exposing a plugin or by placing a YAML file within the module or theme directory
drupal  react 
june 2019
Image hover effect in Drupal 8 via Imagepin button module | WishDesk
The Imagepin button module combines image hover effect with an interesting image pinning effect. It allows you to add pins to images that will show some text when someone hovers the mouse over them.
During content creation, editors will have a special option — “Pin widgets on this image.” They can create as many pins as they wish, write the text for them, and position them anywhere throughout the image.
drupal  imagemap 
june 2019
Dynamic migrations using "templates" in Drupal 8 | Web Omelette
In this article we are going to explore some of the powers of the Drupal 8 migration system, namely the migration “templates” that allow us to build dynamic migrations. And by templates I don’t mean Twig templates but plugin definitions that get enhanced by a deriver to make individual migrations for each of the things that we need in the application. For example, as we will explore, each language.
drupal  migration 
june 2019
Custom add another |
This is a very simple module that allows you to customise the text of the 'Add another item' button on multi-valued fields.
If your field supports 'unlimited' values then you are offered the option of customising the 'Add another item' button text. This setting is stored per 'bundle', so you can have different button text if you use the same field in two places.
june 2019
How To Create A PDF From Your Web Application — Smashing Magazine
There is a wide variety of choices when it comes to creating a PDF from a web application. In this article, Rachel Andrew takes a look at the tools that are available and shares her recommendations to help you find the tool that works best for you.
june 2019
JSnippet |
This module allows you to create Javascript snippets for use on a site. It supports including either javascript code added to the text area, or a URL to a third party resource. Any snippet created will be wrapped in a Drupal Behavior, written to the public file system, and made available through Drupal's libraries system. Snippets are stored as configuration entities and are exportable to the site's code base.
drupal  javascript 
june 2019
IP Geolocation API with country information
IP Geolocation API is a free real-time IP to Geolocation JSON API
with detailed countries data integration.
june 2019
Home | Tome
Making a static site with Tome is as easy as making any Drupal site. Create a theme, create content, and push static HTML to production
d8  generator  static-site-generator 
may 2019
Lunr: A bit like Solr, but much smaller and not as bright
Designed to be small, yet full featured, Lunr enables you to provide a great search experience without the need for external, server-side, search services.
js  search  web 
may 2019
Entity Print |
Entity Print allows you to print any Drupal entity (Drupal 7 and 8) or View (Drupal 8 only) to PDF.
The module is lightweight compared to other modules like the Print module, has full test coverage and is ready to be used in production for both D7 and D8.
pdf  drupal 
may 2019
Block Styles |
Using the Styles API Module allows to set different styles for block wrapper theme.

This module affects only block.html.twig, and not the way content is displayed.

Classes could be added to block wrapper, even if block theme has not been overwritten.

The styles selector is shown at the end of the block configuration form.
d8  drupal 
april 2019
Reproducing Medium's image zoom — François Chalifour
When I was first introduced to Medium, I was astonished by the simplicity of its user experience. One of its neat features is the image zoom system. Today, I tried to reproduce it as nearly as possible in pure JavaScript.
lightbox  javascript 
april 2019
Fading out siblings on hover in CSS | Trys Mudford
Here’s a tiny trick for making your hover states stand out, and also a cool way to target the siblings of the thing you’re hovering over. The effect is a mixture of two effects:
-Scale the hovered item
-Fade out the siblings
animation  hover  css 
april 2019
Films | Exposing the Invisible
Through a series of short films, video interviews, guides and resources, Exposing the Invisible looks at different techniques, tools and methods along with the individual practices of those working at the new frontiers of investigation.
april 2019
Getting Started with Bootstrap 4 using Radix in Drupal 8 - WebWash
Radix is a Bootstrap 4 powered theme which is set up out-of-the-box to compile the Bootstrap library locally. It is targeted towards advance front-end developers who want total control on how Bootstrap is loaded and comes with Browsersync and Font Awesome built-in.
bootstrap  drupal 
march 2019
Drupal 8 Migrate - importing clean data via .csv file | DrupalEasy
Well, you could clean up the data, but there's actually a much easier solution that I use by default on almost all string data being migrated - I use the "callback" plugin to in-turn call the PHP trim() function on incoming strings in the "process" section of the migration configuration.
drupal  cvs  migration 
march 2019
8 little videos about the Firefox shape path editor
Last year (2018) Mozilla released the shape path editor in their Dev Tools. The editor is a nifty tool to further help developers. With it, one can create clipping paths and shape-outside effects. Since I am very much interested in what you can do with clipping paths, I decided to dig a little deeper. I wanted, for my own sake, to explore the possibilities. In this post, I’ll share some of my findings in text and with videos.
tutorial  css  css-shapes 
march 2019
Quicklink |
This module provides an implementation of Google Chrome Lab's Quicklink library for Drupal. Quicklink is a lightweight (< 1kb compressed) JavaScript library that enables faster subsequent page-loads by prefetching in-viewport links during idle time.
d8  performance  drupal 
february 2019
« earlier      
per page:    204080120160

Copy this bookmark:

to read