For my Code Snippets website, I use the Escapade WordPress theme as the starting point, but I jazz it up…
Simple table with Alphabetical Filtering capabilities using the TableFilter JavaScript library and Bootstrap. Codepen: https://codepen.io/astralmemories/pen/QWQqMQo CSS Requirements: // Bootstrap https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/css/bootstrap.min.css…
Features Bootstrap styles and elements Bootstrap icons Pattern.css backgrounds Google Fonts Easy accent color change through a global CSS variable…
A simple Info/Content Tabs element using HTML, CSS, and jQuery. Checkout the Codepen DEMO. Requirement: https://code.jquery.com/jquery-3.6.0.min.js HTML Code: <div id=”tabwrap”>…
Simple Content Carousel using Bootstrap 4 and Bootstrap Icons Checkout the Codepen DEMO. Requirements: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js HTML Code:…
<script> document.addEventListener(‘DOMContentLoaded’, function() { jQuery(“.element-class a”).attr(‘target’, ‘_blank’); }, false); </script>
Load another page’s item into a div using jQuery: <script src=”https://code.jquery.com/jquery-1.10.2.js”> </script> <div id=”PlaceToPutTable”> </div> <script> $(“#PlaceToPutTable”).load(“https://www.uccs.edu/admissions/request #block-uccsbase-home-content”); </script> More…