A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped
Tag: js
Why We Chose Vue.js | GitLab
Source: Why We Chose Vue.js | GitLab
And the discussion on HackerNews
How it feels to learn Javascript in 2016
Edit: Thanks for pointing typos and mistakes, I’ll update the article as noted. Discussion in HackerNews and Reddit.
Website tour, instructions and help plugins
Intro.js
– 10KB JavaScript and 2.5KB CSS
– user-friendly
– browser-compatibility
– hints, enable/disable, HTML in tooltip, floating guide, multi-page guide, progress bar, auto-positioning
Fix for ‘text scale animation cause font to blur’
text scale animation cause font to blur – posted in GSAP: When using Chrome the text is blurred during the animation and then at the end the text snaps clear and normal. Does not do that with Firefox or Edge. How do I get rid of the blur when viewing with Chrome. Thank you, Kv2
Source: text scale animation cause font to blur – GSAP – GreenSock
It’s a common Chrome bug.
Adding
CSSPlugin.defaultForce3D = false;
to your Javascript file will fix it.
//
You might also find this post helpful: http://greensock.com…ted/#entry36948
Jquery Scrolling plugins
Source:
http://www.cssauthor.com/jquery-scrolling-plugins/
I liked these particularly:
- AnimateScroll
AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling theanimatescroll()
function with theId
orClassname
of the element where you want to scroll to.
demo
https://github.com/ramswaroop/animatescroll.js - Scrollify
A jQuery plugin that assists scrolling and smoothly snaps to sections. Fully configurable and optimised for touch.
demo
https://github.com/lukehaas/Scrollify
- jQuery slimScroll
slimScroll is a small (4.6KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar
demo
https://github.com/rochal/jQuery-slimScroll/ - Portfoliojs
Portfoliojs is a lightweight jQuery gallery plugin for your beautiful images with horizontal scrolling which supports desktop, tablet and mobile browsers
demo
https://github.com/abhiomkar/portfoliojs - Scrolltab
add tabs visually associated to their position relative to the scroll bar
demo
https://github.com/cjsaylor/Scrolltab - SMINT – Sticky Menu including Navigation Thingy
demo
download - JQuery Custom Scrollbar
Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc.
demo
download - Infinity JS
Developed for AirBnb. Is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant.
demo
https://github.com/airbnb/infinity - ALS – Any List Scroller
jQuery scrolling plugin by musings.it to scroll any list with any content.
demo
http://als.musings.it/ - JQuery Animation Scroll Plugin
A mobile friendly viewport triggered animation jQuery Plugin using greensock.
demo
https://github.com/mpalpha/animate-scroll - JQuery.ScrollTo
Lightweight, cross-browser and highly customizable animated scrolling with jQuery
demo
https://github.com/flesler/jquery.scrollTo - Endless Scroll JQuery Plugin
Endless Scroll not only helps you build highly customisable infinite scrolling effects, it also offers features not commonly seen. Such features include: a) The ability to up-scroll and prepend content to the beginning of the page b) The ability to limit the number of available ‘pages’, i.e. data truncation c) And there are more exciting features in the works, including SEO-friendly URLs!
Demo
https://github.com/fredwu/jquery-endless-scroll
More Scrolling Plugins
- flipsnap.js
demo
http://hokaccha.github.io/js-flipsnap/ - fullpage.js
Not only vertical scrolling but also horizontal scrolling. With fullPage.js you will be able to add horizontal sliders in the most simple way ever. Designed to fit to different screen sizes as well as tablet and mobile devices.
demo
https://github.com/alvarotrigo/fullPage.js
Intro.js – Step-by-step guide and feature introduction for your website
Intro.js – Step-by-step guide and feature introduction for your website
Source: Intro.js – Step-by-step guide and feature introduction for your website
Interactive JavaScript charts for your webpage | Highcharts
Saw http://tool.globalcalculator.org/ using this:
Highcharts – Interactive JavaScript charts for your web pages.
Source: Interactive JavaScript charts for your webpage | Highcharts
Plotly.js Open-Source Announcement
Plotly’s JavaScript graphing library, Plotly.js, is now Open-source and Free