Filter highlighted articles: Featured Site Info Image Galleries Music & Sounds Photojournals Writing Code & Algorithms All
How To Export or Import Notes from the "Webstickies" Extension In Firefox, feature art by Mike Kupietz
Adding A Default Featured Image Or Thumbnail In WordPress, feature art by Mike Kupietz
Pure CSS interactive web holiday lights (updated for 2025), feature art by Mike Kupietz
How To Export or Import Notes from the
Posted inCode & Algorithms

Free Your Mind, And Your Sticky Notes Will FollowTech note: How To Export or Import Notes from the "Webstickies" Extension In Firefox

Amongst my most-used browser extensions is Webstickies by Lawrence Hook, which allows you to leave a permanent "sticky note" on any web page. It's available for both Firefox and (yuck, ptui) Chrome, although I only use it in Firefox. However, the one thing it lacks is an import/export functionality. For $10, you can get access...
Posted in genresBrowser PluginsHow-ToJavascript
1051 words | 6 media items | 
Click to Read More...
Adding A Default Featured Image Or Thumbnail In WordPress, feature art by Mike Kupietz
Posted inCode & Algorithms

All ThumbsAdding A Default Featured Image Or Thumbnail In WordPress

What's a featured image in WordPress? WordPress, the software this site runs on, works by allowing authors to enter web page content (sometimes officially called 'posts', as in a blog post, and which I often colloquially on this site refer to as an 'article') which it then formats nicely to display in web viewers. When...
Posted in genresWordpressPHP
608 words | 4 media items | 
Click to Read More...
Pure CSS interactive web holiday lights (updated for 2025), feature art by Mike Kupietz
Posted inCode & Algorithms

season's geekingsPure CSS interactive web holiday lights (updated for 2025)

Update, Dec. 2025: these lights are now available as a free WordPress plugin, from my Github repo at https://github.com/kupietools/ktwp-wp-plugin-css-holiday-lights/ (And, additional update, someone in the world has installed it! See bottom.) Strung across the very top of this page are pure CSS interactive Christmas lights. You can slowly move your mouse across them to jostle...
Posted in genresWeb DevelopmentFun
999 words | 5 media items | 
Click to Read More...
A Technological Solution to Disincentivize a Web Development "Concern Troll", feature art by Mike Kupietz
The Internet Bad Statements (“BS”) Detector, feature art by Mike Kupietz
WordPress Shortcode & Function Performance Optimization with Transients, feature art by Mike Kupietz
A Technological Solution to Disincentivize a Web Development
Posted inCode & Algorithms

Fun With A PurposeA Technological Solution to Disincentivize a Web Development "Concern Troll"

I had an interesting thing happen a few months ago where a troll in a chat room decided for some reason to run my site through the W3C's Nu HTML Validator and apparently was grievously wounded by the validation errors it had—and furthermore, had a big concern with the overall bandwidth consumption of the site,...
Posted in genresWeb DevelopmentWordpress CodingGrody Technical Details
2021 words | 3 media items | 
Click to Read More...
The Internet Bad Statements (“BS”) Detector, feature art by Mike Kupietz
Posted inCode & Algorithms

Online Fact-Checking ToolThe Internet Bad Statements (“BS”) Detector

Here's a fairly old repost from my consulting site, where it got no traction whatsoever. The Bad Statements Detector is a specialized search tool designed to aid in online research and to help prevent people from passing along nonsense on the internet, by making it easier to look stuff up on fact-checking websites like Snopes.com,...
Posted in genresFact-CheckingLive ToolsWeb TechnologyPHP
484 words | 
Click to Read More...
WordPress Shortcode & Function Performance Optimization with Transients, feature art by Mike Kupietz
Posted inCode & Algorithms

Optimization-A-Go-GoWordPress Shortcode & Function Performance Optimization with Transients

I suffer from that paradoxical form of laziness peculiar to computer geeks where I will save myself save myself 15 minutes of work on something by spending 4 hours creating a shortcut. As such, the menus on this site are dynamically generated by traversing the category tree in PHP and laying out menus and submenus...
Posted in genresWeb DevelopmentWordpress CodingPerformance & OptimizationPHP
1248 words | 5 media items | 
Click to Read More...
An Excel-based DeFi Uniswap Liquidity Pool/Automated Market Maker Simulator, feature art by Mike Kupietz
Draggable Elements WordPress Plugin, feature art by Mike Kupietz
An Excel-based DeFi Uniswap Liquidity Pool/Automated Market Maker Simulator, feature art by Mike Kupietz
Posted inCode & Algorithms

Untangling Uniswap? Demystifying DeFi? You Tell MeAn Excel-based DeFi Uniswap Liquidity Pool/Automated Market Maker Simulator

For a few years I was in cryptocurrency trading. Eventually, this led me to the wild west of decentralized finance tokens ("DeFi"), an exciting area that I feel has strong potential to be on the cutting edge of technology's potential to fundamentally reshape our society. Decentrailized Finance concept: The "Automated Market Maker" Among the odd...
Posted in genresCryptocurrencyExcelFinance Simulations
862 words | 2 media items | 
Click to Read More...
Draggable Elements WordPress Plugin, feature art by Mike Kupietz
Posted inCode & Algorithms

