Tips and tricks

Use Browserify Globally as Watcher in PhpStorm [ add import / export support ]

Use Browserify Globally as Watcher in PhpStorm [ add Babelify ] Use Browserify Globally as Watcher in PhpStorm external link: https://google.com … You will need first the esmify and browser-resolve libraries sudo npm i -g esmify browser-resolve Then add -p /usr/local/lib/node_modules/esmify/esmify.js to the browserify command $FilePath$ -d -t [ /usr/local/lib/node_modules/babelify/index.js ] -p /usr/local/lib/node_modules/esmify/esmify.js -p [/usr/local/lib/node_modules/minifyify/lib/index.js

Continue reading

How to use tinypng cli to compress all pictures in a directory

First you need to install tinypng-cli and provide an api key sudo npm install -g tinypng-cli Use this code to compress in the same directory If it has been compressed before and has the compressed- prefix, then other files will not get compressed. Make a file named tinify.command and place it in your directory. declare

Continue reading

How to Recursively Remove .DS_Store

Open up Terminal In the command line, cd to/your/directory Finally, in the command line, type:  find . -name '.DS_Store' -type f -delete
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

{"type":"main_options","images_arr":"'#ffffff'","enable_ajax":"off","soundcloud_apikey":"","bg_isparallax":"off","bg_slideshow_time":"0","bg_transition":"slidedown","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","enable_native_scrollbar":"on","content_enviroment_opacity":"30","menu_enviroment_opacity":"70"}
{"type":"darkfull"}