This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
function create_widget($name, $id, $description) | |
{ | |
register_sidebar(array( | |
'name' => __( $name ), | |
'id' => $id, | |
'description' => __( $description ), | |
'before_widget' => '<div id="'.$id.'" class="widget %1$s %2$s">', | |
'after_widget' => '</div>', |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// These styles can help you get a hero image with an overlay as well as centered content placement | |
/* Example markup | |
<div id='hero-image'> | |
<div id='hero-overlay'></div> | |
</div> | |
<div id='hero-content'> | |
<p>Look ma, no hands!</p> | |
</div> | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
I needed to switch the order of content displayed between two sections that each had nested information. | |
On desktop section #1 was a left sidebar, section #2 was the main content. | |
On mobile these needed to be flipped so the main content would appear before the sidebar content, in a column. | |
The solution here worked only so far: http://stackoverflow.com/questions/17455811/swap-div-position-with-css-only | |
The main problem with this solution was that on iOS Chrome version ^51.0.2 on iPhone 6 and iPad mini, as well as Safari and whatever default internet browser coems on Android devices... | |
... all content was stacked on top of each other. | |
The following solution gave me the effect I was looking for, without content stacking on top of each other. | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// jQuery 1.12+ | |
// Bind to window scrolling and setup debouncer | |
$(window).scroll(function() { | |
clearTimeout(this.id); | |
this.id = setTimeout(doneScrolling, 130); // 130ms was the shortest time that allowed execution of only once, any slower and it would fire multiple times | |
}); | |
// Execute any functions here when scrolling stops | |
// Put all the things here! | |
function doneScrolling(){ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Dark text on light backgrounds | |
$md-dol-primary: rgba(0,0,0,.87); | |
$md-dol-secondary: rgba(0,0,0,.54); | |
$md-dol-hint: rgba(0,0,0,.38); | |
$md-dol-divider: rgba(0,0,0,.12); | |
// White text on dark backgrounds | |
$md-lod-primary: rgba(255,255,255,1); | |
$md-lod-secondary: rgba(255,255,255,.70); | |
$md-lod-hint: rgba(255,255,255,.50); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.modal { | |
min-height: 100%; | |
position: fixed; | |
background-color: $darkslategray-opaque; | |
transform: translateY(-150%); | |
transition: transform 750ms ease-in-out; | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// These styles only affect IE 10 + 11 | |
@media all and | |
(-ms-high-contrast: none), | |
(-ms-high-contrast: active) { | |
.selector { | |
display: none; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
Taken from: http://stackoverflow.com/questions/588040/window-onload-vs-document-onload | |
According to Parsing HTML documents - The end, | |
The browser parses the HTML source and runs deferred scripts. | |
A DOMContentLoaded is dispatched at the document when all the HTML has been parsed and have run. The event bubbles to the window. | |
The browser loads resources (like images) that delay the load event. | |
A load event is dispatched at the window. | |
Therefore, the order of execution will be | |
DOMContentLoaded event listeners of window in the capture phase | |
DOMContentLoaded event listeners of document |
OlderNewer