Frank Yonnetti frankyonnetti

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");

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

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

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 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