Displaying 1 to 19 from 19 results

angular-starter - :tada: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack by @TipeIO


An Angular starter kit featuring Angular 5, Ahead of Time Compile, Router, Forms, Http, Services, Tests, E2E), Karma, Protractor, Jasmine, Istanbul, TypeScript, @types, TsLint, Codelyzer, Hot Module Replacement, and Webpack by AngularClass.This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using a Webpack 3 for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.

ProxyManager - :rainbow: OOP Proxy wrappers utilities - generates and manages proxies of your objects


This library aims at providing abstraction for generating various kinds of proxy classes. You can learn about the proxy pattern and how to use the ProxyManager in the docs, which are also compiled to HTML.

lozad


It is written with an aim to lazy load images, iframes, ads, videos or any other element using the recently added Intersection Observer API with tremendous performance benefits. Existing lazy loading libraries hook up to the scroll event or use a periodic timer and call getBoundingClientRect() on elements that need to be lazy loaded. This approach, however, is painfully slow as each call to getBoundingClientRect() forces the browser to re-layout the entire page and will introduce considerable jank to your website.

BttrLazyLoading - [Unmaintained] Responsive Lazy Loading plugin for JQuery


BttrLazyLoading is a Jquery plugin that allows your web application to defer image loading until images are scrolled to but not only! BttrLazyLoading also allows you to have different version of an image for 4 differents screen sizes: phones (<768px), tablets (≥768px), desktops (≥992px) and large Desktops (≥1200px). BttrLazyLoading depends on jQuery (meaning jQuery must be included before the plugin files) and Animate.css (optional) for animations.





extractify - Browserify plugin to extract code to be lazy loaded into separate bundles


Browserify plugin to extract code to be lazy or on-demand loaded into separate bundles aka code-splitting.Each splitted bundles will emits stream before written into filesystem. The outfile name is available as stream.file.

react-redux-webpack-lazy-loading - The follow up example of react-webpack-lazy-loading now using Redux


This is a bare minimun setup just to show how it works. Isn't intended to be a complete web app.

react-webpack-lazy-loading - A sample of lazy loading using React and Webpack


This is a bare minimun setup just to show how it works. Isn't intended to be a complete web app.

v-lazy-img - simplistic vue.js directive for image lazy loading


v-lazy-img adds the directives v-lazy-load and v-lazy-load-bg. The latter changes the background image (css background-image) instead of the src-attribute.

guide-to-async-components - 📖 Guide To JavaScript Async Components


Also known as code splitting, dynamic import (TC39 proposal), "chunks" (which are loaded on demand), "layers", "rollups", or "fragments". Async component (in React) is a technique (typically implemented as a Higher Order Component) for loading components with dynamic import.

generator-angular-lazy - Yeoman generator for creating Angular applications which lazy load components as needed at runtime


Opinionated Yeoman generator for creating Angular applications which lazy load components as needed at runtime. To get started you'll need to install the Yeoman, JSPM, Gulp and Protractor CLI tools globally.

ember-img-lazy - Lazyloaded images with Ember


Lazily load images once they enter your viewport. Uses IntersectionObserver, does not provide a polyfill and loads images immediately if IntersectionObserver is not available.

ember-cli-pace - Pace


Due to application scripts loading may take some time (especially, using mobile networks or ADSL), Ember-cli-pace can load them asynchronously displaying correctly computed progress bar. To enable that feature, just change src attribute to pace-src in your app.html. Therefore, the scripts will be loaded via AJAX, which allows to compute loaded vs total bytes ratio. If your scripts are located on separate host, please note CORS policy.

peekaboo - Know when elements are about to scroll into the viewport


Fires a one-time event whenever elements of your choice are about to scroll into the viewport. Perfect for just-in-time asset loading, for example; images, javascript libraries such as twitter and facebook, article comments or 3rd party advertisments. See the gitHub pages demo site for more info.

responsive-lazyload


This package was inspired by https://github.com/ivopetkov/responsively-lazy/. It uses very similar markup, but significantly simplifies the way image replacement is handled under the hood. It also adds an optional fallback for when JavaScript is disabled. Check out the examples for copy-pasteable code and more information about usage.

jquery-zload - jQuery plugin for lazy loading background images


Blazing fast jQuery plugin for lazy loading background images. Note: This plugin is designed for performance over features. It only handles the background-image css property and it will wait for scrolling to stop before doing any work. For a full featured solution that also handles horizontal scrolling and img tags, check out Mika Tuupola's LazyLoad: http://www.appelsiini.net/projects/lazyload.