Frank Yonnetti frankyonnetti

## dom3d.js
// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
  const SHOW_SIDES = false; // color sides of DOM nodes?
  const COLOR_SURFACE = true; // color tops of DOM nodes?
  const COLOR_RANDOM = false; // randomise color?
  const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
  const MAX_ROTATION = 180; // set to 360 to rotate all the way round
  const THICKNESS = 20; // thickness of layers
  const DISTANCE = 10000; // ¯\\_(ツ)_/¯

## jQuery to vanilla JavaScript.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                frankyonnetti
                / jQuery to vanilla JavaScript.md
            
            
              Last active
              March 6, 2022 19:34
            
              
                Cheat sheet for moving from jQuery to vanilla JavaScript https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript #javascript #vanilla
              
          
    Cheat sheet for moving from jQuery to vanilla JavaScript

Selecting elements

Selecting one or several DOM elements to do something with is one of the most basic elements of jQuery. The equivalent to $() or jQuery() in JavaScript is querySelector() or querySelectorAll(), which, just like with jQuery, you can call with a CSS selector.
// jQuery, select all instances of .box
$(".box");

  
## LocalValetDriver.php
<?php

/**
 * Class LocalValetDriver
 *
 * This class demonstrates how we might go about proxying any missing local images to a remote host. i.e; the production
 * site. This has been created with WordPress in mind but could be adjusted to work with any other system.
 */
class LocalValetDriver extends WordPressValetDriver {

## functions.php
<?php

class My_Walker_Nav_Menu extends Walker_Nav_Menu {


  function start_lvl(&$output, $depth = 0, $args = array()) {
    $indent = str_repeat("\t", $depth);
    $output .= "\n$indent<ul class=\"dropdown-menu\">\n";
  }

## my.cnf
# === Optimized my.cnf configuration for MySQL/MariaDB (on Ubuntu, CentOS, Almalinux etc. servers) ===
#
# by Fotis Evangelou, developer of Engintron (engintron.com)
#
# ~ Updated December 2021 ~
#
#
# The settings provided below are a starting point for a 8-16 GB RAM server with 4-8 CPU cores.
# If you have different resources available you should adjust accordingly to save CPU, RAM & disk I/O usage.
#

## prueba_sort.html
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<style>
  #container {
      flex-shrink: 0;

## Installation.md

      
              3 files
            
          
              89 forks
            
          
              96 comments
            
          
              361 stars
            
          
                albertbori
                / Installation.md
            
            
              Last active
              June 15, 2024 02:19
            
              
                Automatically disable Wifi when an Ethernet connection (cable) is plugged in on a Mac
              
          
    Overview

This is a bash script that will automatically turn your wifi off if you connect your computer to an ethernet connection and turn wifi back on when you unplug your ethernet cable/adapter. If you decide to turn wifi on for whatever reason, it will remember that choice. This was improvised from this mac hint to work with Yosemite, and without hard-coding the adapter names. It's supposed to support growl, but I didn't check that part. I did, however, add OSX notification center support. Feel free to fork and fix any issues you encounter.
Most the credit for these changes go to Dave Holland.
Requirements


Mac OSX 10+
Administrator privileges


## 1-node-webkit-cheatsheet.sh
# Node-WebKit CheatSheet
# Download: https://github.com/rogerwang/node-webkit#downloads
# Old Versions: https://github.com/rogerwang/node-webkit/wiki/Downloads-of-old-versions
# Wiki: https://github.com/rogerwang/node-webkit/wiki
# How: https://github.com/rogerwang/node-webkit/wiki/How-node.js-is-integrated-with-chromium


# 1. Run your application.
# https://github.com/rogerwang/node-webkit/wiki/How-to-run-apps

## sublime-sass-file-icon-fix.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                kaanra
                / sublime-sass-file-icon-fix.md
            
            
              Last active
              January 3, 2018 22:31
            
              
                [Fix SASS file icons with Sublime set as default App (Mac)] #sublime
              
          
    How to fix SASS file icon associations with Sublime (Mac)


Open /Applications/Sublime Text 2.app/Contents/Info.plist


Add to the top of the array:
<dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>


CFBundleTypeName

  
## gist:7360908

      
              1 file
            
          
              3666 forks
            
          
              1030 comments
            
          
              16772 stars
            
          
                rxaviers
                / gist:7360908
            
            
              Last active
              June 14, 2024 18:27
            
              
                Complete list of github markdown emoji markup
              
          
    People


 :bowtie:
😄 :smile:
😆 :laughing:


😊 :blush:
😃 :smiley:
☺️ :relaxed:


😏 :smirk:
😍 :heart_eyes:
😘 :kissing_heart:


😚 :kissing_closed_eyes:
😳 :flushed:
😌 :relieved:


😆 :satisfied:
😁 :grin:
😉 :wink:


😜 :stuck_out_tongue_winking_eye:
😝 :stuck_out_tongue_closed_eyes:
😀 :grinning:


😗 :kissing:
😙 :kissing_smiling_eyes:
😛 :stuck_out_tongue:
	// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
	// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
	(() => {
	const SHOW_SIDES = false; // color sides of DOM nodes?
	const COLOR_SURFACE = true; // color tops of DOM nodes?
	const COLOR_RANDOM = false; // randomise color?
	const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
	const MAX_ROTATION = 180; // set to 360 to rotate all the way round
	const THICKNESS = 20; // thickness of layers
	const DISTANCE = 10000; // ¯\\_(ツ)_/¯
	<?php

	/**
	* Class LocalValetDriver
	*
	* This class demonstrates how we might go about proxying any missing local images to a remote host. i.e; the production
	* site. This has been created with WordPress in mind but could be adjusted to work with any other system.
	*/
	class LocalValetDriver extends WordPressValetDriver {
	<?php

	class My_Walker_Nav_Menu extends Walker_Nav_Menu {


	function start_lvl(&$output, $depth = 0, $args = array()) {
	$indent = str_repeat("\t", $depth);
	$output .= "\n$indent<ul class=\"dropdown-menu\">\n";
	}
	# === Optimized my.cnf configuration for MySQL/MariaDB (on Ubuntu, CentOS, Almalinux etc. servers) ===
	#
	# by Fotis Evangelou, developer of Engintron (engintron.com)
	#
	# ~ Updated December 2021 ~
	#
	#
	# The settings provided below are a starting point for a 8-16 GB RAM server with 4-8 CPU cores.
	# If you have different resources available you should adjust accordingly to save CPU, RAM & disk I/O usage.
	#
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<style>
	#container {
	flex-shrink: 0;
	# Node-WebKit CheatSheet
	# Download: https://github.com/rogerwang/node-webkit#downloads
	# Old Versions: https://github.com/rogerwang/node-webkit/wiki/Downloads-of-old-versions
	# Wiki: https://github.com/rogerwang/node-webkit/wiki
	# How: https://github.com/rogerwang/node-webkit/wiki/How-node.js-is-integrated-with-chromium


	# 1. Run your application.
	# https://github.com/rogerwang/node-webkit/wiki/How-to-run-apps
`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`