The goal of this text is to cowl the method of making hints for an internet site. Firstly, we’ll check out how we will create a single trace for a correct web site component. Then, we’ll create a sequence of hints to make a guided tour of an internet site. To create the hints I am going to use EnjoyHint. For instance, I’ve made a simple demo utilizing the Bootstrap framework.
EnjoyHint is determined by jQuery and it requires a model of the library higher than or equal to model 1.7. One other dependency is KineticJS v5.1.zero which is already included into EnjoyHint, so there’s nothing to fret about.
If you wish to take a look at the supply code of the demo, you can visit this GitHub repository.
Why Utilizing EnjoyHint?
EnjoyHint’s most important aim is to offer you a chance to assist a consumer find his approach by way of your net pages options. It may be fairly helpful in case of an enormous net software with tons of parts.
You’ll be able to spotlight a single aspect and add an outline to it, or take a consumer by the hand to point out him all of the obtainable options one after the other. With this library can also be potential to vary the form of the highlighted space or to make use of your personal fashion for the trace textual content. Right here’s an inventory of its key options:
- Free to make use of
- Automated focus and highlighting of the world associated to the trace
- Totally different shapes of the highlighted space
- Trace delay property
- Risk to renew the interrupted trace sequence
- Cross-browser help
- Help for Android, iOS, and Home windows contact screens
With this in thoughts, it’s now time to put in writing some code to see this library in motion.
Proceed studying %Hints Creation with EnjoyHint%