wait-for-element.js - This library provide a function which wait until an element is visible.

  •        415

This library provide a function which wait until an element is visible. if you use it with non promise support browser, should load Promise polyfill like ES6-Promise.




Related Projects

isInViewport - An ultra-light jQuery plugin that tells you if an element is in the viewport but with a twist

  •    Javascript

An ultra-light jQuery plugin that tells you if the element is in the viewport, but with a twist. For a more performant alternative, please take a look at observe-element-in-viewport which uses the new IntersectionObserver API. Please keep in mind that you might have to ship a polyfill for IntersectionObserver depending on the browsers you support.

party-mode - An experimental music visualizer using d3.js and the web audio api.

  •    Javascript

Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a good tutorial on how to do this. Then, using requestAnimationFrame (with a little frame limiting for performance reasons) I'm updating that array as the music changes. I then normalize the data a bit (or transform it slightly depending on the visualization) and redraw the screen based on the updated array. I'm using d3.js to draw and redraw SVG based on this normalized data. Each visualization uses the data a bit differently -- it was mostly trial and error to get some stuff I liked looking at. Since I'm using D3 -- which is just drawing SVG -- I was able to style everything in CSS (no images are used at all, including icons). There are a handful of differently colored themes for each visualization, and I do some rudimentary CSS namespacing by updating a class applied to the html element. eg. <html class='theme_1'>. This lets me override or substitute CSS rules pretty trivially. I can add some additional variation to each theme by messing with pseudo selectors. For example, I can use :nth-of-type to hide every nth SVG rectangle or making every odd child have a different stroke-dasharray, etc.

Vue.D3.tree - Vue component to display tree based on D3.js layout.

  •    Vue

Update documentationVue components to display graphics based on D3.js layout. For all these events, the argument passed is {element, data} where element represents the node build by D3.js and data is the node raw data.

vue-observe-visibility - Detect when an element is becoming visible or hidden on the page.

  •    Javascript

Detect when an element is becoming visible or hidden on the page. ⚠️ This plugin uses the Intersection Observer API that is not supported in every browser (currently supported in Edge, Firefox and Chrome). You need to include a polyfill to make it work on incompatible browsers.

png.js - A (animated) PNG decoder in JavaScript for the HTML5 canvas element and Node.js

  •    CoffeeScript

A PNG decoder in JS for the canvas element or Node.js. Simply include png.js and zlib.js on your HTML page, create a canvas element, and call PNG.load to load an image.

Sprite3D.js - Sprite3D.js, a JS library for generating and manipulating CSS 3D transforms

  •    Javascript

Sprite3D.js makes it easy to manipulate HTML elements in 3D space through the use of CSS 3D transforms. It allows to control the position, rotation and scale of the element using simple, chainable methods. A Sprite3D object IS an HTMLElement, so you can freely use native browser events and properties, and control their appearance through CSS directives.When creating a Sprite3D element, you can specify an ID or class, or even provide an existing HTML element that will be 'enhanced'. Most of its added methods can then be used as getter or setter depending of the number of arguments.

wind-js - An demo animation of wind on a Canvas layer in the JSAPI

  •    Javascript

This project is an experiment in client-side data processing and visualization. Most of the code in this project is taken from https://github.com/cambecc/earth and has been re-purposed to support easier application to a variety of mapping APIs and Frameworks. The code for this project uses nothing but an HTML5 Canvas element and pure Javascript. The data come from the Global Forecast System which produces a large variety of datasets as continuous global gridded datasets (more info below). The data is passed into a JS class called Windy which takes the bounds of the map, the data, and the canvas element and then applies a Bilinear Interpolation to generate a smooth surface. Once the surface has been generated a function randomly places "particles" onto the canvas at random x/y points. Each particle is then "evolved", moving in a direction and at a velocity dictated by the interpolated surface.

element-theme - Theme generator cli tool for Element.

  •    Javascript

Theme generator cli tool for Element. The current version is compatible with element-ui@2.x. For element-ui@1.x, please check out the legacy branch.

css-element-queries - CSS-Element-Queries Polyfill

  •    Javascript

