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…
This JavaScript code will automatically change the MIN value of a DATE input to the desired start DATE. Checkout the…
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”>…
<script> document.addEventListener(‘DOMContentLoaded’, function() { jQuery(“.element-class a”).attr(‘target’, ‘_blank’); }, false); </script>
I wanted to change the resolution of the generated thumbnails images located in my posts section page of my personal…
Example of how to read values from an external XML using PHP json_encode and JavaScript. Read in the values from…
Example: CodePen Code: <div class=”myClass”></div> <script> document.addEventListener(‘DOMContentLoaded’, function() { document.getElementsByClassName(“myClass”)[0].innerHTML = “<img alt=’my image’ src=’http://astralmemories.com/img/astral-memories-logo.png’>”; }, false); </script>
This code search for all the elements of a certain class and replaces its classes for a new one. Code:…