Skip to content

Instantly share code, notes, and snippets.

View jdelia's full-sized avatar

Jackie D'Elia jdelia

View GitHub Profile
@jdelia
jdelia / Flexible Widget Title Filter
Last active January 12, 2017 16:06
Widget Title filter for WordPress. Allows screen reader text output, no title output options.
// Widget titles in brackets are either ignored or wrapped in screen reader text span
add_filter( 'widget_title', 'jd_flexible_widget_titles', 10, 1 );
/**
* Customize output of widget title
*
* @param string $widget_title return modified widget title.
*
* @author Jackie D'Elia
*/
@jdelia
jdelia / rethinkfm.md
Last active June 2, 2017 11:18 — forked from jcasabona/howibuit.md
Guest Notes for Rethink.fm Podcast

Guest Notes for Rethink.fm Podcast

Format Audio Only

We will pick a topic to talk about and discuss with some questions from me. The target is a 30(ish) minute show.

I will open the show, mention any show's sponsor(s) and then introduce you. We'll then jump into the questions.

Tips for Good Recording

@jdelia
jdelia / svg-cog-wheels-svg
Last active July 11, 2018 12:48
CSS Animation spinning cog wheels
<svg width="100%" height="100%" viewBox="0 0 600 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<rect x="-152" y="-117" width="882" height="819" fill="#ebebeb"/>
<g>
<circle id="circle-yellow" cx="393.785" cy="409.5" r="100" fill="transparent"/>
<g>
<path class="cog-yellow" d="M378.75,310.637c-6.476,0.985 -12.839,2.603 -18.999,4.832l0.962,15.729c-5.814,2.455 -11.337,5.551 -16.466,9.229l-12.915,-9.028c-5.115,4.091 -9.817,8.675 -14.036,13.685l8.696,13.14c-3.807,5.034 -7.042,10.476 -9.644,16.226l-15.699,-1.361c-2.385,6.101 -4.165,12.421 -5.314,18.869l14.102,7.032c-0.781,6.263 -0.861,12.593 -0.24,18.874l-14.276,6.671c0.985,6.476 2.604,12.839 4.833,18.998l15.728,-0.961c2.456,5.814 5.551,11.336 9.23,16.465l-9.028,12.915c4.091,5.116 8.674,9.818 13.684,14.037l13.141,-8.697c5.033,3.807 10.475,7.042 16.225,9.645l-1.36,15.
@jdelia
jdelia / _header-scss
Last active March 6, 2017 00:41
Adding SVG Logo to Utility Pro theme
.header-image .site-title a {
background: url(images/logo.svg) center center no-repeat;
float: left;
min-height: 60px;
width: 100%;
@include media($medium-screen-up) {
background-position: left center;
}
}
@jdelia
jdelia / _header-scss
Last active February 18, 2016 11:23
Retina Image for Utility Pro using Sass
/* Logo, hide text */
.header-image .site-title > a {
@include imgRetina(images/logo, png, 300px, 60px, center);
float: left;
min-height: 80px;
width: 100%;
@include media($medium-screen-up) {
@include imgRetina(images/logo, png, 300px, 60px, left);
@jdelia
jdelia / utility-pro-styles.css
Created February 12, 2016 23:17
Original logo css in Utility Pro theme
/* Logo, hide text */
.header-image .site-title > a {
background: url(images/logo.png) no-repeat center;
float: left;
min-height: 60px;
width: 100%;
}
@media screen and (min-width: 1023px) {
.header-image .site-title > a {
background: url(images/logo.png) no-repeat left;
/* Logo, hide text */
.header-image .site-title > a {
background: url(images/logo.png) no-repeat center;
float: left;
min-height: 80px;
width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and ( min--moz-device-pixel-ratio: 2),
screen and ( -moz-min-device-pixel-ratio: 2),
// Remove H1 tag from TinyMCE Editor
add_filter('tiny_mce_before_init', 'tiny_mce_remove_unused_formats');
/*
* Modify TinyMCE editor to remove H1.
*/
function tiny_mce_remove_unused_formats($init) {
// Add block format elements you want to show in dropdown
$init['block_formats'] = 'Paragraph=p;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;Address=address;Pre=pre';
/* Support for current and last browser version using grunt-postcss autoprefixer */
/* FlexBox
---------------------------------------------------------------------------------------------------- */
.test {
display: flex;
height: 500px;
padding: 15px;
margin: 24px;
border: 1px #333 solid;
flex-wrap: wrap;
a {
color: $base_link_color;
border-bottom: $base_link_color 1px dotted;
font-weight: 400;
text-decoration: none;
word-wrap: break-word;
}
a:hover {
color: lighten($black, 33);