| *~ | |
| # General | |
| .DS_Store | |
| .AppleDouble | |
| .LSOverride | |
| # Icon must end with two \r | |
| Icon |
| <main role="main" class="glossary"> | |
| <div class="group"> | |
| <?php | |
| // setup alphabet array for navigation | |
| // make array of letters in span tags | |
| $nav_arr = array( | |
| '0-9' => '<span>0-9</span>' | |
| ); | |
| for ($i = 65; $i <= 90; $i++) { | |
| $nav_arr[chr($i)] = '<span>'.chr($i).'</span>'; |
Picture, srcset and sizes is now gaining some traction in browsers so why download picturefill by default? This gist (hopefully) only loads picturefill if it is required using a test from picturefill itself.
Test it out here
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <ul class="gallery"> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Static Google Maps</title> | |
| <style> | |
| img {max-width: 100%;} | |
| </style> | |
| </head> | |
| <body> |
| <ul class="tabs primary-nav"> | |
| <li class="tabs__item"> | |
| <a href="#" class="tabs__link">Home</a> | |
| </li> | |
| <li class="tabs__item"> | |
| <a href="#" class="tabs__link">About</a> | |
| </li> | |
| <li class="tabs__item"> | |
| <a href="#" class="tabs__link">Work</a> | |
| </li> |
The fantastic little JS Bin Example of using Cutting the Mustard by Jeremy Keith from this article.
| <div id="calendars"> | |
| <?php | |
| $opts = array( | |
| 'past-events'=>false | |
| ); | |
| // this months calendar | |
| perch_events_calendar($opts); | |
| // if we have a date in the url, use it, otherwise, get today's date | |
| if ( isset( $_GET['d'] ) && !empty( $_GET['d'] ) ) { | |
| $date = $_GET['d']; |