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…