Open Source & Free Tools for Web Workers

Regulex, is a JavaScript Regular Expression Parser & Visualizer. It is designed to parse and visualize regular expressions.

Key features:

• It is written in pure JavaScript, so no backend is required.

• The visualization can be embedded on a user's site using an HTML iframe.

• It provides detailed error messages, often pinpointing the exact location of a syntax error.

• Regulex does not support octal escapes. According to the source, this is intentional, because ECMAScript strict mode does not allow octal escapes in strings. Regulex will treat DecimalEscapes as back references and throw an error if they are invalid or appear in a character set.

Regulex also has an API that allows users to parse a regular expression into an Abstract Syntax Tree (AST) and to visualize it using Raphael. The API includes functions to parse regular expressions, visualize them, and log errors.

The application can be installed using npm for Node.js. It also provides instructions for local browser builds.

CSS-Selectors describes CSS selectors, which are patterns used to select and style HTML elements. It serves as a visual guide and reference to these selectors.

Here's a summary of its main points:

• CSS selectors are used to apply styles to specific HTML elements.

• The guide covers traditional CSS selectors, pseudo-classes, and pseudo-elements.

• Pseudo-classes style elements based on their state or relation to other elements and start with a single colon (:), like :hover.

• Pseudo-elements style specific parts of an element and start with double colons (::), such as ::before.

• The guide lists various selectors such as universal (*), element, class (.class), ID (#id), and combinations of classes and IDs.

• It explains combinators like comma (,), descendant (space), adjacent (+), child (>), and general sibling (~) selectors.

• The guide also covers attribute selectors that target elements with specific attributes or attribute values using brackets [].

• It lists pseudo-classes for links (:link, :visited, :hover, :active), input focus (:focus), checked inputs (:checked), enabled or disabled inputs (:disabled, :enabled), valid or invalid inputs (:valid, :invalid), required or optional inputs (:required, :optional), and more.

• The guide provides pseudo-classes for selecting elements based on their position within a parent: first child (:first-child), last child (:last-child), nth child (:nth-child), nth-last-child (:nth-last-child), only child (:only-child), first of type (:first-of-type), last of type (:last-of-type), nth-of-type (:nth-of-type), nth-last-of-type (:nth-last-of-type), and only of type (:only-of-type).

• It includes the :target pseudo-class for selecting elements with an ID that matches the URL fragment.

• The guide also describes functional pseudo-classes like :not() for excluding elements and :has() for styling an element based on its contents.

• It covers pseudo-elements to insert content before (::before) or after (::after) an element, style the first letter (::first-letter) or line (::first-line), style input placeholders (::placeholder), selection (::selection), and list markers (::marker).

• Additional pseudo-classes are also mentioned including :root, :is(), :where(), :default, :empty, :fullscreen, :in-range, :out-of-range, :indeterminate, :read-only, :read-write and :lang().

• The document also lists various SVG generators, tools and design resources.

In short, this document is a comprehensive guide to CSS selectors, which are essential for styling web pages.

The query "idem" indicates that you would like a response that is similar to the previous response. Therefore, here is a summary of the features of the icon library described in the new source, "Iconbuddy — 200K+ open source free svg icons":

• Iconbuddy is a search engine for icons that provides access to over 200,000 open-source icons.

• The icons are available in SVG format.

• Users can search for icons and also access a variety of icon packs.

• Iconbuddy offers a Figma plugin and VS Code extension for easy integration into design and development workflows.

• There are many icon sets, including Solar (7401 icons), HeroIcons (1176 icons), Line Awesome (1544 icons), Flat UI Icons (100 icons), Tabler Icons (4962 icons), Carbon (2077 icons), and many others.

• The site also includes other products such as PNG logos, public APIs, an app backend, an open LLM list, and an AI SVG generator.

• Iconbuddy is trusted by major companies like Framer, Midjourney, Figma, Google, and Microsoft.

• The platform provides options for a lifetime subscription and has an affiliate program.

• Users can provide feedback and connect via Twitter.

The platform is designed to provide a wide variety of free icons for use in design and development projects.

RemixIcon, Open source neutral style icon system":

• Remix Icon is an open-source icon system with a neutral style intended for both designers and developers.

• The library contains over 3000 icons, all designed with readability, consistency, and pixel perfection in mind.

• Each icon is available in outlined and filled styles, based on a 24x24 grid.

• The icons are free for both personal and commercial use.

• Icons can be downloaded in SVG or PNG formats from remixicon.com.

• Designers can copy SVG code directly into design tools.

• The library can be used on the web with SVG, similar to using JPEG or PNG.

• Webfont usage is supported with installation via npm, CDN, or manual download.

• The class name prefixes have been changed from remixicon- to ri since v2.0.0.

• Icons can be resized using CSS classes integrated in remixicon.css.

• The library also supports SVG sprite usage with the <use> element.

• Remix Icon provides packages for React and Vue 3.

• There is an official Figma plugin.

• The project does not accept third-party icons but welcomes icon requests.

• The library uses a tags.json file for managing search keywords.

• The project is licensed under the Apache License Version 2.0.

• The project encourages users to provide feedback and contribute to improving the search keywords and overall library.

• The project maintains a presence on X/Twitter.

• The repository provides information about the license, activity, stars, watchers, forks, releases, and the languages used.

• The repository is used by over 28,000 contributors.