Search Results for "attribute"

LombokCSS A modern, token-first component CSS framework. Drop a class, get a working component — like Bootstrap. Re-theme everything by changing one attribute — like a design system. Ships at ~9.7 KB gzipped (full build, minified). Component-based (Bootstrap) + Token-driven theming (design systems) + Tiny (Pico/UnoCSS) Why it's different Most frameworks bake their look into each component, so changing the visual style means overriding hundreds of rules. LombokCSS inverts that: Components read only semantic tokens (--lc-surface, --lc-text, --lc-radius, --lc-shadow, --lc-accent, ) A "design style" is just a different set of token values. ...

...Mavo extends the syntax of HTML to describe Web applications that manage, store, and transform data. Store data in the cloud, locally, or not at all by just changing an HTML attribute. Edit data right on the website, with an intuitive, auto-generated, customizable interface. No more wrestling with CMSes and servers! Multimedia uploads to your page via drag & drop, pasting, or browsing, without a single line of code. Perform calculations right in the HTML, that update when needed. No need to write JavaScript! ...

Automatically opens external links in a new browser for Jekyll Pages, Posts and Docs. Automatically adds a target="_blank" rel="noopener noreferrer" attribute to all external links in Jekyll's content plus several other automation features for the external links.

This plugin adds loading="lazy" to all img and iframe tags on your Jekyll site. No configuration is needed. If a loading attribute is already present nothing is changed. Note that the github-pages gem runs in safe mode and only allows a defined set of plugins. To use this gem in GitHub Pages, you need to build your site locally or use a CI (e.g. Github Workflow) and deploy to your gh-pages branch. In case you want to prevent loading some images/iframes lazily, add loading="eager" to their tags. ...

...URLs in the srcset are cloudinary URLs that fetch on-the-fly the post's images and resize them to several sizes. You are in full control of the number of generated images and their sizes, and the sizes attribute that helps the browser decide which image to download. See the complete configuration options for details.

SVG optimizer and inliner for jekyll. This liquid tag will let you inline SVG images in your jekyll sites. It will add {%svg %} to Liquid::Tag.