Getting Browsersync running with Gulp 4 and Valet on macOS
Get Browsersync going with Gulp 4+ and Valet as a local development environment. With Gulp 4+ there has been some code upgrades that require any older gulp.js files to be updated, this guide looks at making Browsersync work with Gulp with the local development tool being Valet. nodejs Ensure you already have nodejs and npm…
Read MoreInstalling Gulp on macOS Ventura – Intro guide to Gulp
Installing Gulp on macOS Ventura, macOS Monterey and earlier OS versions requires Nodejs and npm (Node Package Manager), so get that installed first following the linked guide. Gulp is an easier and slightly more modern javascript task runner than its sibling Grunt, which helps you automate numerous tasks in your workflow. You need to install…
Read MoreAutoPrefix Browser Vendors to your CSS style sheet with a Gulp Workflow
You can automatically add browser vendor prefixes to your CSS style sheet using a Gulp workflow and an AutoPrefixer package, this can be a huge time save and safety net to use newer CSS properties like flexbox that require cross browser prefixes. Create a package.json file Either run npm init in your project directory or just copy and…
Read More