Topher DeRosia

Technical Architect

A Christ-follower, husband, father, and WordPress Developer with Forum One.

Similar Posts

  • /

    WPGR: Learn about the Developer Tools in your browser

    ByTim Nolte Updated on
    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…
  • /

    WordPress Grand Rapids – September 2018: Show And Tell

    ByTim Nolte Updated on
    Nicole – BoldGrid Post & Page Builder Free & Premium Versions Not Compatible With Editing on Mobile Not Yet Compatible With Gutenberg Premium Designer Blocks & Sliders BoldGrid Central Free cloud-based WordPress instances for testing things out. Crio WordPress Theme Available on ThemeForest Topher – BigCommerce Provides a plugin that pushes your BigCommerce store content to WordPress. All-one SaaS platform. Uses an iframe for checkout so all transactions are at BigCommerce for PCI compliance Can connect BigCommerce to Amazon as a channel. WordPress is just like a channel in BigCommerce and you can push specific products or product categories to different WordPress sites. Request WordPress Beta Access and get free Dev BigCommerce access for life. General Tips Plugins Imsanity
  • /

    WordCamp US 2019 – Just Enough React for WordPress – Shannon Smith

    ByTim Nolte Updated on
    New Block Editor Discover the Possibilities Block templates Blocks instead of custom fields, shortcodes, etc How Does the New Block Editor Work? Uses React, JavaScript/JSX Blocks are like plugins There is a Core Layer & Editorial Layer React abstraction is built-in Cool Stuff Blocks can be reusable Backend Workflow-only blocks Block level locking – you can remove blocks that are not needed. React Uses JSON literals It’s in the HTML but doesn’t negatively affect the HTML Templates You can create block templates Can be assigned to existing post types You can have nested templates Compatibility Shortcodes Will continue to work as before but contained within a block Custom Post Types Metaboxes Can be converted to blocks Can be used in the block editor Themes You…
  • / /

    WordCamp US 2019 – Code Like A Writer – Alex Ball

    ByTim Nolte Updated on
    Writing Principles Punctuation Saves Lives Separate your metaphors separate your concerns making good comments Coding Principles Syntax Form – code formatting Spellcheck – code linting DRY – Don’t repeat yourself Redundant words just take up time Code is Poetry Being creative Clean and concise Doing as much as it can with as little as possible In Stories Someone Usually Dies in the End In AJAX function wp_die() at the end.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)