Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
The main concept behind these layouts is to play around with animations that feel and work well for scrolling to the sides. This includes animating images and text depending on the direction we scroll. Moving things up and down for example or skewing them can create a really interesting dynamic effect.
An inline menu layout with a playful hover animation and a gallery content preview panel.
Spacetime lets you figure-out what time it is, all-over the world:
- calculate time in remote timezones
- support daylight savings, leap years, and hemispheres
- Moment-like 💘 API (but immutable!)
- Orient time by quarter, season, month, week..
- Zero Dependencies – (no Intl API)
- only 43KB.
Skeletabs is an open source jQuery plugin that provides tabbed browsing feature to your web contents. It is focused on accessibility and scalability above all else, and is designed to support convenience of screen readers and keyboard users, as well as to encourage developers’ creative uses.
jbvalidator is a fresh new jQuery based form validation plugin that is created for the latest Bootstrap 5 framework and supports both client side and server-side validation.
- Multiple languages.
- Custom error messages.
- Custom validation rules.
- Easy to use via HTML data attribute.
Cuttr is a zero dependency, easy to use JS/jQuery library that truncates multiple line text content (Line Clampin’) to fit within given specifications. It adds an ending string like a ellipsis (…) to indicate that there is more text available than currently visible.
Ztext gives the illusion of volume by creating layers from an HTML element. There’s no need to spend hours fiddling with
<canvas> or forcing users to download multi-megabyte WebGL libraries. Content remains fully selectable and accessible.
Some experimental video transitions using Curtains.js and shaders.We’ve done some crazy polygon transitions, and before that some WebGL Image Transitions. But a lot of people have been asking how to translate those techniques into the video world. And I agree, one cannot underestimate the importance of video on the web.
Some ideas for scroll animations for image grids powered by Locomotive Scroll.
A simple slideshow with tilted thumbnails and large titles that animate when navigating. So the main idea is to animate the tilted thumbnails out of the viewport when navigating to the next or previous slide. While the thumbnails move out, the titles get animated too, in that reveal/unreveal fashion that seems to be quite trendy now. The direction of the motion depends on whether we’re navigating back or forth.