Pavel pbuzdin

## WebGL-WebGPU-frameworks-libraries.md

      
              1 file
            
          
              185 forks
            
          
              38 comments
            
          
              1353 stars
            
          
                dmnsgn
                / WebGL-WebGPU-frameworks-libraries.md
            
            
              Last active
              May 19, 2024 03:58
            
              
                A collection of WebGL and WebGPU frameworks and libraries
              
          
A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️


Name
Stars
Last Commit
Description


three.js
![GitHub


## what-forces-layout.md

      
              1 file
            
          
              813 forks
            
          
              108 comments
            
          
              8093 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              May 19, 2024 03:45
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
Element APIs

Getting box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent


## firstemail.html
<!doctype html>
<html ⚡4email>
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
  <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

  <style amp4email-boilerplate>body{visibility:hidden}</style>
  <style amp-custom>

## custom-elements-pattern.md

      
              1 file
            
          
              3 forks
            
          
              1 comment
            
          
              59 stars
            
          
                WebReflection
                / custom-elements-pattern.md
            
            
              Last active
              May 17, 2024 23:30
            
              
                Handy Custom Elements' Patterns
              
          
    Handy Custom Elements' Patterns


^{Photo by Ricardo Gomez Angel on Unsplash}
This gist is a collection of common patterns I've personally used here and there with Custom Elements.
These patterns are all basic suggestions that could be improved, enriched, readapted, accordingly with your needs.

  
## restart coreaudio daemon
sudo kill `ps -ax | grep 'coreaudiod' | grep 'sbin' |awk '{print $1}'`
# or...
sudo killall coreaudiod

## 55-bytes-of-css.md

      
              1 file
            
          
              114 forks
            
          
              31 comments
            
          
              2134 stars
            
          
                JoeyBurzynski
                / 55-bytes-of-css.md
            
            
              Last active
              May 15, 2024 20:11
            
              
                58 bytes of css to look great nearly everywhere
              
          
    58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

  
## stop-video.js
/**
 * Stop an iframe or HTML5 <video> from playing
 * @param  {Element} element The element that contains the video
 */
var stopVideo = function ( element ) {
	var iframe = element.querySelector( 'iframe');
	var video = element.querySelector( 'video' );
	if ( iframe ) {
		var iframeSrc = iframe.src;
		iframe.src = iframeSrc;

## ToastNotification_Windows10.ps1
$ErrorActionPreference = "Stop"

$notificationTitle = "Notification: " + [DateTime]::Now.ToShortTimeString()

[Windows.UI.Notifications.ToastNotificationManager, Windows.UI.Notifications, ContentType = WindowsRuntime] > $null
$template = [Windows.UI.Notifications.ToastNotificationManager]::GetTemplateContent([Windows.UI.Notifications.ToastTemplateType]::ToastText01)

#Convert to .NET type for XML manipuration
$toastXml = [xml] $template.GetXml()
$toastXml.GetElementsByTagName("text").AppendChild($toastXml.CreateTextNode($notificationTitle)) > $null

## how-to-add-markdown-to-tilda-page-ru.md

      
              1 file
            
          
              1 fork
            
          
              2 comments
            
          
              10 stars
            
          
                yashaka
                / how-to-add-markdown-to-tilda-page-ru.md
            
            
              Last active
              May 9, 2024 06:43
            
              
                Как добавить markdown в tilda
              
          
    Как добавить markdown в tilda

Базовой функционал

1 В head страницы добавляем:
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2/webcomponents-loader.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"></script>

  
## uri.js
var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"
	<!doctype html>
	<html ⚡4email>
	<head>
	<meta charset="utf-8">
	<script async src="https://cdn.ampproject.org/v0.js"></script>
	<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
	<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

	<style amp4email-boilerplate>body{visibility:hidden}</style>
	<style amp-custom>
	sudo kill `ps -ax \| grep 'coreaudiod' \| grep 'sbin' \|awk '{print $1}'`
	# or...
	sudo killall coreaudiod
	/**
	* Stop an iframe or HTML5 <video> from playing
	* @param {Element} element The element that contains the video
	*/
	var stopVideo = function ( element ) {
	var iframe = element.querySelector( 'iframe');
	var video = element.querySelector( 'video' );
	if ( iframe ) {
	var iframeSrc = iframe.src;
	iframe.src = iframeSrc;
	$ErrorActionPreference = "Stop"

	$notificationTitle = "Notification: " + [DateTime]::Now.ToShortTimeString()

	[Windows.UI.Notifications.ToastNotificationManager, Windows.UI.Notifications, ContentType = WindowsRuntime] > $null
	$template = [Windows.UI.Notifications.ToastNotificationManager]::GetTemplateContent([Windows.UI.Notifications.ToastTemplateType]::ToastText01)

	#Convert to .NET type for XML manipuration
	$toastXml = [xml] $template.GetXml()
	$toastXml.GetElementsByTagName("text").AppendChild($toastXml.CreateTextNode($notificationTitle)) > $null
	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"