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
              
            
              3 stars
            
          
                frankyonnetti
                / jQuery to vanilla JavaScript.md
            
            
              Last active
              June 19, 2025 16:26
            
              
                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");

  
## breadcrumb.html.twig
{#
/**
 * @file
 * Theme override for a breadcrumb trail.
 *
 * Available variables:
 * - breadcrumb: Breadcrumb trail items.
 */
#}
{% if breadcrumb %}

## 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 September 2024 ~
#
#
# 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
            
          
              95 forks
            
          
                118 comments
              
            
              377 stars
            
          
                albertbori
                / Installation.md
            
            
              Last active
              November 4, 2025 09:46
            
              
                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
	// 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; // ¯\\_(ツ)_/¯
	{#
	/**
	* @file
	* Theme override for a breadcrumb trail.
	*
	* Available variables:
	* - breadcrumb: Breadcrumb trail items.
	*/
	#}
	{% if breadcrumb %}
	<?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 September 2024 ~
	#
	#
	# 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