Nothin' But A DragDraggable Elements WordPress Plugin

This will be written up in detail, but for now, this is just a demo page for my KupieTools Draggable Elements WordPress plugin. If you select "View Page Source" in your browser, you will see that the four following DIV elements, as defined in the page HTML, are just ordinary DIV elements with a single...
Posted in genresWork-In-ProgressLive DemoWeb DevelopmentWordpress Coding
261 words | 1 media item | 
Click to Read More...
CSS Dynamic Point Light Source & Parallax Shadows, feature art by Mike Kupietz
Posted inCode & Algorithms

Let There Be More LightWeb Demo: CSS Dynamic Point Light Source & Parallax Shadows

Click here to view this in a separate tab. This demonstrates a high-performance method of rendering dynamic CSS drop shadows from a simulated point light source. The note and sun light source elements have been made interactively user-draggable by the inclusion of an external draggability package. Until I have this documented, you can see the...
Posted in genresCSSLive DemoWeb DevelopmentJavascript
65 words | 2 media items | 
Click to Read More...
Scripts to Analyze CSS from Firefox's Javascript console., feature art by Mike Kupietz
Web Design—Adding Text Previews To HTML Details Disclosure Elements, feature art by Mike Kupietz
Non-render-blocking YouTube embeds in WordPress, feature art by Mike Kupietz
Scripts to Analyze CSS from Firefox's Javascript console., feature art by Mike Kupietz
Posted inCode & Algorithms

For Web Devs and Other Tool-Using AnimalsScripts to Analyze CSS from Firefox's Javascript console.

When, in the course of human events, it becomes necessary to understand why your wordpress site's freaking menus display fine when you're logged in as administrator but are completely broken when you're logged out, it may be useful to be able to easily compile all the CSS for the affected page elements for both the...
Posted in genresCSSToolsWeb DevelopmentJavascript
586 words | 4 media items | 
Click to Read More...
Web Design—Adding Text Previews To HTML Details Disclosure Elements, feature art by Mike Kupietz
Posted inCode & Algorithms

god is in the detailsWeb Design—Adding Text Previews To HTML Details Disclosure Elements

Looking around the site, you might get the hint that I'm a big fan of <details class="detailsClassName"><summary>blah blah blah</summary> even more blah blah blah</details> disclosure elements. For those unfamiliar, that's this: Here's a title of a sectionHere's where a bunch of information goes. Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah...
Posted in genresWeb Development
486 words | 1 media item | 
Click to Read More...
Non-render-blocking YouTube embeds in WordPress, feature art by Mike Kupietz
Posted inCode & Algorithms

Video Killed The Pagespeed ScoreNon-render-blocking YouTube embeds in WordPress

On this site's Music Reviews page (itself built on-the-fly by a shortcode that sorts and displays posts from a "Music Review" custom post type), most of the reviews are accompanied by YouTube video embeds from the album in question. What I didn't realize in setting that up is that YouTube embeds use [code][/code] tags to...
Posted in genresWeb DevelopmentWordpress CodingPHP
447 words | 
Click to Read More...
Terminal-Notifier Bridge For Thunderbird Email Client, feature art by Mike Kupietz
Generating On-The-Fly Email Addresses as an Anti-Spam Measure in Wordpress, feature art by Mike Kupietz
Resurrecting the HTML <blink>&lt;BLINK&gt;</blink> tag, feature art by Mike Kupietz
Terminal-Notifier Bridge For Thunderbird Email Client, feature art by Mike Kupietz
Posted inCode & Algorithms

Thunderbird CustomizationTerminal-Notifier Bridge For Thunderbird Email Client

Hot off the presses. Direct from my Github, a MacOS BASH script to allow customized per-mailbox notifications in the Mozilla Thunderbird email client. Following is the README containing full information and instructions, and then the code and license, embedded live from my terminal-notifier-bridge-for-thunderbird repo on GitHub.
Posted in genresMacOS & App CustomizationShell Scripting
46 words | 
Click to Read More...
Generating On-The-Fly Email Addresses as an Anti-Spam Measure in Wordpress, feature art by Mike Kupietz
Posted inCode & Algorithms

Generating On-The-Fly Email Addresses as an Anti-Spam Measure in Wordpress

On my IT consulting business site, I'm using a php script I've written to generate on-the-fly random email addresses specific to the browsing session looking at the site. So, I can include email addresses in plain text on the site, but if a spammer harvests one, I can block it, and other people legitimately browsing...
Posted in genresWordpress CodingPHP
675 words | 
Click to Read More...
Resurrecting the HTML <blink><BLINK></blink> tag, feature art by Mike Kupietz
Posted inCode & Algorithms

In With The OldResurrecting the HTML <BLINK> tag

