Tips and tricks

image
TinyPNG CLI setup to compress all files in a folder
Posted on January 1 2020
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 ] !
Posted on November 24 2019 / 1 comment
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 →

image
Use Browserify Globally as Watcher in PhpStorm
Posted on November 22 2019 / in npm, Uncategorized / 1 comment
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$.js.map optional: You could extend with babelify tutorial here Remember to set in Program argument (

Continue reading →

image
Web Development - Use Babel as Watcher in IntelliJ PhpStorm
Posted on November 20 2019 / in Tips
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
Posted on August 13 2019
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 https://manage.sslforfree.com/
Gutenberg - uneven columns
Posted on July 13 2019
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":"none","site_url":"https:\/\/digitalzoomstudio.net","theme_url":"https:\/\/digitalzoomstudio.net\/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","content_enviroment_opacity":"30","menu_enviroment_opacity":"70","base_url":"https:\/\/digitalzoomstudio.net"}
{"type":"darkfull"}