Coder Social home page Coder Social logo

studiomotio / zeroclick Goto Github PK

View Code? Open in Web Editor NEW
30.0 5.0 6.0 7.76 MB

A web concept for a zero click user experience

Home Page: https://zeroclick.js.org

License: MIT License

JavaScript 99.63% Shell 0.37%
concept experiment zero-click user-experience npm-package web javascript plugin esnext jest

zeroclick's Introduction

zeroclick โ€“ npm (scoped) npm ci code coverage

A web concept for a zero click user experience.

zeroclick

Intro

This plugin is a web concept for a zero click user experience, meaning that the user doesn't need to click any links to properly navigate between your website's pages.

Even if this package may seems funny at first, it has many advantages:

  • discover the no click navigation: just hover the link and go!
  • improve accessibility for users that could have difficulties to click
  • use Promise: wait for something before leaving the page
  • create captivating interactive animations
  • works great with @barbajs
  • compatible with touch screens
  • perfect for a cool portfolio!

Documentation

Here you will find the documentation describing how to use the plugin.

  1. How it works - how the plugin do the stuff
  2. Install - how to install and use the plugin
  3. Properties - available properties
  4. Methods - available methods
  5. Events - available events, callbacks and data attributes

Disclaimer

As the plugin create an "untrusted" MouseEvent in order to simulate a user "click", some browsers may interpret target="_blank" links as intrusive pop-up. Be sure to ignore/ban those kind of links from your site.

Contribute

If you want to report a bug or request a new feature/improvement, please read the project contributors guidelines before. Thanks for taking time to contribute.

License

The project is developed under the MIT license:

  • Permissions: This software and derivatives may be used for commercial purposes, you may distribute this software, this software may be modified and you may use and modify the software without distributing it.
  • Conditions: Include a copy of the license and copyright notice with the code.
  • Limitations: Software is provided without warranty and the software author/license owner cannot be held liable for damages.

Read the full license for more information about your rights.

Questions?

If you have any questions, please feel free to contact us!
hello [at] studiomotio.com

zeroclick's People

Contributors

xavierfoucrier avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

zeroclick's Issues

Improve docs site

Add more use cases to the documentation site in order to show what's the plugin is able to do in real conditions, like:

  • hover a video element and starting to play after a small animation has ended
  • hover an element, preload some content (image or web page) then display after animation has ended
  • ...

Improve plugin docs site

Enhance the user experience on the docs site in order to show what the plugin features working with an animation library like gsap or mojs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.