

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

WordCamp GR 2017 – Computers <3 Structured Data – Steve Grunwell
Steve Grunwell – https://stevegrunwell.com/ https://github.com/stevegrunwell/structured-data/blob/master/README.md What is Structured Data? Standards to help computers to understand our content. Content is for humans. Structured data is for machines. Structured Data Structured data is all about providing context itemtype/itemprop/content HTML/XML HyperText and eXtensible Markup Language Meant to convey information in a meaningful way Generic layout RSS An extension of XML for content sydication Introduced structure: post titles, content, dates Standardized and can be validated Microformats & Dublin Core Competing standards for rich data Dublin Core is a specific set of standards, but designed to be limited in scope Uses meta tags Microformats – uses class names Resource Description Framework (RDF) A specification for modeling metadata New attributes Opengraph Facebook’s social graph Used to create rich media when sharing content…

WordCamp GR 2017 – Plugins: The WP Box of Chocolates – Stacy Vanden Heuvel
Stacy Vanden Heuvel – http://www.mtnwebs.net/ (blog) http://mtnwebs.com/ What are they? Premanufactured code that adds function and features. 51,000+ plugins available today. Dropped into a site. There is a plugin or everything. Why does anyone care? Makes website building easier. How do you choose? How many active installs? Does it have reputable developers? When was it last updated? What are the ratings? – need to take these with a grain of salt Is it compatible with the current release? Does it fit with exactly what you need it to do? Plugin Examples WP-Polls Auto Terms of Service and Privacy Policy – doesn’t support translations WPFront Scroll – scroll-to-top button Hummingbird – page speed optimization, gives you an optimization report WP Smush – image optimization, optimizes as you upload,…

Looking For Answers, Relying On Faith
We live in a world where people are always looking for answers. Sometimes the answers are beyond our understanding. That’s where faith takes over. “My thoughts are nothing like your thoughts,” says the Lord . “And my ways are far beyond anything you could imagine. For just as the heavens are higher than the earth, so my ways are higher than your ways and my thoughts higher than your thoughts.” – Isaiah 55:8-9 NLT

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…

WordCamp GR 2017 – Development With Material Design – Matt Christensen
Matt Christensen – https://www.mattchristensen.net/ History Announced 2014 2015 Most Google apps use it Intended for Android Focused on Native Mobile, web was an afterthought What Is It? – https://material.io/ A metaphor – think paper Uniting Style – look the same everywhere Design as a physical medium Paper and Ink Seams & Edges Motion has meaning Web Features – https://getmdl.io/components/ Cards – base component (could be used as a means to layout “table” data) Drawers Snackbar – nice feedback component, can hide automatically Tables Out of the box there is styling but not responsive jQuery Alternative – https://datatables.net/ Frameworks MDL (Material Design) Materialize – http://materializecss.com/ (stay away from Materialize WP, not much development) MDLWP – http://mdlwp.com/ (most features in commercial) Bootstrap Material Design – http://fezvrasta.github.io/bootstrap-material-design/ How Do You Design? What are you…

Talking to Other Sites with the WP HTTP API – Topher DeRosia
Why Talk To Other Sites? Ask them questions – Getting Data Tell them things – Process Requests. How is This Done? GET – wp_remote_get() POST – wp_remote_post() HEAD – wp_remote_head() Cache API Content WordPress Sites (/wp-json) – pull public WordPress site data