rough-notation VS slick

A quick look through the source brought me to https://roughnotation.com/

Also see RoughNotation <https://roughnotation.com/>, which uses RoughJS to support underlines, highlights etc.

I took some inspiration for my website (mouse over any highlighted title) <https://muxup.com/>. The write-up here aims to summarise how it works https://muxup.com/2022q3/muxup-implementation-notes#randomly... - if you click through you'll see it's really very little code.

I used an npm package called Rough Notation React. They have the demos here - https://roughnotation.com/

🎨 Design tip: Even though Delba’s website is fairly minimal, she sparks joy in the user with delightful highlighter animation using a JavaScript library called Rough Notation.

10. Rough Notation

Do also check out the other cool roughjs creations (https://github.com/rough-stuff), such as annotations (rough-notation: https://github.com/rough-stuff/rough-notation) and html elements (wired-elements: https://github.com/rough-stuff/wired-elements).

Shameless plug: I also created a dataviz library that uses roughjs under-the-hood: https://github.com/jwilber/roughViz

- https://github.com/rough-stuff/rough-notation

One comment: some items aren’t rendering properly on my safari (eg checkboxes)

I used [Rough notation](http:// https://roughnotation.com/) for the highlights..not sure I get your second question tho.

In the past, I have copied code from Slick Sliders on to the container to generate the animation, but would love to learn how to hand code this myself. I work with WordPress in my company, so alot of PHP is involved as well.

I've tried a few things, like installing vue slick carousel but I'm getting a type error that I can't seem to fix. I looked around and could only find basic carousels, without that perspective and layer-stacking kind of stuff with the center one being on top of the others. Slick slider's center mode (https://kenwheeler.github.io/slick/) is cool, not exactly what I want but the closest at least, but it requires jQuery, which I can't use on that project.

Depending how confident you are with JQuery, and what page builder you’re using, you may be able to set up a Slick Slider or similar around the Cover Block and use multiple Cover Blocks as the slides

Try this => https://kenwheeler.github.io/slick/

Years and years ago I used to use Malsup's jQuery Cycle plugin and then Cycle2 but these now seem long abandoned. I've also used both flexslider and slickslider but I'm wondering if there are better, more modern alternatives I could now be using instead to quickly create sliders or carousels.

If you use the Acquia Product 'Site Studio', the carousel component is just a Slick Slider instance. We've used this in several Drupal projects.

But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,...

Slick will help you realize the carousel effect. It has a full array of options, works with swipe gestures for mobile devices, and supports other cool features. You can even sync the two carousels if you want to create an overlay effect.