Slides for Rapid Prototyping with WordPress Page Builders
BeaverBuilder is a plugin that can be used with any WordPress theme unlike Divi which is a theme.
By using a page builder you can easily add real content as live text and play around with it. Not a big deal to edit or change.
Visual page builders bridge the gap for interactive prototypes.
Code prototypes are great but hard to implement if you’re not a coder.
Annotations are a bandaid for clear communications.
Show. Don’t tell.
Bad prototypes distract from getting good feedback in a usability test.
Interactive prototypes have problems too. They can not be real like links, dynamic data, other chores.
Flat, static prototypes aren’t responsive. Multiple sizes/versions need to be created.
Interactive prototypes answer more questions. History of using print tools to represent an interactive experience.
Video relates to how we create static assets to represent an interactive deliverable (PSD, PDF of a website)
** Shows video of baby trying to use a magazine like an iPad **
Helpful tool for rewrite rule debugging: Moneyman Rewrite Analyzer
PHP Debugger plugin that replaces var_dump(), print_r() and debug_backtrace() debugging calls wordpress.org/plugins/kint-php-d…
WordPress 4.4 introduced responsive images by default
Code demos: github.com/ethanbutler/wordcamp2…
Up next: Using the REST API for Better Responsive (Background) Images with @squintsbutler