List Code
clean excess binary logs from mysql - free up space
Update: 30 July 2023 I actually prefer this command, i just have to figure out why im getting so many binlog files! MYSQL PURGE BINARY LOGS BEFORE '2023-07-30 00:00:00';PURGE BINARY LOGS BEFORE NOW..
display a subnav for the current wordpress page
good if you are doing custom page work and need to show the current sub nav somewhere other than the main menu.
mysql to sqlite notes
### MySQL to SQLite converterhttps://pypi.org/project/mysql-to-sqlite3/https://github.com/dumblob/mysql2sqlitehttps://stackoverflow.com/questions/3890518/convert-mysql-to-sqlite ```pip instal..
wordpress block grid code
the basic wordpress grid column layout this is a 3 col layout
Video different sources on screen sizes video embed html responsive
video embed tag using media tag to switch video sources depending on screen size This example will switch the video souce at 800px screen width.
wordpress jquery find and replace option text value
renames the Select Category in the option value 1 to Topics add to the footer, uses jQuery rather than $ but you can just switch to $ if not using the wordpress jquery init.
Using the HTML tag details for easy accordions
Using the HTML Tag ` ` for automatic accordions.
Quick Embed Figtree Font
Quick embed code and test paragraph for the google font figtree
Quick Embed code for Titillium Web Google Font
Quick Embed code for Titillium Web Google Font and a bit of test code to see if the font is working properly. Im not sure if including all styles of this font is a good idea. Who even uses italic thes..
font awesome spinner loader loading spinner
just a simple font awesome spinner to use for loading areas
How to Enable Linux Subsystem in Windows
Enabling the linux subsystem in windows allows you to use linux within windows. To enable linux sub system in windows you can do the following. In the start menu type "Windows features..
use an image in your list items ol ul li
replacing the default ul li list with an image prefix
green circle tick svg
converted into inline css and html
4 box custom grid with responsive
simple 4 box 25% grid with a responsive break at 1024px to stack the boxes in the grid
four box grid css html custom
re-usable four box grid with gap calculations
six box grid css html custom no gap
re-usable four box grid with no gap, plus stack on responsive 1024px
flip card animation 3d front and back css html
3d flipping card with front and back content and animation
CSS Object Fit for Image fill rather than using background image on a div
CSS Object Fit can crop off the sides of an image, while also preserving its aspect ratio, and then fill in the space to fit any size. Object Fit You can use: object-fit: With the following ..
css cursor types testing
testing all (most) of the available css cursor types, you can mouse over to test how the cursors react depending on your browser type and operating system. refs https://developer.mozilla.org/e..
jqueryui date selector with examples and code with custom date formatting
Datepicker using jquery ui with current date and date formatting. as dd-mm-yy Example Date formatting with selector
css html vertical center
seems to break this layout... there must be a better way...
find a custom data attribute in simple html dom
locate the div based on a custom data attribute, in this case the data-field="regularMarketChange" full docs
add a page template in a wordpress theme
duplicate the page.php to a new php file usually with the template name as the file name with no spaces file in wordpress theme and add the following line to the top.
Left Fixed nav with right fluid content
left fixed nav section with right fluid section css and html using flexbox
extract a wordpress menu using its id
when you edit the menu in wordpress you can check the url, and it will have the id to extract in the following string: /wp-admin/nav-menus.php?menu=12
rotate an element when its selected
add and remove the class open to rotate
rotate an element when its hover
add and remove the class open to rotate
make an image or element grayscale switch on mouse over
mouse over the image to see the effect also used: transitions random image