Tips and tricks

Setup a .babelrc in your user directory

if you want to setup a global babelrc, create a file named .babelrc with these contents { "presets": [ [ "@babel/preset-env", { "useBuiltIns": "entry", "debug": true, "forceAllTransforms": true, "targets": { "chrome": "58", "esmodules": true, "ie": "11" } } ], "@babel/preset-react" ], "plugins": [ [ "@babel/plugin-transform-runtime", { "corejs": 3 } ] ] } customize to your

Continue reading

TinyPNG CLI setup to compress all files in a folder

This has only been tested on mac but should run on LINUX and WINDOWS ( power shell ) as well. We will have to create a file in your folder called minify.command Declare array of files we will ignore ( already compressed files ) and we will transform declare -a exclude_array declare -a compress_array move

Continue reading

Get Browserify Globally as Watcher in PhpStorm [ add Babelify ] !

part 1 – here part 3 – Use Browserify Globally as Watcher in PhpStorm [ add import / export support ] npm i -g babelify@10.0.0 minifyify@7.3.5 you should have babelrc, if you do not have it, you can follow – here Use Browserify as Watcher in PhpStorm $FilePath$ -t [ /usr/local/lib/node_modules/babelify/index.js --presets [/usr/local/lib/node_modules/@babel/preset-env ] ]

Continue reading

Use Browserify Globally as Watcher in PhpStorm

First, we need to install browserify globally Open terminal and say sudo npm install -g browserify@16.5.0 @babel/core@^7 @babel/plugin-transform-runtime@^7 Make sure that in Program you may have /usr/local/lib/node_modules/browserify/bin/cmd.js Then in Arguments $FilePath$ -o $FileDir$/$FileNameWithoutAllExtensions$.js Then in Output paths to refresh dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js:dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$ optional: You could extend with babelify tutorial here Remember to set in Program argument (

Continue reading

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
{"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"}