Hyyan Abo Fakher hyyan

## lit-element-in-browser.html
<!-- From: https://gist.githubusercontent.com/sorvell/48f4b7be35c8748e8f6db5c66d36ee29/raw/67346e4e8bc4c81d5a7968d18f0a6a8bc00d792e/index.html -->
<!doctype html>
<html>
<head>
  <!-- Polyfills only needed for Firefox and Edge. -->
  <script src="https://unpkg.com/@webcomponents/webcomponentsjs@latest/webcomponents-loader.js"></script>
</head>
<body>
  <!-- Works only on browsers that support Javascript modules like
       Chrome, Safari, Firefox 60, Edge 17 -->

## Nework_throttling_profiles.md

      
              1 file
            
          
              27 forks
            
          
              1 comment
            
          
              155 stars
            
          
                theodorosploumis
                / Nework_throttling_profiles.md
            
            
              Last active
              May 3, 2024 08:06
            
              
                Web development - Custom network throttling profiles
              
          
Profile
download (kb/s)
upload (kb/s)
latency (ms)


Native
0
0
0


GPRS
50
20
500


56K Dial-up
50
30
120


Mobile EDGE
240
200
840


2G Regular
250
50
300


2G Good
450
150
150


3G Slow
780
330
200


## ConventionalCommitsEmoji.md

      
              1 file
            
          
              17 forks
            
          
              6 comments
            
          
              63 stars
            
          
                parmentf
                / ConventionalCommitsEmoji.md
            
            
              Last active
              May 2, 2024 20:36
            
              
                Emoji for Conventional Commits
              
          
Type
Emoji
code


feat
✨
:sparkles:


fix
🐛
:bug:


docs
📚
:books:


style
💎
:gem:


refactor
🔨
:hammer:


perf
🚀
:rocket:


test
🚨
:rotating_light:


build
📦
:package:


## docusaurus-copy-button.md

      
              1 file
            
          
              4 forks
            
          
              17 comments
            
          
              25 stars
            
          
                yangshun
                / docusaurus-copy-button.md
            
            
              Last active
              April 4, 2023 07:07
            
              
                How to add the "Copy" button to code blocks in Docusaurus
              
          
    Adding "Copy" (to Clipboard) Button

If you would like to add a button to your fenced code blocks so that users may copy the code, you can do so in Docusaurus. You will have to add some code to your Docusaurus project, as seen below.
Under static/js, create a file called code-block-buttons.js with the following:
// Turn off ESLint for this file because it's sent down to users as-is.
/* eslint-disable */
window.addEventListener('load', function() {

  
## group-objects-by-property.md

      
              1 file
            
          
              62 forks
            
          
              43 comments
            
          
              253 stars
            
          
                JamieMason
                / group-objects-by-property.md
            
            
              Created
              September 14, 2018 07:38
            
              
                Group Array of JavaScript Objects by Key or Property Value
              
          
    Group Array of JavaScript Objects by Key or Property Value

Implementation

const groupBy = key => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = obj[key];
    objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);
    return objectsByKeyValue;

  
## loading_messages.js
export default [
  "Reticulating splines...",
  "Generating witty dialog...",
  "Swapping time and space...",
  "Spinning violently around the y-axis...",
  "Tokenizing real life...",
  "Bending the spoon...",
  "Filtering morale...",
  "Don't think of purple hippos...",
  "We need a new fuse...",

## deep-search-javascript-object.js
/* Attribution: http://techslides.com/how-to-parse-and-search-json-in-javascript */

//return an array of objects according to key, value, or key and value matching
function getObjects(obj, key, val) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getObjects(obj[i], key, val));
        } else

## shadow-dom.md

      
              1 file
            
          
              23 forks
            
          
              6 comments
            
          
              212 stars
            
          
                praveenpuglia
                / shadow-dom.md
            
            
              Last active
              March 28, 2024 15:06
            
              
                Everything you need to know about Shadow DOM
              
          
    I am moving this gist to a github repo so more people can contribute to it. Also, it makes it easier for me to version control.
Please go to - https://github.com/praveenpuglia/shadow-dom-in-depth for latest version of this document.
Also, if you find the document useful, please shower your love, go ⭐️ it. :)
Shadow DOM


Heads Up! It's all about the V1 Spec.

In a nutshell, Shadow DOM enables local scoping for HTML & CSS.

  
## viewport.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                JeOam
                / viewport.md
            
            
              Last active
              April 29, 2020 02:53
            
              
                Difference between visual viewport and layout viewport: https://www.cyanhall.com/posts/notes/2.visual-vs-layout-viewport/
              
          
              We couldn’t find that file to show.
              
            
## gulpfile.js
var exec = require('child_process').exec

gulp.task('update-templates', function(){

    exec('php scripts/update-html.php', function (err, stdout, stderr) {
        console.log(stdout)
        console.log(stderr)
    })
})
	<!-- From: https://gist.githubusercontent.com/sorvell/48f4b7be35c8748e8f6db5c66d36ee29/raw/67346e4e8bc4c81d5a7968d18f0a6a8bc00d792e/index.html -->
	<!doctype html>
	<html>
	<head>
	<!-- Polyfills only needed for Firefox and Edge. -->
	<script src="https://unpkg.com/@webcomponents/webcomponentsjs@latest/webcomponents-loader.js"></script>
	</head>
	<body>
	<!-- Works only on browsers that support Javascript modules like
	Chrome, Safari, Firefox 60, Edge 17 -->
Profile	download (kb/s)	upload (kb/s)	latency (ms)
Native	0	0	0
GPRS	50	20	500
56K Dial-up	50	30	120
Mobile EDGE	240	200	840
2G Regular	250	50	300
2G Good	450	150	150
3G Slow	780	330	200
Type	Emoji	code
feat	✨	`:sparkles:`
fix	🐛	`:bug:`
docs	📚	`:books:`
style	💎	`:gem:`
refactor	🔨	`:hammer:`
perf	🚀	`:rocket:`
test	🚨	`:rotating_light:`
build	📦	`:package:`
	export default [
	"Reticulating splines...",
	"Generating witty dialog...",
	"Swapping time and space...",
	"Spinning violently around the y-axis...",
	"Tokenizing real life...",
	"Bending the spoon...",
	"Filtering morale...",
	"Don't think of purple hippos...",
	"We need a new fuse...",
	/* Attribution: http://techslides.com/how-to-parse-and-search-json-in-javascript */

	//return an array of objects according to key, value, or key and value matching
	function getObjects(obj, key, val) {
	var objects = [];
	for (var i in obj) {
	if (!obj.hasOwnProperty(i)) continue;
	if (typeof obj[i] == 'object') {
	objects = objects.concat(getObjects(obj[i], key, val));
	} else
	var exec = require('child_process').exec

	gulp.task('update-templates', function(){

	exec('php scripts/update-html.php', function (err, stdout, stderr) {
	console.log(stdout)
	console.log(stderr)
	})
	})