Michael Herchel mherchel

Keybase proof

I hereby claim:

I am mherchel on github.
I am mherchel (https://keybase.io/mherchel) on keybase.
I have a public key ASD9GmM0YlU_w9jDEwm7Jh9AFkZDGtjsOUgEd-f-XsnaGwo

To claim this, I am signing this object:

CSS Techniques That Enable New Design Paradigms

June 4th, 2019 | Gainesville UX

position: sticky: https://codepen.io/mherchel/pen/ZNZbyy
backdrop-filter: https://codepen.io/mherchel/pen/ZNZbwv
scroll-snap: https://codepen.io/mherchel/pen/WBWroZ
filter: https://codepen.io/mherchel/pen/QRPyzB
repeating-linear-gradient(): https://codepen.io/mherchel/pen/PvgNGe
repeating-linear-gradient() (conic): https://codepen.io/chriscoyier/pen/aGnvs

This url can be accessed by going to http://tiny.cc/perflab

Resource Loading

https://pr642-ftpuet94emfrwmqb8lpfx7nbwb19pmtj.tugboat.qa/

Layout thrashing

https://pr643-s9qbtrjqzj8k084wqkenjsbdcbpafyx3.tugboat.qa/

Doc

Runtime Perf: https://developers.google.com/web/tools/chrome-devtools/rendering-tools/

Remove default layouts

/**
 * Implements hook_plugin_filter_TYPE__CONSUMER_alter()
 */
function custom_layouts_plugin_filter_layout__layout_builder_alter(&$definitions) {

  // Remove layouts that are NOT provided by this module.
 foreach ($definitions as $id =&gt; &amp;$definition) {

	[
	UPDATE AGENDA LINK BELOW
	UPDATE DATE BELOW
	]

	Meeting today (in 47 minutes!) for the front-end theme in Drupal 9 (Olivero) initiative. This is a Slack-only meeting. #Drupal

	Join us!
	🗓 Monday, June 21
	🕒 2pm UTC (10am ET)

	<br><img src="/files/fresh-prince-of-bel-air-o.gif" />
	<br>♫♫<br>
	Now, this is a story... all about how
	My life got flipped - turned upside down
	And I'd you like to take a minute
	Listen to this call
	I'll tell you how I became a developer of a framework called Drupal
	<br>♫♫<br>
	In west Gainesville Florida... 2001
	Using Dreamweaver to create the code that I spun

	{#
	/**
	* @file
	* Theme override for the basic structure of a single Drupal page.
	*
	* Variables:
	* - logged_in: A flag indicating if user is logged in.
	* - root_path: The root path of the current page (e.g., node, admin, user).
	* - node_type: The content type for the current node, if the page is a node.
	* - head_title: List of text elements that make up the head_title variable.

	/// Wraps ruleset within media and @supports queries that only affect browsers that don't support grid.
	@mixin no-grid {
	@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
	@content;
	}
	@supports not (display: grid) {
	@content;
	}
	}

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Portal Flash</title>
	<style>
	body {
	background: gray;