HTML CSS Hamburger menu
Copy from a codepen, some simple HTML hamburger menu triggers
CSS SVG animation
Use a single SVG image file to apply different animations, to move only parts of the image
SCSS ‘META FIZZY’ text effect
Probably one of the coolest things ever
PHP Shortcode list categories and/or tags
Works in combination with the ‘Code Snippets’ plugin. Add the code as a HTML content snippet, select ‘Evaluate PHP code’ and use the generated shortcode in a template or page.
CSS and/or jQuery Tooltip
Simple CSS tooltip with some styling
jQuery action on scroll Y position or element trigger
Use jQuery actions on scroll, for example to show a header only on scrolling up, or changing section color when scrolling past a specific element.
jQuery video controls
jQuery commands to control html video like play pause and set properties
Elementor hide/show hover arrow button
CSS animated Elementor button with an arrow that appears and disappears on hover.
jQuery UI draggable
jQuery UI library to make fun interactions.
Elementor dynamic add class from ACF field
Set a dynamic class to a section/widget from an ACF field value. If value is empty, no class is added. Very handy with checkbox to use for conditional CSS with (custom) posts.
JS typing effect
Typed.js is a library that types.
PHP add body classes
Use php to add body classes based on any condition to use for hooking into for CSS styling
Elementor CSS clickable column
Apply a link from a widget to the entire column
HTML CSS custom scrollbar
Customise the html scrollbar, with variations in color if needed based on body class
HTML CSS Custom cursor
Custom cursors from image files
CSS transition background gradient
Really creative and nice solution for the undoable, by Chris Coyier from CSS Tricks
CSS Marquee
Simpler than a JS Marquee. Despite a duration based glitch often this solution will serve the goal perfectly.
JS Marquee
No plugin, a very smooth and simple JS Marquee
CSS: wp-login.php
How to customize the default wp-login form with a snippet
jQuery do something if referrer URL contains ‘string’
Check with JS if the URL that the visitor came from when landing contains a certain string
Plugin FullPage.js by Alvaro Trigo
Implementing the fullPage.js plugin by Alvaro Trigo in Elementor to create screen-snap behavior.