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.
angular typescript webpack angularclass starter-kit aot protractor karma lazy-loading hmr aot-compilation jasmine istanbul docker angular5 angular2 angular4 tipe tipe.ioThis 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.
oop proxy lazy-loading aopIt 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.
performance lazy-loading lazyload lozad lazy loader lazyloader image video iframe adsSplide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies. There are 3 ways to install the Splide on your site.
lightweight slider drag carousel vanilla-javascript swipe lazy-loading breakpoints autoplay splide slideshow touch responsiveSeed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
angular universal angular-cli seed starter isomorphic server-side-rendering hmr ngrx state scss lazy-loading config cache i18n seo aot webpack typescriptVue addon for rendering fake content while data is fetching to provide better UX and lower bounce rate. Include plugin in your main.js file.
lazy-loading progressive-rendering loader fake-content skeleton vue vue-components vuejs plugin fake placeholder progressive skeleton-uiTemplate for Webpack, Visual Studio, ASP.NET Core and Angular. Both the client and the server side of the application are implemented inside one ASP.NET Core project which makes it easier to deploy. You can use this template also with yarn.
webpack visual-studio angular aspnet-core typescript lazy-loading hmr aot templateBttrLazyLoading 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.
lazy-loading responsive multi-serving image images jquery-pluginTo be able to immediately show some feedback to the user, it is possible to pass a placeholder image, which could be also 1% the size of the main image: it will be blurred so you can go crazy with optimizations here. The progressive-background has a "content" slot, which can hold content that needs to be rendered over the background image and also can hold a preloader. This slot has one property called "visible" that tells you when, for example, a preloader needs to be visible or not.
progressive image vue plugin img lazy-loadingyall.js is a featured-packed lazy loading script for <img>, <picture>, <video> and <iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to scroll, touchmove, resize, and orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using requestIdleCallback. To optimize decoding of <img> lazy loading for simple src and srcset use cases, yall.js uses Image.decode where available to decode images asynchronously before adding them to the DOM.
images lazy-loading lazyload-images webperf lazyload-script lazyloading lazyload lazy-load lazyload-img performance intersection-observer mutation-observer requestidlecallback web-performanceThe browser you targeting need to have support of WeakMap and String.prototype.includes. If you need to support an older browser (like IE) you will need to include polyfill for WeakMap and String.prototype.includes (see https://github.com/zloirock/core-js for example).
angular lazy-loading lazy-load lazy-imageAngular NgRx & Angular Material Starter Project
angular ngrx angular-material angular-cli bootstrap4 starter-project lazy-loading material-designRoute internationalization utility for Angular
angular i18n-router router localized-router async i18n localization lazy-loading angular2 angular4 aot typescript npm-package angular-componentChart.js plugin to defer initial chart updates
chartjs plugin lazy-loadingBrowserify 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.
browserify build-tools build plugin code-split extract lazy-loading on-demand-loadingThis is a bare minimun setup just to show how it works. Isn't intended to be a complete web app.
react redux webpack2 lazy-loadingThis is a bare minimun setup just to show how it works. Isn't intended to be a complete web app.
react webpack2 lazy-loadingv-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.
vuejs2 vuejs vue-directive image-loader vue lazy-loading imageAlso 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.
react loading async code-splitting lazy-loading lazyload lazyload-images responsive-images
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.