Modal
The script also takes care of the focus so that it stays in the modal. Here is a example link to the test. You can also close it with the Escape key.
CurlyFramework Tiny Framework for accessibility and sustainability, not only for MODX. Based on Tachyons, powered by Alpine.js and flavoured with lessons learned over the years.
Better accessibility and sustainability in web development?
It doesn't have to be a complete overhaul, small steps can help you get there. I recommend Michelle Barker's talk "Building a greener web" at "All Day Hey! 2023". Here are some tips:
- Use WebP and native lazyload (images, embeds).
- Use fewer fonts and try to use variable fonts (.woff2).
- Load embeds only on user interaction.
- Test keyboard navigation.
- Test reduced-motion.
- Find a community to test and discuss accessibility and sustainability with real people.
Samples
Modal [popover]
The script also takes care of the focus so that it stays in the modal. Here is a example link to the test. You can also close it with the Escape key.
Accordion
Simple Answer for the Accordion.
Accordion <details>
Accordion
Simple Answer for the Accordion.
Slider
Filter
Richtext
This is a H4 headline.
A paragraph after a headline is here.
Another paragraph after a paragraph is here.
This is a H5 headline.
A paragraph after a headline is here.
Another paragraph after a paragraph is here.
This is a H4 headline.
A paragraph after a headline is here.
Another paragraph after a paragraph is here.
Form accessible upload
Features
Fluid Scale
All elements can be scaled using the .scale-content in the HTML node. Along with the CSS grid and responsive font classes, this is a great basis for the design presets from Figma, Adobe XD and zeplin.io.
Security & Caching
The .htaccess file has been greatly enhanced with compression, caching and header settings such as content security policy or XSS protection.
MODX
Together with modmore's ContentBlocks you can create a flexible website builder with 100% code control. The modx.css file brings a minimalist layout to the MODX Manager backend.
Interested in MODX? Have a look at JoliTypo and Gitify-Preset.
Get it
Get the latest version
git clone git@
Include the CSS and JS files in your markup and you are ready to go! Override the CSS settings using custom properties and use inline JS via AlpineJS to skip the build process.