Tips and tricks

Use Babel as Watcher in PhpStorm

First, we need to install babel-cli globally Open terminal and say npm install -g @babel/core @babel/cli Then, you will need a preset that babel will follow for now, we will use preset-env: npm install -g @babel/preset-env We will check if / where preset-env is installed which @babel/preset-env It may return nothing, but in my OS

Continue reading

Generate openssl .pem files from .key and .crt

First , you need to generate the private key openssl req -x509 -sha256 -nodes -days 365 -newkey rsa:2048 -keyout privateKey.key -out certificate.crt Then, you can convert them to pem files openssl rsa -in privateKey.key -text > privateKey.pem openssl x509 -inform PEM -in certificate.crt > certificate.pem Or go to
Gutenberg - uneven columns

Go to your editor. Add 3 columns for example Let’s say we want the first and last column at 10% width Write for the COLUMN element the Additional CSS Class of first-last-10perc Go to Dashboard > Customize > Extra css and enter
how to debug Android chrome

install adb tools minimal open Minimal ADB and Fastboot write adb devices allow usb debugging on your mobile device go to Chrome chrome://inspect/#devices all done
How to detect cyclic json

Just use this snippet here function isCyclic(obj) { var keys = []; var stack = []; var stackSet = new Set(); var detected = false; function detect(obj, key) { if (obj && typeof obj != 'object') { return; } if (stackSet.has(obj)) { // it's cyclic! Print the object and its locations. var oldindex = stack.indexOf(obj);

Continue reading

How to develop a Gutenberg plugin without node_modules

So I have struggled with this for a long time now. First you need the coresponding libraries npm i -g @babel/core@^7.2.2 npm i -g @babel/preset-env@^7.3.1 npm i -g @babel/preset-react@^7.0.0 npm i -g autoprefixer@^9.5.0 npm i -g babel-loader@^8.0.5 npm i -g css-loader npm i -g extract-text-webpack-plugin@next npm i -g generate-template-files npm i -g mini-css-extract-plugin npm i

Continue reading

{"type":"main_options","images_arr":"'#ffffff'","enable_ajax":"off","soundcloud_apikey":"","bg_isparallax":"off","bg_slideshow_time":"0","bg_transition":"slidedown","site_url":"https:\/\/","theme_url":"https:\/\/\/wp-content\/themes\/qucreative\/","blur_ammount":"26","width_column":"50","width_section_bg":"","width_gap":"30","border_width":"0","border_color":"#ffffff","translate_cancel_comment":"Cancel reply","translate_leave_a_comment":"Leave a comment","translate_leave_a_comment_to":"Leave a comment to","is_customize_preview":"off","width_blur_margin":"30","gallery_w_thumbs_autoplay_videos":"off","enable_native_scrollbar":"on","content_enviroment_opacity":"30","menu_enviroment_opacity":"70"}