Back in the bad old days, there was an HTML tag called [code][/code]. It did this, which everybody hated because it was annoying, and everybody's web pages looked like this: Hello! Welcome to Kupietz Arts+CodeThis is the homepage of Mike Kupietz where you can see all his art, music, writing, and code! BEST VIEWED WITH...
Posted in genresWeb DevelopmentFun
389 words | 29 media items | 
Click to Read More...
How to make a completely unusable homepage in CSS3 and <strike>jQuery</strike>Javascript, feature art by Mike Kupietz
Posted inCode & Algorithms

Usability HellHow to make a completely unusable homepage in CSS3 and jQueryJavascript

One of my favorite bits of code I've ever written is on the front page of my jiggy, ancient, perpetually-under-construction, virtually-never-viewed old personal website, Life In A Mikeycosm. Eager to make my front page "pop" a little more back in days gone by, I came up with a clever CSS3/javascript hack that caused the page...
Posted in genresWeb DevelopmentjQuery
317 words | 1 media item | 
Click to Read More...
Newest articles
Full list: Newest Articles
See all in Articles...
Last 5 edits
Full list: Recent Site Updates
TitleCategoryModified
· An Evening with Beverly Luff Linn
· Visioneers		Movie Reviews2025/12/13 23:58 - 2025/12/13 23:59
· A Milestone Passed: Brief Thoughts On AI's Increasingly Convincing Simulation of Humanness
Writing » Topical Writing
2025/12/13 20:15
· Parasomnia
· Brain Dead (2007)
· Zeroland		Movie Reviews2025/12/12 22:36 - 2025/12/13 02:31
· Size Down
· Get Really Good At One Thing
· Patience
Workshop » Reference Section » Grimoires » Trading Education Notes » Hypotheses to be tested
2025/12/7 17:14 - 2025/12/7 17:15
· Open Interest
Workshop » Reference Section » Grimoires » Trading Education Notes » Explainers, Definitions, & Terminology
2025/12/7 17:14
Latest developer log entries
Full list: /devlog
  • 2025dec7
    • Add .entry-content > iframe, .entry-content > pre > code to same rules as .wide selector, add min-width: calc(100% + 20vw - 48px) to .wide so iframes don't come out too narrow
  • 2025dec6
    • add #lightrope {margin-top:-17px !important;}
    • Move randomization code on "pickone" parameter on gallery shortcodes to before transient checks to 404 page always displays random image again instead of cached value.
  • 2025dec3
    • Added KTWP CSS Holiday Lights plugin
    • Removed lightrope CSS in preparation for moving into a plugin.
  • 2025nov27
    • Made under construction message 80% size until hover
  • 2025nov16
    • Added "preventduplicates" option to othercatposts shortcode with a default of off, so now it will show posts in multiple sections, as explained in the code comment by that option.

Mike Kupietz, your humble proprietor, serving these electrons to you steaming hot from a server in the heart of San Francisco, right where the American dream rises out of the Pacific as a moist, gray fog and ascends to Heaven in a cacophony of poetry, acid rock and sarcasm.

[email protected] · https://michaelkupietz.com

This site brought to you by four months flat on my back in summer 2023 due to long covid, plus a whole lot of additional lovin' sweat & frustration since then. Per aspera, ad astra.

Site Map · Contact Info · Mike Kupietz Bio · About This Site · Most Recent Updates · Site Topic & Tag Clouds

← Previous Site · Michael Kupietz Arts+Code is a scrappy IndieWeb Webring 🕸💍 site. · Next Site →

Scroll to Top
Help

For confused first-time visitors and other people still acclimating, here is a description of these little tabs to the left, as well as some other features of the site.

Open "Expert Mode" CLI Navigation - this give you the option to switch your browser's display to an old-fashioned terminal mode where you may browse this site, view pages and images by typing text commands. Just like how we used to browse the web back in 1978!

Open Visual Settings - This gives you controls to customize the visual display of this website to your liking: turn up or down the brightness, contrast, color temperature, hue, saturation, dark mode, and earthquake. Settings are saved per browser tab, so they will be remembered for your whole visit.

Open My Eyes - Have you ever been engrossed in your work, when you suddenly realize someone is staring at your screen, watching everything you do over your shoulder? If not, this simulates the experience.

Open Help - This help popup, silly! You just clicked it! Do you not remember?

New - Draggable elements! Several elements on this website, including these tabs, this popup message, and the "Hire Mike" badge in the lower right, can be dragged around with your mouse, to avoid them blocking content. Positions are remembered per tab, so as you navigate around the site, they will stay in the same place for your whole visit.

Enjoy!

CLI Website Navigation

Are you sure you want to switch to viewing this website in the "expert mode" command-line interface?

This will switch to a terminal emulator, load this page, and allow you to browse this website and view its contents by typing text commands.

Plus there might be, y'know, some fun stuff hidden in there. Just for geeks.

Let's go!

HIRE MIKEProfessional info:
FileMaker & Full-Stack Web Development, Wordpress, IT Consulting
Click here
Open Visual Settings
Page Appearance