Skip to main content
CSS is fun and cool and I like it.

Bidirectional scrolling: what’s not to like?


Creating responsive, touch-friendly carousels with Flickity

By now, any article about carousels should come with the disclaimer: You may not need a carousel. Carousels are easily abused. Kyle Peatt has more details on the carousel controversy.

Part of the blame can be put on the user experience of carousel plugins themselves. Scrolling through a carousel is less satisfying and more awkward that simply scrolling down a page. Basically, you can’t flick through them. Third-party libraries should at least be as useful as native behavior.

On top … Read article “Creating responsive, touch-friendly carousels with Flickity”


Scroll Page Horizontally With Mouse Wheel

1) Load jQuery and the Mouse Wheel plugin

Mouse Wheel plugin is here.

<script type='text/javascript' src=''></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>

2) Attach mousewheel event to body

The “30” represents speed. preventDefault ensures the page won’t scroll down.

$(function() {

   $("body").mousewheel(function(event, delta) {

      this.scrollLeft -= (delta * 30);



See the Pen
Horizontal Scrolling with mouse wheel
by Chris Coyier (@chriscoyier)
on CodePen.… Read article “Scroll Page Horizontally With Mouse Wheel”