Tips and tricks

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 convert a javascript object with comments into a explanation table ? ( with RegEx )

This is the regex javascript [\s|\S](?:.)([a-z].*?):.*// --(.*?)\n php (.*?)=>.*,.*\/\/ --(.*?)(\n|$) replace with This makes this text: , enable_embed_button: 'off' // -- enable the embed button , embed_code: '' // -- embed code , skinwave_dynamicwaves: 'off' // -- dynamic scale based on volume for no spectrum wave , soundcloud_apikey: '' // -- set the sound cloud

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

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

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