Search Results for "element" - Page 6
Sort By:
Showing 282 open source projects for "element"
View related business solutions-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
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
jQuery Fullscreen Plugin
Plugin provides a simple to use mechanism to control fullscreen mode
...Currently, only newer Webkit-based browsers (Like Chrome and Safari), Firefox and IE11+ provide this new fullscreen feature. Simply pass no argument to the fullScreen method to query the current state. The method returns the current fullscreen element (or true if browser doesn't support this) when fullscreen mode is active, false if not active or null when the browser does not support fullscreen mode at all. So you can use this method also to display a fullscreen button only when the browser supports fullscreen mode. -
2
Milligram
A minimalist CSS framework
...Now you should add the main file of the Milligram and the CSS Reset in the header of your project. Just that! The Button, an essential part of any user experience. Buttons come in three basic styles in Milligram: The button element has flat color by default, whereas .button-outline has a simple outline around, and .button-clear is entirely clear. The List is a very versatile and common way to display items. Milligram has three types of lists. -
3
Date Range Picker
JavaScript date range, date and time picker component
...You can customize Date Range Picker with options, and get notified when the user chooses new dates by providing a callback function. Several events are triggered on the element you attach the picker to. -
4
jQuery Form
jQuery form plugin
...The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn’t get any easier than this! When this form has been submitted the name and comment fields will be posted to comment.php. If the server returns a success status then the user will see a “Thank you” message. ... -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
5
cube-ui
Mobile UI library implement by Vue
...Lightweight and flexible, support post-compile and importing on demand; High scalability, it is easy to implement secondary development based on existing components. By API invoking, the popup layer is attached to body element whose advantage is that it wouldn't be affected by outer styles. If using component invoking, it's fairly easy to be affected by outer styles like transform, overflow, etc. -
6
Chardin.js
Simple overlay instructions for your apps
...This will shift the tooltip to be twice farther away from the element than by default. -
7
jsInputFormatter
Simple Input Formatter for Javascript
jsInputFormatter is a easy way to format HTML inputs with masks. Syntax: import the jsInputFormatter.js set the function below on oninput event to input format. inputFormatter(event,mask) event: element input event mask: String with mask # - Any valid number * - Anything Others characters don't change inputDecimalFormatter(event,decimal) event: element input event decimal: Integer number with decimal Example 1 - Credit Card: Credit Card #### #### #### #### <input id="cartao" type="text" oninput="inputFormatter(event,'#### #### #### ####')"/> Example 2 - Phone number: Brazil Phone number (##)*####-#### <input id="phone" type="text" oninput="inputFormatter(event,'(##)*####-####')"/> Example 3 - Decimal number : Decimal 0.00 <input id="valor" type="number" oninput="inputDecimalFormatter(event,2)" value='0.00'/> -
8
CSS Element Queries
High-speed element dimension/media queries in valid css
An event-based CSS element dimension query library with valid CSS selector syntax to change styles and allow responsive images based on element's dimensions and not window's viewport. Download the zip file using the buttons on the right side and include both files at the head section of your page. ElementQueries start automatically to listen to window.load event and parses all available css files to attach the ResizeSensor and start the magic. -
9
Ganja.js
Javascript Geometric Algebra Generator for Javascript, c++
Ganja.js is a Geometric Algebra code generator for javascript. It generates Clifford algebras and sub-algebras of any signature and implements operator overloading and algebraic constants. Mathematically, an algebra generated by ganja.js is a graded exterior (Grassmann) algebra (or one of its subalgebras) with a non-metric outer product, extended (Clifford) with geometric and contraction inner products, a Poincare duality operator and the main involutions and morphisms. Technically, ganja.js... -
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
10
Headroom.js
Give your pages some headroom, hide your header until you need it
Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems. Large screens are usually... -
11
EMBL-EBI Icon fonts
A collection of functional and scientific icons for EMBL-EBI sites
...Icons are added automatically through CSS using the :before feature in CSS, so they will appear before whatever piece of text you associate them with. To make this association, you need to include particular class and data-icon attributes in the relevant HTML element. This version brings the most user-facing changes in several years as we've added in far more "common" icons and simplified the font stack. -
12
NES.css
NES-style CSS Framework
NES.css is a NES-style(8bit-like) CSS Framework. NES.css is available via either npm (preferred), Yarn, or a CDN. Our package.json contains some additional metadata under the following keys, path to our main Sass source file, path to our non-minified CSS. NES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library. NES.css only provides components. You will need to define your own layout. The recommended font for NES.css... -
13
Twitter-Post-Fetcher
Fetch your twitter posts without using the new Twitter 1.1 API
Allows you to get your tweets displayed on your website using JavaScript, without using new Twitter 1.1 API. Recently I was quite frustrated to find out that the old API on Twitter was depreciated and the overhead in setting up a system to perform OAUTH just to get my already publicly available tweets was too damn high. Even worse I couldn't find any simple solutions for JavaScript. All code examples were server-side. So after much thinking, I invented the following solution. It makes use of... -
14
rangeslider.js
HTML5 input range slider element polyfill
Simple, small and fast jQuery polyfill for the HTML5 <input type="range" slider element. -
15
DropCSS
An exceptionally fast, thorough and tiny unused-CSS cleaner
DropCSS takes your HTML and CSS as input and returns only the used CSS as output. Its custom HTML and CSS parsers are highly optimized for the 99% use case and thus avoid the overhead of handling malformed markup or stylesheets, so well-formed input is required. There is minimal handling for complex escaping rules, so there will always exist cases of valid input that cannot be processed by DropCSS; for these infrequent cases, please start a discussion. While the HTML spec allows html, head,... -
16
Zdog
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies. Zdog is friendly. Modeling is done with a straight-forward declarative API.... -
17
Cropper
jQuery image cropping plugin
...It provides users with an intuitive interface to select and adjust crop regions on images using drag-and-drop, zoom, rotate, and aspect-ratio controls, making it ideal for profile picture editors, photo upload tools, and content management interfaces. Developers can initialize Cropper on any <img> element and customize it with a comprehensive set of options like fixed aspect ratios, minimum crop box sizes, and preview panes that update in real time. The library emits events for actions such as “crop start,” “move,” and “crop end,” enabling seamless integration with form submissions or client-side image processing workflows. Because it supports touch gestures and mouse interactions, Cropper works well across desktop and mobile browsers without requiring any external dependencies. -
18
Raphaël
JavaScript vector library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to... -
19
turretcss
Turret is a styles and browser behaviour normalisation framework
...Added utility classes for the cursor property. A generic group behavior to align and space between like items within lists. Globally set box shadows with size variants to set on any element easily with utility classes. PostCSS with postcss-preset-env to write tomorrow's CSS spec today with the polyfills you need. Designed for speed turretcss is designed to make responsive, accessible, and scalable CSS development simple, and predictable. Write clean, simple, and modern HTML & CSS with intuitive size and style utilities with PostCSS and postcss-preset-env. -
20
Shards UI
Bootstrap 4 UI kit packed with extra templates and components
...Shards comes packed with 10 extra custom components that help to cover almost any type of interface requirements and also 2 custom pre-built landing pages. Icons from both Material and Font Awesome packs (1500+) are supported by default and can be placed in almost any element without the need of adjusting the kit. -
21
Didact
A DIY guide to build your own React
Didact is an educational JavaScript project that teaches developers how to build a small React-like library from scratch. It accompanies a series of explanatory posts that break down React concepts step by step. The project covers rendering DOM elements, element creation, JSX, virtual DOM behavior, reconciliation, components, state, Fiber-style incremental reconciliation, and hooks. Its goal is not to replace React, but to make React’s internal ideas easier to understand through a compact implementation. The repository includes code samples and diffs that help learners follow the evolution of the system across lessons. ... -
22
Slinky
A light-weight, responsive, mobile-like navigation menu plugin
A light-weight, responsive, mobile-like navigation menu plugin -
23
Element React
Element UI
...Online theme roller, visualize custom and manage site themes and component styles. Download relevant design resources to shape a prototype or draft, increasing design efficiency. Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community. It is recommended to use npm to install, it can be better used with webpackpackaging tools. Before starting, you also need a theme package, which we recommend here element-theme-default. -
24
pickadate
jQuery date and time input picker
...When using the “classic” theme, it is important to have a wrapper div with position, relative around the source input to ensure the picker is sized according to the input element it is bound to. Supports all modern browsers – and IE8+. Specifically, v3 has been tested with Chrome MWA, Firefox MWA, Opera MWA, Safari Mi, Internet Explorer W, Blackberry 6.0+ and Android 3.2+ browsers. Make sure to also include the legacy.js file along for the oldie browsers. pickadate.js is an open source project, shared under an MIT license. ... -
25
DateTimePicker
Responsive jQuery DateTime Picker plugin for Web & Mobile
...Users can change values using +/- buttons or type values directly into the textbox by selecting each value field. For the web, the picker can be bound relative to the reference element, were it will appear at the bottom of the element. For mobile, the picker can appear as a dialog box covering the entire window.