Tips and tricks

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

How to free port 80 on mac os x

To see current processes do this in terminal sudo lsof -i ':80' To stop the built in apache server in Mac OS X do sudo apachectl stop
{"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"}