| Version number caching issue with loading Google Fonts with wp_enqueue_style where updating the link doesn't show on the frontend. Apparently the solution is to null out the version number. | |
| wp_enqueue_style( 'fonts', 'https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Marcellus&display=swap', array(), null ); | |
| Thank goodness for Kristin Falkner writing about this obscure bug: | |
| https://www.kristinfalkner.com/wordpress-google-fonts-fix/ |
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
Apparently setting position: relative on an element sets it up with its own stacking context that is separate from neighboring elements. Let's say you have two divs:
<div class="first-block">
<p class="overlay-bottom></p> // I want this to hang over the second div
<div>
From this article on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/how-to-lazy-load-embedded-youtube-videos--cms-26743
Create custom field for user to enter YouTube video URL. Have data populate a data-embed attribute. data-embed="{custom field code}"
Use this function to extract the video ID out of the URL and replace data-embed with the extracted ID
var embeds = document.querySelectorAll('.youtube');
#Developer Documentation
##Useful Apps/Extensions I use quite often.
More modern company, modern design
To get rid of p tags that WordPress is inserting, add to the header of your template.
To fix jittery scrolling on IE, (noticeable with fixed background images) use:
$('body').on("mousewheel", function () {
// remove default behavior
event.preventDefault();
//scroll without smoothing
var wheelDelta = event.wheelDelta;
| Here is a walkthrough | |
| https://gist.github.com/thebucknerlife/10090014 | |
| Make sure that when you are creating the user model, you use "password_digest", but when you call it from the project, use "password" |