Web Development - How to add a simple web component from the console

open the console / devtools and enter // Create a class for the element class PopUpInfo extends HTMLElement { constructor() { // Always call super first in constructor super(); // Create a shadow root const shadow = this.attachShadow({mode: 'open'}); // Create spans const wrapper = document.createElement('span'); wrapper.setAttribute('class', 'wrapper'); const icon = document.createElement('span'); icon.setAttribute('class', 'icon'); icon.setAttribute('tabindex',

Continue reading

Link a microservice application to google cloud

Get a google cloud account Install Google Cloud SDK Run the command gcloud auth From GCloud enable: Kubernetes Engine API Google Cloud Build API create a cluster in Kubernetes Run the command: gcloud init Select the project: gcloud config set project $MY_PROJECT_ID select your CLUSTER gcloud container clusters get-credentials YOUR_CLUSTER_NAME --zone us-central1-c Select the kubectl

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

{"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","content_enviroment_opacity":"30","menu_enviroment_opacity":"70","base_url":"https:\/\/"}