jQuery finding next “child” and previous “parent” objects

<script type="text/javascript">
...
$parent = $('#yourobject').parent();
$child = $('#yourobject').children(':first');
...
</script>

Ubuntu keyboard layout change

[Ctrl] + [Super] + [Space]
Super: on some keyboards it has Windows logo

Ubuntu monitor configuration filename

$HOME/.config/monitors.xml

Example:

<monitors version="1">
  <configuration>
      <clone>no</clone>
      <output name="eDP-1">
          <vendor>BOE</vendor>
          <product>0x0653</product>
          <serial>0x00000000</serial>
          <width>1920</width>
          <height>1080</height>
          <rate>60</rate>
          <x>3840</x>
          <y>0</y>
          <rotation>normal</rotation>
          <reflect_x>no</reflect_x>
          <reflect_y>no</reflect_y>
          <primary>no</primary>
      </output>
      <output name="DP-1">
          <vendor>BNQ</vendor>
          <product>0x8016</product>
          <serial>0x00005445</serial>
          <width>1920</width>
          <height>1080</height>
          <rate>60</rate>
          <x>1920</x>
          <y>0</y>
          <rotation>normal</rotation>
          <reflect_x>no</reflect_x>
          <reflect_y>no</reflect_y>
          <primary>yes</primary>
      </output>
  </configuration>
</monitors>

Select #id with word as prefix and counter as suffix

<a id="my-favourite1"/ class="added">
<a id="my-favourite2"/ class="add">
<a id="my-favourite3"/ class="add">
<a id="my-favourite4"/ class="added">
<a id="my-favourite5"/ class="added">
<script type="text/javascript">
 
            $('a[id^=my-favourite]').on('click', function (e) {
                console.log('Clicked');
                console.log(this.id);
                console.(this.id.removeClass('added').addClass('add'));
                }
            );
</script>

CSS Rounded Corners

#rcorners1 {
    border-radius: 25px;
}

Getting “Blocked loading mixed active content” issue in Firefox

Avoid using “http://” or “https://” when loading the script in html, css or javascript.
The correct example is this:

 
<script type="text/javascript">
 
$.getScript("//maps.googleapis.com/maps/api/js?key=somekey");
 
</script>

Method chaining to split logic into a chain-look to make more understandable pieces of code

class MyCar {
	function setPedals() {
	// code logic
	return this;
	}
 
	function setWheels() {
	// code logic
	return this;
	}
 
	function setEngine() {
	// code logic
	}
}
 
$myCar = new MyCar();
$myCar.setPedals().setWheels().setEngine();

This pattern also called Fluent Interface. More information can be found here:
Method chaining
Fluent interface

Detecting browser and protocol in Javascript

<script type="text/javascript">
 
    if(/chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) && location.protocol=='http:') {
        alert('Using current position in chrome restricted under http protocol')
    }
    else if (/msie/.test(navigator.userAgent.toLowerCase())) {
        console.log("This browser is MSIE");
    }
    else if (/firefox/.test(navigator.userAgent.toLowerCase())) {
        console.log("This browser is Firefox");
    }
 
</script>

div containers position

Main keywords which controls div contrainers position: float: left; and clear: left;
Size by side example:

1
2

One on top of other example:

1
2

Remove untracked files

git clean -fd