ARIA Authoring Practices Guide
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).
GitHub - KittyGiraudel/a11y-dialog: A very lightweight and flexible accessible modal dialog script.
A very lightweight and flexible accessible modal dialog script. - GitHub - KittyGiraudel/a11y-dialog: A very lightweight and flexible accessible modal dialog script.
How to make a video play when you open a modal box using JavaScript?
I've been setting up a video page for my website and I'm trying to make it extra slick by using Javascript!... Unfortunately, I completely suck at Javascript! Ok, so here's my problem:
I've manage...
Building the main navigation for a website
This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.
Creative list styling
A look at some useful and creative ways to style a list.
Complex conditional width using flex-basis with clamp
An article from the Every Layout blog.
The Power of CSS Blend Modes
I knew CSS blend modes could create some cool effects, but even so, a CodePen I saw recently left me shocked at what they’re capable of.
A CSS-only Carousel Slider
I've recently read about and discussed CSS Scroll Snapping so often that I felt like I should build a CSS-only carousel based on it. Here are a few th...
WordPress strips out tags in `wp_trim_words()`, which is called by `get_the_excerpt()`; so we have to filter 'wp_trim_words', basically copying that function with one change: replace `wp_strip_all_tags()` with `strip_tags()`. We don't want other functions that run `wp_trim_words` to be modified, so we add our filter while `get_the_excerpt()` is running, and remove it when we're done.
WordPress strips out tags in `wp_trim_words()`, which is called by `get_the_excerpt()`; so we have to filter 'wp_trim_words', basically copying that function with one change: replace `wp_st...
Discovery | OpenArt
Get inspired from millions of amazing DALL·E 2 art and prompts
Using Google Maps with Alpine.js
A look at integrating the Google Maps API with Alpine.js
JSON Hero - A beautiful JSON viewer
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
Carousel | GUI Challenges
🤓
Extracting From WP Multisite to Single Site - Pressable
Although Pressable allows you to run multiple sites on the same network, you can always switch from your wp multisite to single site functionality.
How to Remove ‘Posts’ (Blog) Post Type from WordPress - MITO Studios
Not every WordPress website contains a blog made up of posts. This article explains why and how to remove the "post" post type from your WordPress site.
Linearly Scale font-size with CSS clamp() Based on the Viewport | CSS-Tricks
Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc().
Tip - Use fetchpriority=high to load your LCP hero image sooner
Add fetchpriority=high to your Largest Contentful Paint image to get it to load sooner. Priority Hints sped up Etsys LCP by 4% with some sites seeing an impr...
JSON Crack - Crack your data into pieces
Simple visualization tool for your JSON data. No forced structure, paste your JSON and view it instantly.
ARIA Tabs
Introduction | a11y-tabs
a11y-tabs a lightweight (less then 1Kb) JavaScript package that facilitates a11y-compliant tabbed interfaces.
Pie Chart Maker
Create a Pie Chart for free with easy to use tools and download the Pie Chart as jpg, png or svg file.
Why your website should be under 14kB in size | endtimes.dev
Comparing JAWS, NVDA, and VoiceOver | CSS-Tricks
A screen reader is an important accessibility tool for people with no or limited vision. People who are blind or those with low vision can use a screen reader
Exploring the Underrated Output Element
HTML’s output element is pretty amazing. I mean, honestly, HTML is pretty amazing, right? Many elements can just DO things, plus express their own purpose. The output’s abilities are no…
Parents counting children in CSS
Using :has() to select parent elements that have a specific number of children.
WP nav menu + Bootstrap, add role="menu" to UL
For one of my projects I'm trying to add a nav_menu to my WP theme. It should work as a quick menu (sidebar). The only problem remaining: How do I add a role="menu" to the < ul ?
<?php
...
Add a Resize Handle for Wordpress Post and Page Edit Sidebar - ThisBailiwick
I was converting some ACF fields to Gutenberg ACF fields and put together some options for how/where content can be edited. The acf_register_block_type() function has the mode option. The allowed values are: – auto: Preview is shown by default but changes to edit form when block is selected. – preview: Preview is always shown. Edit … Continued
Remove block styles in the Block Editor
The Block Editor recently introduced block styles as seen below:
How do we disable these?
remove property from wordpress core gutenberg block
With the new wordpress update there are some new properties that have been added to the core gutenberg blocks to make it easier for certain users to customize these blocks
In the image above you c...
How to remove default settings on a block in the WordPress Block Editor
How to modify or remove the default settings of a block in the WordPress Block Editor using a little bit of JS and the exposed Block Filters.