Html sizes generator with max DPR support
A plugin for Tailwind CSS v3.2+ that provides utilities for container queries.
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve
Utility for using responsive images hosted on the Sanity.io CDN with the Next.js image component.
<p align="center"> <img alt="Reactour" title="Reactour" src="https://raw.githubusercontent.com/elrumordelaluz/reactour/main/packages/mask/logo.svg" width="400"> </p> <p align="center"> An SVG mask that cover all the window contents except the one spec
High performance (jankfree) lazy loader for images (including responsive images), iframes and scripts (widgets).
lottie animation view for React
An `<sp-progress-circle>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent both determinate and indeterminate progress, helping users understand the status of ongoing operations
A collection of UI SVG icons created by Esri for applications.
`<sp-icon>` renders an icon to the page. By default the `name` attribute will pair with separately registered icon sets to deliver the icons. When not present, `<sp-icon>` will subsequently check for its `src` attribute which could populate the icon via a
The `<sp-search>` element is used for searching and filtering items.
Animated transitions for D3 selections.
Web component implementation of a Spectrum design NumberField
Web component implementation of a Spectrum design InfieldButton
An `<sp-avatar>` is a thumbnail representation of an entity, such as a user or an organization. Avatars can have a defined image, which is usually uploaded by a user.
`sp-action-group` delivers a set of action buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons. The `compact` attribute merges these buttons so that they are visually joined to clarify their relations
A React hook that makes it possible to listen to element resize events.
An `<sp-switch>` is used to turn an option on or off. Switches allow users to select the state of a single option at a time. Use a switch rather than a checkbox when activating (or deactivating) an option, instead of selecting.
A React and Chakra UI close button component.
Typography classes, mixins, and variables for Material Components for the web
<p align="center"> <img alt="Reactour" title="Reactour" src="https://raw.githubusercontent.com/elrumordelaluz/reactour/main/packages/popover/logo.svg" width="400"> </p> <p align="center"> A popover positioned based on certain values </p>
Web component implementation of a Spectrum design HelpText
Area Proportional Venn and Euler Diagrams
An `<sp-status-light>` is a great way to convey semantic meaning, such as statuses and categories. It provides visual indicators through colored dots accompanied by descriptive text.
Trunction implements intelligent truncation of HTML text.
Experimental gem to produce an HTML printed booklet in A6 size using an HP Laserjet Pro M118dw printer.
Scans a directory recursively, computes file/directory sizes, and generates an HTML report rendered with React.
A Ruby gem for creating Gravatar image URLs and HTML tags with options for size and default image parameters. Provides an easy-to-use interface to generate and embed Gravatar images in web applications.
Creates HTML page with bubble charts of file sizes. Can also output raw html or json data.
Use GrabzIt to convert HTML or URL's into images, PDF, videos, rendered HTML or DOCX. These captures have highly customizable options include altering quality, delay, size, browser type, geographic location and much more. Additionally GrabzIt can even convert HTML tables on the web into a CSV or Excel spreadsheet. As well as enabling online video's to be converted into animated GIF's.
Format data as terminal tables with Unicode, ASCII, Markdown, or compact styles. Build from arrays, hashes, or CSV. Export to CSV and HTML. Sort, filter, and add rows incrementally, with column alignment, auto-sizing, truncation, and ANSI color-safe width calculation.
Jekyll tag-plugin to read image sizes from static assets and output in many formats. Generate your opengraph link-tags, img-tags, css, html props, or just output the width and height of an image. All output image-sizes can be scaled for retina support (/2 for @2x retina, /3 for @3x, etc...).
Build a local copy of a flickr photoset, including html embed snippets for all image sizes, for the purpose off picking photos for your blog even when there's no internet
xmltv2html is a Ruby script that generates a static HTML page from the output of XMLTV. This is different from other XMLTV -> HTML programs in that the times are on the horizontal axis and the channels on the vertical axis. The HTML output can be modified using a CSS file. The prefered method to view a show's info is via DHTML (the default). With version 0.5.3+, the attributes (fonts, colors, size) of the DHTML can be modified.
The Lorax is a full diff and patch library for XML/HTML documents, based on Nokogiri. It can tell you whether two XML/HTML documents are identical, or if they're not, tell you what's different. In trivial cases, it can even apply the patch. It's based loosely on Gregory Cobena's master's thesis paper, which generates deltas in less than O(n * log n) time, accepting some tradeoffs in the size of the delta set. You can find his paper at http://gregory.cobena.free.fr/www/Publications/thesis.html. "I am the Lorax, I speak for the trees."
FeaturedImage is the finder that extract featured image from a web page. FeaturedImage::Finder accesses and analyses a web page using Mechanize, download images which are referenced by IMG tag in HTML, and specify a featured image based on size of image using RMagick. Furthermore, FeaturedImage contains pretty good thumbnail generating function too. FeaturedImage::Converter crops centered area of image, resizes, and convert to arbitrary format automatically.
No description provided.
No description provided.
No description provided.
No description provided.
No description provided.
No description provided.
No description provided.
No description provided.
No description provided.