
Technical Architect
A Christ-follower, husband, father, and WordPress Developer with Forum One.
Similar Posts

A Guide to Commit Messages, Tracking Development History
I love this guide from Aaron on keys to maintaining a solid SCM history.
5 Easy Warmup Moves to Boost Your Runs
I share this because I’m terrible at remembering to do this. I need to start doing stretches before I really injure myself. http://blog.mapmyrun.com/5-easy-warmup-moves-to-boost-your-runs/
Development / Geek / Programming / Tech / WordPressTalking WPRig and Theming in the Gutenberg Era with Morten Rand-Hendricksen
This month we’re taking a look at the WPRig WordPress framework from its developer Morten Rand-Hendricksen. This will be a live remote presentation with Q&A as time allows. If you want to learn more ahead of the meetup, follow this link https://wprig.io/ “Pave the cowpath” – WordPress could be the thing that paves the cowpath for the modern web, but it isn’t. Underscores used to be the starting theme do build off of, but there was no real standard, and modern, build process. Build Process Modern JavaScript Modern CSS (customer properties, etc) WordPress Coding Standards Code Linting for PHP, JS, CSS Automatic internationalization Code and asset optimization Starter Theme Accessible Modern best-practices Styled out of the box Minimum required files Optional templates Progressive features Gutenberg New…

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…