Element Queries is a polyfill adding support for element based media-queries to all new browsers (incl. IE7+). It allows not only to define media-queries based on window-size but also adds 'media-queries' functionality depending on element (any selector supported) size while not causing performance lags due to event based implementation. It's a proof-of-concept event-based CSS element dimension query with valid CSS selector syntax.

vue-admin-template - a vue2.0 minimal admin template http://panjiachen.github.io/vue-admin-template

  •    Javascript

Import css and js of Element, and then import vue. Because Element is vue-dependent, vue must be import before it.

RKTabView - Easy applicable toolbar/tabbar component for iOS

  •    Objective-C

RKTabView provides the opportunity to create toolbars with customizable behavior, functions and appearance. Standard iOS components such as UITabBar or UIToolbar sometimes are not customizable as needed and always behave in a certain way. Unlike them, this component can be installed anywhere, anytime, but the most important thing - all elements appearance and behavior can differ. Imagine, that part of bar should work as UITabBar(one is on - others are off), elements of second part should work as switchers(any element can be turned on or off independently), third part - ordinary buttons. All this can be done with RKTabView. Create elements of 3 types: * Excludable element(Same as UITabBar elemets. One is on - others are off) * Unexludable element (can be turned on or off independently) * Button element (work as ordinary button) To do this, use one of 3 initialization methods. Initialization method require element images for "enabled" and "disabled" states. "Button element" initialization method requires target and selector in addition.

eq.js - Lightweight JavaScript powered element queries

  •    Javascript

Element queries are the "holy grail" of responsive web design, allowing you to create a single component that can be dropped into any position in any layout and have them respond appropriately. Unfortunately, due to some hard-to-deal-with chicken-and-egg cases, especially involving inline elements, it's unlikely that element queries will make it into browsers any time soon. In order to use eq.js, you need to include eq.js on your site. Setting up element queries can be done in one of two ways: the first is to set up a data-eq-pts attribute on your desired element and the second is to use the eq-pts mixin in Sass. The first way is preferred, as it is faster for JavaScript to parse and can fire on DOMContentLoaded whereas the second way is slower and can only be fired on window load, increasing the likelihood of a flash of unstyled content.

element-react - Element UI

  •    Javascript

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.Before the building, you need a style theme, here we recommend you to pick up element-theme-default.

element-react - Element UI

  •    Javascript

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. Before the building, you need a style theme, here we recommend you to pick up element-theme-default.

element-queries-spec - A spec for a Container-Style Element Query Syntax

  •    HTML

This spec aims to define a syntax for scoped styles and element queries in a container query style, as well as the related selectors, functions, and units that make scoped styles and element queries versatile and powerful way to write layout-independent responsive conditions for elements in CSS. As a reference for the syntax described in the spec, I have included a JavaScript plugin that reads the proposed syntax and displays the desired behaviour of the proposed functionality.

select-css - Cross-browser styles for consistent select element styling

  •    CSS

Cross-browser CSS for consistent select element styling. If you’re looking for the JS version of the select plugin, check out select.

observe-js - A library for observing Arrays, Objects and PathValues

  •    Javascript

observe-js is a library for observing changes in JavaScript data. It exposes a high-level API and uses Object.observe if available, and otherwise performs dirty-checking. observe-js requires ECMAScript 5. PathObserver will report a change whenever the value obtained by the corresponding path expression (e.g. obj.foo.bar) would return a different value.

vue-element-admin - A magical vue admin

  •    Vue

vue-element-admin is a front-end management background integration solution. It based on vue and use the UI Toolkit element. It is a magical vue admin based on the newest development stack of vue, built-in i18n solution, typical templates for enterprise applications, lots of awesome features. It helps you build a large complex Single-Page Applications. I believe whatever your needs are, this project will help you.

reframe.js - 🖼 Reframe unresponsive elements responsively.

  •    Javascript

Elements that have been wrapped with reframe will not be wrapped twice. Reframe.js wraps a specified element in a div that is an intrinsic ratio of the original element. This plugin is great for embedded content like iframes or videos.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.