Search Results for "attribute"
Sort By:
Showing 32 open source projects for "attribute"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
7.css
A JS-independent, tree-shakeable CSS framework
...It is built on top of the GUI backbone of XP.css, which is an extension of 98.css. This framework relies on the usage of semantic HTML. To make a button, you'll need to use a button. Input elements require labels. Tabs rely on the role="tab" attribute. This page will guide you through that process, but accessibility is a primary goal of this project. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice. -
2
Juice
Juice inlines CSS stylesheets into your HTML source
Given HTML, juice will inline your CSS properties into the style attribute. Juice has a number of functions based on whether you want to process a file, HTML string, or a cheerio document, and whether you want the juice to automatically get remote stylesheets, scripts, and image dataURIs to inline. To inline HTML without getting remote resources, using default options. Juice is exposed as a standard module, and from CLI with a smaller set of options. -
3
Zynga Scroller
Accelerated panning and zooming for HTML and Canvas
...The library handles panning, deceleration, bouncing, paging, snapping, zooming, directional locking, and pull-to-refresh behavior. It can be controlled manually through an API or used through EasyScroller, a simplified DOM-focused wrapper with data-attribute initialization. Developers can configure axes, animation behavior, zoom ranges, dimensions, and scroll targets. It is useful for web applications, games, visual tools, and custom interfaces that need smooth touch or mouse-driven navigation without relying entirely on native browser scrolling. -
4
RapiDoc
RapiDoc - Custom-Element for OpenAPI Spec
Free of any frameworks, setups, configs, build steps or packaging. Can be used with any framework or just with vanilla javascript. Use It just like any other HTML Tag, Change its attribute using JavaScript and see it react to those changes. Basic knowledge of HTML is all that's required. Style it to your heart's content. Change font, logo, colors and theme. Inject external HTML or embed into another HTML document. Minimal dependencies, no runtime, and no virtual DOM ensure the lowest memory consumption, Just native and raw speed of the modern browsers. ... -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
5
css-doodle
A web component for drawing patterns with CSS
...The syntax of CSS-doodle is based on CSS and provides several extra utility functions and shorthand properties. The number of rows and columns in the grid is defined by the grid attribute on the element, ranging from 1 to 64. Its default is 1x1 when no value or 0 is given. The row or column is limited up to 4096 only when the grid is 1-dimensional. -
6
axe-core
Accessibility engine for automated Web UI testing
...Axe-core has different types of rules, for WCAG 2.0 and 2.1 on level A and AA, as well as a number of best practices that help you identify common accessibility practices like ensuring every page has an h1 heading, and to help you avoid "gotchas" in ARIA like where an ARIA attribute you used will get ignored. With axe-core, you can find on average 57% of WCAG issues automatically. Additionally, axe-core will return elements as "incomplete" where axe-core could not be certain, and manual review is needed. -
7
Mavo
Create web applications entirely by writing HTML and CSS
...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! ... -
8
SVGOMG!
Web GUI for SVGO
...Users can compare the optimized result with the original, inspect markup, and compare compressed sizes. Controls cover precision, multipass optimization, metadata removal, path cleanup, style processing, attribute cleanup, and many other transformations. It is intended for interactive optimization when developers or designers want direct control over how an SVG is simplified. -
9
clipboard.js
A modern approach to copy text to clipboard
...It isn’t dependent on Flash or any bloated framework, just 3kb gzipped. clipboard.js eliminates all the hassles that come with copying text to the clipboard, such as the many steps needed to configure, or the hundreds of KBs you need to load. With clipboard.js you can copy content from another element, cut text from another element, and copy text from attribute. It supports most popular browsers and gracefully degrades if you need to support older browsers. -
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
10
PowerTip
A jQuery plugin that creates hover tooltips
PowerTip is a jQuery tooltip plugin with some advanced features like hover intent testing, tooltip queueing, and support for complex data. -
11
vue-datatables-net
Vue jQuery DataTables.net wrapper component
This library is a Vue 3 wrapper for jQuery DataTables. It's a tiny wrapper that doesn't include anything, not even the datatables.net core library. You've found this library because you want to use jQuery datatables.net client-side with your application. Alternatively, if you simply want to integrate with a server-side datatables.net compatible endpoint, then I'd like to suggest looking at bootstrap-vue b-table and this component. Default configuration and provide an example for bootstrap5... -
12
Flickity
Touch, responsive, flickable carousels
...If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Flickity under the terms of the GPLv3. You can use Flickity as a jQuery plugin. You can initialize Flickity in HTML, without writing any JavaScript. Add data-flickity attribute to the carousel element. -
13
Hint.css
A CSS only tooltip library for your lovely websites
...All you need to do is give your element any position class and tooltip text using the aria-label attribute. Note, if you don't want to use aria-label attribute, you can also specify the tooltip text using the data-hint attribute, but its recommended to use aria-label in support of accessibility. If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2. -
14
bootstrap-input-spinner
A Bootstrap plugin to create input spinner elements for number input
A Bootstrap / jQuery plugin to create input spinner elements for number input. With version 3.3 I added an ES6 module beta version under src/es6-beta. It is not yet documented, but there is a test page as index-es6-beta.html. -
15
Bootstrap Colorpicker
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap
...Note that the plugin may work without Bootstrap if your code is not using any of the mentioned Bootstrap dependencies. Note that the dist files are only distributed via the NPM and Yarn installations. The initial color can be specified in 3 ways, input value, data-color attribute and programmatically with the color constructor option. Whenever the format option is 'auto', the first parsed color format will be detected and used as default, but when the option equals null (default), the format is recalculated every time. -
16
React Native Router
The first declarative React Native router
...Define all your routes in one React component and navigate from one scene to another scene with a simple and powerful API. Drawer support (provided by React Navigation). Inheritance of scene attributes allow you to avoid any code/attribute duplications. Adding rightTitle to a scene will apply to all child scenes simultaneously. All scenes are wrapped with observer. You may subscribe to navigationStore (Actions in v3) and observe current navigation state. Not applicable to Redux. -
17
document-register-element
A stand-alone working lightweight version of the W3C
...It supports both the older V0 model and much of the V1 specification, including autonomous elements and customized built-in elements. Developers can define components with lifecycle callbacks that respond to creation, connection, removal, and observed attribute changes. The package uses feature detection so modern browsers can retain native behavior instead of receiving unnecessary patches. It can be loaded through npm, CommonJS, AMD, bundlers, a script tag, or a CDN. The repository is archived and deprecated, and its maintainer recommends newer custom-elements packages for current projects. -
18
styletron
Toolkit for component-oriented styling
...The generated names are not stable and will change all the time so you should never target them. If you need a stable selector for something as e2e tests, you should add a data-test-id attribute. Since Styletron uses the <style /> tag, you can use media queries and other selectors as well. You could not do that with inline styles! Check Concepts for more information about how classic CSS translates into CSS in JS. -
19
Modaal
An accessible dialog window library for all humans
...Modaal has been developed to support common jQuery configuration options, but in an effort to extend functionality and widen its usage we've developed support for inline data-option-name attribute support. The Modaal video type has been tested thoroughly using both Vimeo and Youtube. We transplant this URL into an iframe which then each service provider controls all the necessary playback from there. Modaal window to prompt the user to Confirm or Cancel a particular action. Content can be pushed through including callback events as necessary. ... -
20
AOS
Animate on scroll library
AOS is a lightweight JavaScript and CSS library for animating elements as users scroll through a webpage. It lets developers add animation behavior directly through HTML data attributes, making it easy to apply effects without writing custom JavaScript for every element. The library supports animations that trigger while scrolling down and can reset when scrolling back up. It includes options for duration, delay, easing, offsets, anchors, and once-only animation behavior. AOS is useful for... -
21
Bootstrap Lightbox
A lightbox gallery plugin for Bootstrap
Utilizes Bootstraps modal plugin to implement a lightbox gallery. Options are passed down to the modal object so you can also use any of the original modal options. A lightbox module for Bootstrap that supports images, YouTube videos, and galleries, built around Bootstrap's Modal plugin. Instead of modifying the /dist/*.js JavaScript files directly, you should instead modify the ekko-lightbox.js file and run the grunt task. -
22
parallax.js
Parallax Engine that reacts to the orientation of a smart device
...If you don't have a smart device, no worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead. Most configuration settings can be declared either as data-value attribute of the scene element, or property of the configuration object. The programmatic approach will take priority over the data-value attributes set in the HTML. Some options can also be set at run-time via instance methods. Parallax will only be in effect while the cursor is over the scene element, otherwise all layers move back to their initial position. -
23
angulartics
Analytics for AngularJS applications
...The simplest way to do event tracking is by adding the attributes analytics-on and analytics-event to the element. analytics-on always needs to be present, because it is the attribute that enables event tracking for the element. All other attributes will be inferred if omitted. -
24
Slideout.js
A touch slideout navigation menu for your mobile web apps
...Supports Chrome (IOS, Android, desktop), Firefox (Android, desktop), Safari (IOS, Android, desktop), Opera (desktop), and IE 10+ (desktop and mobile). You can use the special HTML attribute data-slideout-ignore to disable dragging on some elements. For example, if you have to prevent slideout will open when touch on carousels, maps, iframes, etc. The slideout emits translatestart, translate and translateend events only when it is opening/closing via touch events. -
25
Pen Editor
Enjoy live editing (+markdown)
...If you want to customize the toolbar to fit your own project, you can instantiate Pen constructor with an options object like #1.3. You can set options.titles to an object with properties that match the toolbar actions. The value of each property will be used as the title attribute on the icon. Most browsers will display the title attribute as a tooltip when the mouse hovers over the icon. By default, Pen will prevent unsafe page redirect when editing, to shut down it, specific options.stay to false. The syntax convertor will be enabled automatically by linking markdown.js after `pen.js. To link or unlink, please press the enter key after you filled the input field with your link. ...
