Dev Environment Setup - Virtualbox+Ubuntu18.04+Docker
The very basic docker setup for WordPress theme development or local staging in a Virtual Machine using VirtualBox with Window 10 as host.…
Adding Background Color to PNG using Python
While converting from PNG to JPG, a black/white background will be added to fill in the transparent layer of PNG. This python code enable user to customise this background color while converting PNG images to JPG…
Gulp4.0+SASS4.0+BrowserSync2.26
References Gulp SASS BrowserSync Code compile SASS when css changes reload when scss files or php files changes 'use strict'; const gulp = require('gulp'); const sass = require('gulp-sass'); const browserSync = require('browser-sync'); var sourcemaps = require('gulp-sourcemaps'); sass.compiler = require('node-sass'); // The `clean` function is not exported so it can be…
Google Certified Mobile Web Specialist Study Notes
Reference Basic Website Layout and Styling Mobile Emulation Viewport <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- device-width = DIP initial-scale: DIP:CSS Pixel = 1:1 --> Mobile assume all sites with a width of 980px unless viewport defined Device Independent Pixels(…
Framework with Plugins and Tools for WordPress Theme Development for Marketing
Base Starter Theme: Underscore General CSS and Layout: Bootstrap Plugin Activation(requires plugins within theme): TGM Plugin Activation Plugins (Development Purpose) Theme Customizer: Kirki Template(/Page) Custom Field: ACF Plugins (Utilities) SEO: Yoast (Breadcrumb) Form: Contact Form 7 Social Media Sharing: Addthis Analystics: Baidu Tongji + Google Analystics Functions Editor: My…
Speedy Environment Setup for Web Development - Docker(Laradock)
Prerequisite -System: Ubuntu 16.04 -install docker -[install docker-compose](https://docs.docker.com/compose/install/) -clone laradock Config Laradock to Support Multiple Projects Direct Laradock to look at the correct directory // edit .env Provided folder structure + laradock + projecta + projectb # Point to the path of your applications code on your…