Petar Telbiyski telbiyski

## install phantomjs 2.1.1 - ubuntu
sudo apt-get update
sudo apt-get install build-essential chrpath libssl-dev libxft-dev -y
sudo apt-get install libfreetype6 libfreetype6-dev -y
sudo apt-get install libfontconfig1 libfontconfig1-dev -y
cd ~
export PHANTOM_JS="phantomjs-2.1.1-linux-x86_64"
wget https://github.com/Medium/phantomjs/releases/download/v2.1.1/$PHANTOM_JS.tar.bz2
sudo tar xvjf $PHANTOM_JS.tar.bz2
sudo mv $PHANTOM_JS /usr/local/share
sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/local/bin

## Listen for CSS class change in pure JS - Mutation Observer.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                telbiyski
                / Listen for CSS class change in pure JS - Mutation Observer.md
            
            
              Created
              July 9, 2022 20:11
            
              
                Listen for CSS class change in pure JS - Mutation Observer
              
          
    https://blog.sessionstack.com/how-javascript-works-tracking-changes-in-the-dom-using-mutationobserver-86adc7446401

https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord

// ========================================== get rid of body scroll:
var mutationObserver = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation);
    console.log(mutation.oldValue);

  
## css marquee
<!DOCTYPE html>
<html>

<body>
    <style style="text/css">
        .marquee {
            height: 50px;
			width: 200px;
            overflow: hidden;
            position: relative;

## memorySizeOfObject.js
function memorySizeOf(obj) {
    var bytes = 0;

    function sizeOf(obj) {
        if(obj !== null && obj !== undefined) {
            switch(typeof obj) {
            case 'number':
                bytes += 8;
                break;
            case 'string':

## high-dpi-media.css
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
	sudo apt-get update
	sudo apt-get install build-essential chrpath libssl-dev libxft-dev -y
	sudo apt-get install libfreetype6 libfreetype6-dev -y
	sudo apt-get install libfontconfig1 libfontconfig1-dev -y
	cd ~
	export PHANTOM_JS="phantomjs-2.1.1-linux-x86_64"
	wget https://github.com/Medium/phantomjs/releases/download/v2.1.1/$PHANTOM_JS.tar.bz2
	sudo tar xvjf $PHANTOM_JS.tar.bz2
	sudo mv $PHANTOM_JS /usr/local/share
	sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/local/bin
	<!DOCTYPE html>
	<html>

	<body>
	<style style="text/css">
	.marquee {
	height: 50px;
	width: 200px;
	overflow: hidden;
	position: relative;
	function memorySizeOf(obj) {
	var bytes = 0;

	function sizeOf(obj) {
	if(obj !== null && obj !== undefined) {
	switch(typeof obj) {
	case 'number':
	bytes += 8;
	break;
	case 'string':
	/* ---------------------------------------------------------- */
	/* */
	/* A media query that captures: */
	/* */
	/* - Retina iOS devices */
	/* - Retina Macs running Safari */
	/* - High DPI Windows PCs running IE 8 and above */
	/* - Low DPI Windows PCs running IE, zoomed in */
	/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
	/* - Android hdpi devices and above */