Technical Architect
A Christ-follower, husband, father, and WordPress Developer with Forum One.
Similar Posts
Enterprise API Development…Navigating The Battlefield
Right now at work I’m the lead on a project to establish a new vendor API. Unfortunately there were decisions made on key specifications of how the API was to be developed before it was handed to me. Where I work there is a lot of legacy standards and so it’s challenging to introduce new technologies as a standard. I do see that there is a constant struggle between what APIs are needed internally versus externally, for B2B integrations. I’m always looking to try to balance this out whenever I can.
Geek / Programming / WordPress
WordPress Development On A Chromebook, Termux, & Neovim
So about 6 months ago I decided to make some changes to my personal development environment. I’ve been using a Chromebook as my primary machine since about 2013. I first purchased an Acer C710 for my wife to use but compared to our Macbook Pro it was a frustrating and subpar experience for her, not to mention she was a heavy Adobe Suite user. Since sharing the Macbook Pro was challenging I set out to use the Chromebook as me development machine. Originally I went with the crouton option. It was pretty sweet to have a full Linux environment alongside Chrome OS. I was then running a full LAMP environment with PhpStorm as my IDE. This worked OK, I had performance and stability issues at…
WPGR: Learn about the Developer Tools in your browser
Firefox Developer Tools – Topher Inspector – look at HTML/CSS behind a web page Responsive Display Mode Console – look for errors (security/resource loading issues) Different results depending on when you open – loading vs loaded Debugger – for JavaScript Style Editor – for changing CSS Performance – monitoring page load performance Network – Storage – Local browser items, page cache, cookies, etc. Chrome Developer Tools – Brian Shortcuts – keyboard commands to open dev tools (CTRL-OPT-I[Mac OS X]/CTRL-SHIFT-I[ChromeOS]) Docking – SHIFT-CMD-D(Mac OS X) / CTRL-SHIFT-D(Chrome OS) Elements (inspector) Styles – Filter allows for viewing specific CSS states (i.e. :hover) Add specific element styles Color Swatch – has a color picker, can save swatches Computed Styles View a visual representation of spacing See the CSS that…